技术周刊 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
发布于 2019-10-16