周刊收集包含前端（但不限于前端）的文章、新闻、开源我的项目、工具等等，每周一更新。
📰 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://tsch.js.org/
https://github.com/type-challenges/type-challenges
🛠 工具、软件
Mafs
数学可视化组件。
https://mafs.dev/
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 页面，部署在服务器上后就是一个难看的我的项目主页。
https://fiddly.netlify.app/
bundle
一个疾速的 npm 包大小查看工具。
https://bundle.js.org/
TypeIt
弱小的打字成果插件，然而商业应用还须要付费。
https://typeitjs.com/
FFCreator
一个基于 node.js 的高速短视频加工库
FFCreator 是一个基于 node.js 的轻量、灵便的视频制作库。人人都能视频制作。
| 示例 1 | 示例 2 |
|---|---|
个性
- 齐全基于 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，欢送订阅：
我的周刊