中秋特輯——祝大家中秋佳節快樂！
???? 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 組件性能問題的思路非常值得學習！
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/120838.html
