编辑推荐
基于设计稿识别的可视化低代码系统实践
我们可以通过 Figma 的 OpenAPI 获取一个用来描述设计稿所有元素的 JSON 文件，通过这个 JSON 文件，能够知道文本的信息、各种元素的 CSS 信息、大小以及位置等。在拿到这些数据以后，可以通过提取出一些有效的特征，将这些特征转变为数字矩阵，通过数据的对比来识别出对应的组件。
小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？
一篇非常用心的文章：如果说一开始人们埋怨手机内存和流量资费的限制，而不想安装太多的 App，根据摩尔定律，现在的手机内存与硬件都在提升，运营商资费下调。这使得 PWA 最初得以出现的根基开始动摇。所以，PWA 现在国内面临的处境即：用户不知道，也不会用，开发者不见得支持，也不如小程序友好。
创意小玩意儿
炎炎夏日，CSS给你开个空调，带来一丝凉爽
用 CSS 画出一台空调，效果不错：
夏天到了，吃块西瓜清爽一夏
用 CSS 实现一块会动的西瓜，细节拉满
深度阅读
搞懂这12个Hooks，保证让你玩转React
文章聊的很细，值得阅读：
- 一个优秀的hooks一定会具备
useMemo、useCallback等api优化； - 制作自定义hooks遇到传递过来的值，优先考虑使用
useRef，再考虑用useState，可以直接使用useLatest，防止拿到的值不是最新值 - 在封装的时候，应该将存放的值放入
useRef中，通过一个状态去设置他的初始化，在判断什么情况下来更新所对应的值，明确入参与出参的具体意义，如useCreation和useEventListener
前端监控的搭建步骤，别再一头雾水了！
本篇介绍了前端监控系统的搭建过程，将整体流程划分为几个阶段，简述了每个阶段要做什么事情，以及关键问题是什么，帮你理清搭建监控系统的思路。
外文精选
Web Applications 101
关于 Web 应用的长历史，从最开始的客户端-服务端分离架构，到 Web 2.0，到SPA、SSR、SSG 等，整理的很详细。
An introductory guide to Contiuous Integration and Delivery/Deployment (CI/CD) for Frontend Develope
With the help of Continuous Integration and Delivery/Deployment (CI/CD), these problems are solved easily with automation. In this article, I'll explain what CI/CD is, the benefits and how you can put it into practice as a Frontend Developer.
The Surprising Truth About Pixels and Accessibility
The truth is, if you want to build the most-accessible product possible, you need to use both pixels and ems/rems. It's not an either/or situation. There are circumstances where rems are more accessible, and other circumstances where pixels are more accessible.
实践应用
花了几天时间整理出来的正则
很详细的正则表达式规则整理，适合前端同学阅读。
现代 CSS 解决方案：CSS 数学函数
文章介绍了 CSS 几个挺有趣的数学函数：calc()、min()、max()、clamp()，介绍这些接口的作用、示例、适用场景等。