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