一些细节处理

在细节处理上，其实还有很多要注意的，挑几个实际遇到比较大的问题来说一下：

1. 有时候输入框 focus 以后，会出现软键盘遮挡输入框的情况，这时候可以尝试 input 元素的 scrollIntoView 进行修复。
2. 在 iOS 下使用第三方输入法时，输入法在唤起经常会盖住输入框，只有在输入了一条文字后，输入框才会浮出。目前也不知道有什么好的办法能让唤起输入框时正确显示。这暂时算是 iOS 下的一个坑吧。
...

HTML5Shiv主要解决HTML5提出的新的元素不被IE6-8识别。

Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性，实现响应式网页设计（Responsive Web Design）。

Modernizr 是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发，同时又不会牺牲其他不支持这些新技术的浏览器的控制。

　　很多想要升级系统的苹果用户都可能会遇到固件文件不兼容的情况，小编下面就给大家带来正确辨识固件版本的方法。

　　如何辨别iOS设备对应的固件版本：

　　以iPho

我开发了一个网站，大量采用了html5和css3，希望用户都以webkit内核打开页面，但是测试却发现360的以ie内核打开为推荐模式，不知原因为何。其实360给网站开发者设计了一种选择的方法，只要加入一段Meta标签代码就可以解决。

以下信息摘自360官方网站：

浏览模式

极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式：

表示极速模式

表示兼容模式

表示IE9/IE10模式（仅在安装了IE9或IE10后可用）

在ie 7 8浏览器中，如果使用trim()属性去除空格的话，则会导致报错。

因此解决这个问题有如下方案：

JS去除空格的方法目前共有12种:

实现1
String.prototype.trim = function() { return this.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); }
实现2
String.prototype.trim = function() { return this.replace(/^\s+/, '').replace(/\s+$/, ''); }
实现3
String.prototype.trim = function

要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多 IE
下的显示错误，就是源于 haslayout。

什么是 haslayout ？

haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout 属性值为true时，我们说这个元素有一个布局（layout）

...

为了增加用户体验，在工作中难免要对textarea动态插入一些内容，插入完成后又想让光标定位于textarea的最后，各浏览器对这个的解释有些差异，下面整理了一个兼容浏览器的方法 toTextEnd ，此方法接受一个参数，该参数为要定位光标的目标元素【可编辑表单元素】。

其实理论很简单，在IE中采用createTextRange方法，非IE中采用setSelectionRange方法进行光标定位。