产生的条件 对于 14 像素大小的字体是没有本篇所要探讨的单（复）选框与文字对齐的问题的。（见下图） 但是，对于 12 像素大小的文字，则就存在对齐问题了，尤其在 Firefox 火狐浏览器以及 chrome 谷歌浏览器下。（见下图） 这就是本文所要研究与解决的问题，可以肯定的是单复选框与文字默认以 vertical-align:baseline 的方式对齐的。 解决方案 vertical-align: text-bottom css 代码如下：vertical-align:text… »

原理 浏览器（如页面）每次要洗澡（重绘），就会通知我(requestAnimationFrame)，而 setTimeout 貌似是多个独立绘制。 作用 统一的向下兼容策略 CSS3 实现动画即高效又方便，但是对于 PC 浏览器，IE10+ CSS3 实现，IE9-之流 JS setTimeout 实现，实现方式也是不统一，但是 requestAnimationFrame 跟 setTimeout 非常类似，都是单回调 为了统一代码，需要对 IE9-的浏览器做下兼容性处理 简单的兼容（IE… »

DOM 测试一 具体实现 我的解答 最佳解答 实现要点 获取所有 a 元素，两种方法：document.getElementsByTagName(‘a’) 所有浏览器都支持，还有 document.querySeletorAll(‘a’)，IE8+。 答案是：document.links 或者 document.querySelectorAll(‘:link’)都是可以的。链接元素和 元素的区别：首先没有 href 属性的 元素不是链接元素，其次链接元素还包括 元素（带 href… »

JS 测试一 具体实现 我的解答 最佳解答 实现要点 空数组项也会作为 length 的一部分；空数组项和空字符串项是有区别的。 第 2 题，本题只是过滤空数组项，不包括 null, undefined 这类。 去除空数组项两个比较好的回答： 数组中的 empty 元素不会参与数组项遍历，故只需返回 true 即可过滤掉 empty 元素（而不会牵连 0、NaN、null、undefined、” 这些）arr.filter(it => true)。然后补充，但是走 for… »

练习地址： 小测答题收集区 CSS 测试一 具体实现 overflow: hidden + float（不完美，显示的顺序与实际的 html 顺序不一致） flex + flex：1 table + table-layout: fixed（兼容性较好） 实现要点 大家布局其实这 3 类：float+overflow，然后是 flex 布局，很少人使用的 table 布局。 float 布局技巧：float:right+overflow:hidden;text-overflow:ellipsis… »