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

技术周刊 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 发布。🔗
点评:正式版还要等一段时间,而源码解析已经开始了!

百宝箱

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

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

发布于 2019-10-16

文章被以下专栏收录