摘要：
服用后： 服用后： 服用后： 1.4 使用 firstChild 和 nextSibling 代替 childNodes 遍历 dom 元素 服用后： 2. 字符串 服用后： 3. 循环语句 服用后： 3.2 顺序无关的遍历时，用 while 替代 for 服用后： 4. 条件分支 服用后： 5.2 阅读全文
摘要：
在HTML中有两种方式表达文本框 一个是<input>元素的单行文本框 一种是<textarea>的多行文本框。 <input>元素： 1.一定要指定type的值为text； 2.通过size属性指定显示字符的长度，value属性指定初始值，Maxlength属性指定文本框可以输入的最长长度； <t 阅读全文
摘要：
contenteditable是HTML5的属性,兼容IE6以上，不用担心兼容性问题。 阅读全文
摘要：
一些情况下对非可点击元素如(label,span)监听click事件，ios下不会触发 三星手机遮罩层下的input、select、a等元素可以被点击和focus(点击穿透) 安卓浏览器看背景图片，有些设备会模糊。 h5页面有个问题就是，当输入框在最底部，点击软键盘后输入框会被遮挡。 关于Web移动 阅读全文
摘要：
CSS3 动画属性（Animation） CSS 背景属性（Background） CSS 边框属性（Border 和 Outline） Box 属性 Color 属性 阅读全文
摘要：
方法一：移除空格 元素间留白间距出现的原因就是标签段之间的空格，因此，去掉HTML中的空格，自然间距就木有了。考虑到代码可读性，显然连成一行的写法是不可取的，我们可以： 或者是： 或者是借助HTML注释： 方法二：使用margin负值 margin负值的大小与上下文的字体和文字大小相关，间距对应大小 阅读全文
摘要：
目前对提升移动端CSS3动画体验的主要方法有几点：尽可能多的利用硬件能力，如使用3D变形来开启GPU加速 一个元素通过translate3d右移500px的动画流畅度会明显优于使用left属性；原因是因为： CSS动画属性会触发整个页面的重排relayout、重绘repaint、重组recompos 阅读全文
摘要：
两列布局：左侧定宽，右侧自适应方法一：利用float和负外边距 优点：考虑了页面优化，右侧主内容区先加载，左侧后加载。 缺点：多添加了一层div包裹。 方法二：利用外边距 优点：代码简洁，便于理解 缺点：不利于页面优化，右侧主内容区后加载 方法三：利用position 优点：考虑到了页面优化，右侧内 阅读全文
摘要：
1、绝对定位+margin：auto 效果： 实现原理：利用css定位规则，设置左右、上下方向定位为0，margin为auto，让css根据定位计算margin值，用hack的方式实现居中。居中块（绿色）的尺 寸需要可控,因为css计算margin时也需要参考尺寸值，由于四周为0，所以自动计算的尺寸 阅读全文
摘要：
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几 阅读全文