技术周刊 2019-10-16：为什么 CSS 如此诡异？

前端快爆

• Chrome Canary (79) 支持了 list-style-type: <string> 属性值(DEMO)，该特性使 CSS 可以通过字符自定义列表项目符号，此前 Firefox 39 已经支持。

• Chrome 76 已经试验性支持了 line-break: anywhere 属性值，该特性可以让文本从任何地方断开，哪怕是标点符号。

点评：若想体验，先立一个 flag chrome://flags/#enable-experimental-web-platform-features

• CSS 作为三种 Web 核心语言之一，它既容易又复杂。近日 Mozilla Developer 在油管上发布了稿件《为什么 CSS 如此诡异？》，通过讲述 CSS 的设计意图：放弃对排版的精准还原，给设备极大的自由以让网页能在所有设备上得到展现，解释了为什么 CSS 发展成今天的样子。

点评：二十年过去，人们用来上网的终端换了一茬又一茬，而 Web 没死。

• Chrome 73 开始支持了 <link rel="preload" as="image" imagesrcset imagesizes> 以支持响应式图片预加载，它能让你根据屏幕尺寸提前加载适合大小的图片，从而提升页面的打开体验。

• Vue 3.0 Pre-Alpha 的源码公开，完全由 TypeScript 写成。正式版将于 2020 年 Q1 发布。

点评：正式版还要等一段时间，而源码解析已经开始了！

百宝箱

• CSS Grid Generator 能让你拖拖拽拽就生成 Grid 布局，梦回 Dreamweaver

• nodebestpractices 是 Node.js 最佳实践的大全，涵盖：项目结构、异常处理、编码规范、测试、生产、安全、性能等有关 Node.js 开发的方方面面。

编辑： @冯雨 & 审阅： @humphry huang