前端技术日志：2020年8月14日

本技术日志，每周定期分享，欢迎关注、转发。

Salesforce 向 ESLint 项目捐款了 10,000 美元

Angular 发布了未来规划路线图

https://angular.io/guide/roadmap

低开销的 Node.js Web 框架 Fastify 3.2.0 发布

小型的纯 JavaScript 的 JS 解析器 Acorn 7.4.0 发布

文章教程

充分利用 Google 字体中的可变字体

https://css-tricks.com/getting-the-most-out-of-variable-fonts-on-google-fonts/

使用 Canvas 模拟对象碰撞

https://joshbradley.me/object-collisions-with-canvas/?utm_campaign=CSS%20Animation%20Weekly&utm_medium=email&utm_source=Revue%20newsletter

100% 在 CSS 中的含义

这是一篇讲述 CSS 百分比单位的文章，它用可视化的方式来讲解，让你一目了然。

https://wattenberger.com/blog/css-percents

表单设计最佳实践指南

https://gerireid.com/forms.html

使用 Promise 的 3 个常见错误

https://dev.to/mpodlasin/3-most-common-mistakes-when-using-promises-in-javascript-oab

工具资源

Inclusive Dates

一个人性化的日期选择库，允许用户使用自然语言短语（例如：“明天”、“下周”，或“在5天内”）选择日期。

https://github.com/fymmot/inclusive-dates

Super Expressive

一个零依赖的 JavaScript 库，用于以自然语言（语义化）的方式构建正则表达式。如果你对简洁神秘的正则表达式字符感到畏惧，那么可以尝试下这个库。

const SuperExpressive = require('super-expressive');
const myRegex = SuperExpressive()
  .startOfInput
  .optional.string('0x')
  .capture
    .exactly(4).anyOf
      .range('A', 'F')
      .range('a', 'f')
      .range('0', '9')
    .end()
  .end()
  .endOfInput
  .toRegex();

// Produces the following regular expression:
/^(?:0x)?([A-Fa-f0-9]{4})$/