周刊收集包括前端（但不限于前端）的文章、新聞、開源項目、工具等等，每周一更新。
?? News
Electron 14.0.0 發布
Electron 14.0.0 現已發布，此次帶來了諸多更新，同時終止了對 Electron 11.xy 的支持。
此更新帶來了 Chromium 93, Node.js 14.17, and V8 9.3。
https://github.com/electron/electron/releases/tag/v14.0.0
github.dev
近日 Github 新出了一個功能，用戶可以通過將 url 中的 「.com 替換為 .dev」 來直接打開在線版的 vscode 編輯器。
https://mp.weixin.qq.com/s/fRdEkLvxNI2cEGbVJ6pxBA
?? 文章
精讀《捕獲所有異步 error》
https://mp.weixin.qq.com/s/mgSJHgp-RBvqVZAJzR6llg
面向前端開發人員的交互式學習工具
聽說通過玩游戲的方式可以學習得更好。
這里收集了一些代碼工具和游戲幫助你學習CSS、JavaScript、SQL、React、Vim、正則表達式、Jamstack等等。
https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/
大概幾集下飯劇時間就能懂的VUE3原理
https://mp.weixin.qq.com/s/fsyqkj5FhjHxzMLw9MgjZQ
學習 Webpack5 之路（優化篇）
本篇將從優化開發體驗、加快編譯速度、減小打包體積、加快加載速度 4 個角度出發，介紹如何對 webpack 項目進行優化。
https://mp.weixin.qq.com/s/pwynolH0pTtT38f-xBUsXw
關于鑒權，看懂這篇就夠了
https://mp.weixin.qq.com/s/-Yf6a58H7WDB1luOORhDJw
電商最小存貨 - SKU 和 算法實現
目前電商平臺的業務中，只要有商品，不可避免的會遇到SKU方面功能。這篇文章就從理論到實踐，從商品創建到商品購買，手把手帶你實現 SKU 相關的“核心算法”。
https://mp.weixin.qq.com/s/A2BLVnhas49Z1pj6OubymA
你不可能知道的骨架屏玩法??
https://juejin.cn/post/6994678354200756238
All in one：項目級 monorepo 策略最佳實踐
https://segmentfault.com/a/1190000039157365
你的 Tree-Shaking 真的起作用了嗎？
本文將探討tree-shaking在當下的現狀，以及研究為什么tree-shaking依舊舉步維艱的原因，最終總結當下能提高tree-shaking效果的一些手段。
https://jishuin.proginn.com/p/763bfbd2de0d
type-challenges
一個 TypeScript 類型挑戰合集，提供了非常多題目，由易到難，邊練邊學。
https://github.com/type-challenges/type-challenges
?? 工具、軟件
Mafs
數學可視化組件。
react-pdf-highlighter
react-pdf-highlighter是一個提供PDF文檔注釋功能的組件，基于PDF.js制作，支持文字和方框高亮。
在線示例：
https://agentcooper.github.io/react-pdf-highlighter/
https://www.npmjs.com/package/react-pdf-highlighter
JZZ.js
JZZ.js能夠發送、接收和播放MIDI消息，簡單來說就可以通過JZZ.js輸出MIDI信號控制電子設備播放，或者接收MIDI信息播放音樂。
MIDI是編曲界最廣泛的音樂標準格式，可以稱為“計算機能理解的樂譜”。
https://github.com/jazz-soft/JZZ
smartcrop.js
smartcrop.js能夠截取一個圖片的最好、最主要的部分。
在線示例：
https://29a.ch/sandbox/2014/smartcrop/examples/testsuite.html
https://github.com/jwagner/smartcrop.js
Fiddly
把你項目的Readme.md變為一個好看、簡單的HTML頁面，部署在服務器上后就是一個好看的項目主頁。
bundle
一個快速的npm包大小檢查工具。
TypeIt
強大的打字效果插件，但是商業使用還需要付費。
FFCreator
一個基于node.js的高速短視頻加工庫
FFCreator是一個基于node.js的輕量、靈活的視頻制作庫。人人都能視頻制作。
| 示例1 | 示例2 |
|---|---|
 image
|
 image
|
特性
- 完全基于node.js開發，非常易于使用，并且易于擴展和開發。
- 依賴很少、易于安裝，對機器配置要求較低。
- 視頻制作速度極快，一個 5 分鐘的視頻只需要 1-2 分鐘。
- 支持近百種場景炫酷過渡動畫效果。
- 支持圖片、聲音、視頻剪輯、文本等元素。
- 支持字幕組件、可以將字幕與語音 tts 結合合成音頻新聞。
- 支持簡單（可擴展）的虛擬主播，您可以制作自己的虛擬主播。
- 包含animate.css90%的動畫效果，可以將 css 動畫轉換為視頻。
- FFCreatorLite版具有更快的合成速度，它也是一種不錯的選擇。
https://github.com/tnfe/FFCreator
react-cosmos
react-cosmos是一個可用于UI組件開發、測試的沙盒環境。
在線demo：
https://reactcosmos.org/live-demo/
https://github.com/react-cosmos/react-cosmos
周刊首發于GitHub，歡迎訂閱：
