共计 1808 个字符,预计需要花费 5 分钟才能阅读完成。
周刊收集包含前端(但不限于前端)的文章、新闻、开源我的项目、工具等等,每周一更新。
📰 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,通过他们来比照即可实现。
https://bundlescanner.com/
周刊首发于 GitHub,欢送订阅:
我的周刊