周刊收集包括前端（但不限于前端）的文章、新聞规哪、開源項(xiàng)目、工具等等塌衰，每周一更新诉稍。
?? News
Electron 14.0.0 發(fā)布
Electron 14.0.0 現(xiàn)已發(fā)布，此次帶來(lái)了諸多更新最疆，同時(shí)終止了對(duì) Electron 11.xy 的支持杯巨。
此更新帶來(lái)了 Chromium 93, Node.js 14.17, and V8 9.3。
https://github.com/electron/electron/releases/tag/v14.0.0
github.dev
近日 Github 新出了一個(gè)功能努酸，用戶可以通過(guò)將 url 中的 「.com 替換為 .dev」 來(lái)直接打開在線版的 vscode 編輯器服爷。
https://mp.weixin.qq.com/s/fRdEkLvxNI2cEGbVJ6pxBA
?? 文章
精讀《捕獲所有異步 error》
https://mp.weixin.qq.com/s/mgSJHgp-RBvqVZAJzR6llg
面向前端開發(fā)人員的交互式學(xué)習(xí)工具
聽說(shuō)通過(guò)玩游戲的方式可以學(xué)習(xí)得更好。
這里收集了一些代碼工具和游戲幫助你學(xué)習(xí)CSS获诈、JavaScript、SQL笼踩、React嚎于、Vim袍睡、正則表達(dá)式、Jamstack等等。
https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/
大概幾集下飯劇時(shí)間就能懂的VUE3原理
https://mp.weixin.qq.com/s/fsyqkj5FhjHxzMLw9MgjZQ
學(xué)習(xí) Webpack5 之路（優(yōu)化篇）
本篇將從優(yōu)化開發(fā)體驗(yàn)竹伸、加快編譯速度勋篓、減小打包體積钢颂、加快加載速度 4 個(gè)角度出發(fā)殊鞭，介紹如何對(duì) webpack 項(xiàng)目進(jìn)行優(yōu)化。
https://mp.weixin.qq.com/s/pwynolH0pTtT38f-xBUsXw
關(guān)于鑒權(quán)趾盐，看懂這篇就夠了
https://mp.weixin.qq.com/s/-Yf6a58H7WDB1luOORhDJw
電商最小存貨 - SKU 和 算法實(shí)現(xiàn)
目前電商平臺(tái)的業(yè)務(wù)中溢豆，只要有商品搓茬，不可避免的會(huì)遇到SKU方面功能峻村。這篇文章就從理論到實(shí)踐粘昨，從商品創(chuàng)建到商品購(gòu)買张肾，手把手帶你實(shí)現(xiàn) SKU 相關(guān)的“核心算法”。
https://mp.weixin.qq.com/s/A2BLVnhas49Z1pj6OubymA
你不可能知道的骨架屏玩法??
https://juejin.cn/post/6994678354200756238
All in one：項(xiàng)目級(jí) monorepo 策略最佳實(shí)踐
https://segmentfault.com/a/1190000039157365
你的 Tree-Shaking 真的起作用了嗎？
本文將探討tree-shaking在當(dāng)下的現(xiàn)狀妖啥，以及研究為什么tree-shaking依舊舉步維艱的原因，最終總結(jié)當(dāng)下能提高tree-shaking效果的一些手段克伊。
https://jishuin.proginn.com/p/763bfbd2de0d
type-challenges
一個(gè) TypeScript 類型挑戰(zhàn)合集，提供了非常多題目，由易到難坷衍，邊練邊學(xué)。
https://github.com/type-challenges/type-challenges
?? 工具钻心、軟件
Mafs
數(shù)學(xué)可視化組件捷沸。
react-pdf-highlighter
react-pdf-highlighter是一個(gè)提供PDF文檔注釋功能的組件苍柏，基于PDF.js制作，支持文字和方框高亮律秃。
在線示例：
https://agentcooper.github.io/react-pdf-highlighter/
https://www.npmjs.com/package/react-pdf-highlighter
JZZ.js
JZZ.js能夠發(fā)送柜裸、接收和播放MIDI消息粱锐，簡(jiǎn)單來(lái)說(shuō)就可以通過(guò)JZZ.js輸出MIDI信號(hào)控制電子設(shè)備播放疙挺，或者接收MIDI信息播放音樂(lè)。
MIDI是編曲界最廣泛的音樂(lè)標(biāo)準(zhǔn)格式怜浅，可以稱為“計(jì)算機(jī)能理解的樂(lè)譜”铐然。
https://github.com/jazz-soft/JZZ
smartcrop.js
smartcrop.js能夠截取一個(gè)圖片的最好、最主要的部分恶座。
在線示例：
https://29a.ch/sandbox/2014/smartcrop/examples/testsuite.html
https://github.com/jwagner/smartcrop.js
Fiddly
把你項(xiàng)目的Readme.md變?yōu)橐粋€(gè)好看搀暑、簡(jiǎn)單的HTML頁(yè)面，部署在服務(wù)器上后就是一個(gè)好看的項(xiàng)目主頁(yè)跨琳。
bundle
一個(gè)快速的npm包大小檢查工具自点。
TypeIt
強(qiáng)大的打字效果插件，但是商業(yè)使用還需要付費(fèi)脉让。
FFCreator
一個(gè)基于node.js的高速短視頻加工庫(kù)
FFCreator是一個(gè)基于node.js的輕量桂敛、靈活的視頻制作庫(kù)功炮。人人都能視頻制作。
| 示例1 | 示例2 |
|---|---|
 image
|
 image
|
特性
- 完全基于node.js開發(fā)埠啃，非常易于使用死宣，并且易于擴(kuò)展和開發(fā)。
- 依賴很少碴开、易于安裝毅该，對(duì)機(jī)器配置要求較低。
- 視頻制作速度極快潦牛，一個(gè) 5 分鐘的視頻只需要 1-2 分鐘眶掌。
- 支持近百種場(chǎng)景炫酷過(guò)渡動(dòng)畫效果。
- 支持圖片巴碗、聲音朴爬、視頻剪輯、文本等元素橡淆。
- 支持字幕組件召噩、可以將字幕與語(yǔ)音 tts 結(jié)合合成音頻新聞。
- 支持簡(jiǎn)單（可擴(kuò)展）的虛擬主播逸爵，您可以制作自己的虛擬主播具滴。
- 包含animate.css90%的動(dòng)畫效果，可以將 css 動(dòng)畫轉(zhuǎn)換為視頻师倔。
- FFCreatorLite版具有更快的合成速度构韵，它也是一種不錯(cuò)的選擇。
https://github.com/tnfe/FFCreator
react-cosmos
react-cosmos是一個(gè)可用于UI組件開發(fā)趋艘、測(cè)試的沙盒環(huán)境疲恢。
在線demo：
https://reactcosmos.org/live-demo/
https://github.com/react-cosmos/react-cosmos
周刊首發(fā)于GitHub，歡迎訂閱：
