周刊收集包括前端（但不限于前端）的文章、新聞、開源項目、工具等等，每周一更新。
?? News
Node v17.1.0 已發布
一次小更新，此次引入了對JSON斷言的支持以及新的promise_hook模塊（用于暴露V8 PromiseHook API給用戶）。
https://nodejs.org/en/blog/release/v17.1.0/
?? 文章
淺析 Web 錄屏技術方案與實現
隨著互聯網技術飛速發展，網頁錄屏技術已趨于成熟。例如可將錄屏技術運用到在線考試中，實現遠程監考、屏幕共享以及錄屏等；而在我們開發人員研發過程中，對于部分偶發事件，異常監控系統僅僅只能告知程序出錯，而不能清晰的告知錯誤的復現路徑，而錄屏技術或許能幫我們定位并復現問題。那么本文將從有感錄屏和無感錄屏兩方面給讀者分享一下錄屏這項技術，希望可以幫助你對網頁錄屏有一個初步認識。
https://mp.weixin.qq.com/s/f55pB-MEO6VboFsihb-_gQ
助力雙 11 個性化會場高效交付：Deco 智能代碼技術揭秘
在這次雙11的個性化會場我們大規模使用Deco進行研發，帶來了48%左右的效率提升，本文將為大家揭秘Deco提效之秘。
https://mp.weixin.qq.com/s/oMMvLWz6u5aMSKCsCGg0Hg
記一次 Bundleless 遷移經歷，重新認識 Vite 預構建
最近在公司探索落地 Bundless 構建工具，嘗試將現有的一些業務項目 從 Webpack 往 Vite 遷移，由于中后臺項目一般對瀏覽器兼容性要求不高，可以大膽引入一些前沿且激進的方案，因此在公司找到了一個業務中后臺項目初步嘗試引入 Vite。
https://mp.weixin.qq.com/s/pUzUr1lTfX3wkzJL_Xv1oQ
Js 異步處理演進，Callback=>Promise=>Observer
https://juejin.cn/post/7029093184332365855
TypeScript 4.5 — 淺談模塊能力增強
https://mp.weixin.qq.com/s/zZnXaBbsADoBNPCc4mD_HA
使用 React Query 優雅地統一請求的狀態控制寫法
https://swizec.com/blog/you-can-use-react-query-for-slow-computation-not-just-api/
兩條命令讓你的git自動變基
https://segmentfault.com/a/1190000040712052
Record, replay and measure user flows
Chrome 97 將提供 Recorder 功能，要嘗鮮的可下載 Chrome Canary 版體驗。Recorder 可實現用戶操作的錄制、重放和性能測量，有點像 Selenium 的改進版。此外還可把過程導出為 Puppeteer 腳本，想到的場景是 BUG 復現，預計各大廠內會有配套的平臺產出或接入。
https://developer.chrome.com/docs/devtools/recorder/
Node.js 多進程/線程 —— 日志系統架構優化實踐
https://mp.weixin.qq.com/s/s3DeAxrEbVmqtCHGP9lstg
?? 工具、軟件
react-animated-numbers
數字滾動效果，適用于數據展示場景。
demo: https://optimistic-noyce-cf2473.netlify.app/
https://www.npmjs.com/package/react-animated-numbers
React Native BLE PLX: 低功耗藍牙
低功耗藍牙技術廣泛運用于可穿戴設備，react-native-ble-plx 是 React Native 上用于集成藍牙的庫。
https://github.com/dotintent/react-native-ble-plx
Bundle Scanner: 掃描網頁npm依賴
輸入 URL，他會告訴你這個站點用了哪些 npm 依賴。
原理是，雖然網站上用的 JavaScript 都是壓縮后的，但有些東西在壓縮前后是不變的，比如字面量和對象的 key，通過他們來對比即可實現。
周刊首發于GitHub，歡迎訂閱：
