中秋特輯——祝大家中秋佳節(jié)快樂！
???? News
DevTools 支持跨瀏覽器調(diào)用
DevTools 最新特性：
- Scroll Snapping：快速查看容器和滾動元素之間的位置關(guān)系
- Container Queries：快速查看容器查詢命中的規(guī)則和命中原因
- &etc...
最重大的更新在于其支持跨瀏覽器調(diào)用，不在局限于 Chrome / Chromium。
原文鏈接：www.smashingmagazine.com/2021/09/dev…
Gatsby 發(fā)布 v4 next 版本
新特性包括：
- 延遲靜態(tài)生成（DSG, Deferred Static Generation）
- 服務(wù)端渲染（SSR, Server-Side Rendering）
- 并行數(shù)據(jù)請求，更短的打包構(gòu)建時間
- 更好的內(nèi)容預(yù)覽體驗
Feature Blog：www.gatsbyjs.com/gatsby-4/
???? Open Source
Kraken（北海）
Kraken 是淘系前端架構(gòu)團隊推出的依據(jù) W3C 標(biāo)準(zhǔn)提供渲染能力、基于 Flutter 自繪渲染技術(shù)的高性能跨平臺 Web 渲染引擎。
就在昨天，尤雨溪（Vue.js 作者）推薦了 Kraken，并向 Kraken 的 Examples 中 PR 了一個使用 Vue 3 + Vite 的示例。
官方文檔：openkraken.com/
GitHub Repo：github.com/openkraken/…
grex
你是否曾經(jīng)為寫正則表達式而苦惱？是否非常期望有一款工具能夠自動生成你想要的正則表達式？或許你可以試試 grex，它能夠通過你輸入的測試用例推導(dǎo)出你想要的正則表達式！
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
跨平臺的桌面應(yīng)用框架不知道怎么選？或許你可以參考一下這個 Repository，它將目前市面上主流的各種在桌面應(yīng)用中使用 Web 技術(shù)棧的框架進行了對比，包括端的支持程度、構(gòu)建后包大小、內(nèi)存占用等方面，能夠幫助你快速找到你需要的框架！
GitHub Repo：github.com/Elanis/web-…
???? Article
5 Things I Learned Building Snowpack to 20,000 Stars
文章介紹了 Fred K. Schott（Snowpack 作者）在實現(xiàn) Snowpack 的過程中，對產(chǎn)品構(gòu)思、編碼實現(xiàn)、技術(shù)運營等多個的思考和總結(jié)，深度講解了如何從 0 到 1 實現(xiàn)一個開源技術(shù)產(chǎn)品并進行運營推廣的一些細節(jié)，非常值得學(xué)習(xí)！
遺憾的是，作者此文的后續(xù)（第二部分）中寫到：在過去一年維護 Snowpack 的過程中感到乏力，同時社區(qū)里也出現(xiàn)了 Vite 這樣優(yōu)秀的產(chǎn)品，決定將其交給社區(qū)繼續(xù)維護。
第一部分原文鏈接：dev.to/fredkschott…
第二部分原文鏈接：dev.to/fredkschott…
一頓操作，我把 Table 組件性能提升了十倍
文章介紹了黃軼老師從一次技術(shù)重構(gòu)出發(fā)，逐步發(fā)現(xiàn)、深入源碼定位并最終解決了 Table 組件性能問題的過程。其中，通過對 Vue 3.2 引入的 v-memo 指令進行分析，受其啟發(fā)設(shè)計并實現(xiàn)了 useMemo 以解決 Table 組件性能問題的思路非常值得學(xué)習(xí)！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/120838.html
