中秋特辑——祝大家中秋佳节快乐！
???? News
DevTools 支持跨浏览器调用
DevTools 最新特性：
- Scroll Snapping：快速查看容器和滚动元素之间的位置关系
- Container Queries：快速查看容器查询命中的规则和命中原因
- &etc...
最重大的更新在于其支持跨浏览器调用，不在局限于 Chrome / Chromium。
原文链接：www.smashingmagazine.com/2021/09/dev…
Gatsby 发布 v4 next 版本
新特性包括：
- 延迟静态生成（DSG, Deferred Static Generation）
- 服务端渲染（SSR, Server-Side Rendering）
- 并行数据请求，更短的打包构建时间
- 更好的内容预览体验
Feature Blog：www.gatsbyjs.com/gatsby-4/
???? Open Source
Kraken（北海）
Kraken 是淘系前端架构团队推出的依据 W3C 标准提供渲染能力、基于 Flutter 自绘渲染技术的高性能跨平台 Web 渲染引擎。
就在昨天，尤雨溪（Vue.js 作者）推荐了 Kraken，并向 Kraken 的 Examples 中 PR 了一个使用 Vue 3 + Vite 的示例。
官方文档：openkraken.com/
GitHub Repo：github.com/openkraken/…
grex
你是否曾经为写正则表达式而苦恼？是否非常期望有一款工具能够自动生成你想要的正则表达式？或许你可以试试 grex，它能够通过你输入的测试用例推导出你想要的正则表达式！
GitHub Repo：github.com/pemistahl/g…
toolb.dev
一个清爽美观、简洁实用的前端在线工具集，包括 CSS / HTML / JavaScript 等工具，例如可视化编辑并生成渐变色、可视化编辑并生成 Button 样式、JavaScript Benchmark 等等。
Home Page：www.toolb.dev/css/gradien…
Web to Desktop framework comparison
跨平台的桌面应用框架不知道怎么选？或许你可以参考一下这个 Repository，它将目前市面上主流的各种在桌面应用中使用 Web 技术栈的框架进行了对比，包括端的支持程度、构建后包大小、内存占用等方面，能够帮助你快速找到你需要的框架！
GitHub Repo：github.com/Elanis/web-…
???? Article
5 Things I Learned Building Snowpack to 20,000 Stars
文章介绍了 Fred K. Schott（Snowpack 作者）在实现 Snowpack 的过程中，对产品构思、编码实现、技术运营等多个的思考和总结，深度讲解了如何从 0 到 1 实现一个开源技术产品并进行运营推广的一些细节，非常值得学习！
遗憾的是，作者此文的后续（第二部分）中写到：在过去一年维护 Snowpack 的过程中感到乏力，同时社区里也出现了 Vite 这样优秀的产品，决定将其交给社区继续维护。
第一部分原文链接：dev.to/fredkschott…
第二部分原文链接：dev.to/fredkschott…
一顿操作，我把 Table 组件性能提升了十倍
文章介绍了黄轶老师从一次技术重构出发，逐步发现、深入源码定位并最终解决了 Table 组件性能问题的过程。其中，通过对 Vue 3.2 引入的 v-memo 指令进行分析，受其启发设计并实现了 useMemo 以解决 Table 组件性能问题的思路非常值得学习！
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/120838.html
