练习地址： 小测答题收集区 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… »

Chrome 和 Safari 浏览器 preventDefault 报 treated as passive 错误 其实这个问题出现有一段时间了，主要麻烦的是，以前没有，后来，Chrome 和 Safari 浏览器升级了，然后出现这个错误，而且就在一个月前，Chrome 浏览器还只是黄色的警告，现在直接就红色错误献上。 例如，随便新建一个空白页面，写上如下 JavaScript 代码： 然后在移动端模式下页面上点击滑来滑去记下，就可以看到一大堆错误： Intervention Unable… »

语法 语法解构 CSS 语法中的特殊符号的含义绝大多数就是正则表达式中的含义，例如单管道符|，方括号[]，问号？，个数范围花括号{}等。具体说明： 首先是单管道符|。表示或者。也就是这个符号前后的属性值都是支持的。因此，下面这些语法都是支持的： 接下来是 … 这一部分。其中方括号 表示范围。也就是支持的属性值在这个范围内。我们先把方括号 内其他特殊字符去除，可以得到下面的语法： 这就是说，flex 属性值支持空格分隔的… »

canvas 实现弹幕性能较好 从技术实现成本角度讲，要实现弹幕效果，最简单的方法就是 DOM+CSS3 控制，如果我们的弹幕效果比较简单，使用 CSS3 动画实现也不失为一个好的方法。 但是如果我们的弹幕数据量比较大，就像下面这种： 使用 DOM 来实现很容易卡成了 80 年代的拖拉机——一顿一顿的。 很显然，面对这种多元素的复杂动画，使用 canvas 实现是更加合适的，动画会流畅很多。 本文就将展示两个案例，使用 canvas… »

简介 Pointer Lock API 可以让你的鼠标无限移动，脱离浏览器窗体的限制！ API 3 个属性 Document.pointerLockElement Document.onpointerlockchange Document.onpointerlockerror 2 个方法 Element.requestPointerLock() Document.exitPointerLock() 2 个事件 pointerlockchange pointerlockerror 其中，… »