诺诺前端周刊：2023-01 期

Add:2023-01-06

Update:2023-01-06

前端消息

• 把 puppeteer 融入调试流程，调试体验爽翻了！

  用 puppeteer 来自动执行脚本，并且过程中还可以打断点调试，调试体验简直不要太爽。

• 虚拟列表，我真的会了！！！

  如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好！

• 抛弃 moment.js ，基于 date-fns 封装日期相关 utils

  官方停止维护的 moment.js，无缝代替 moment.js 的 day.js，逐渐流行的 date-fns，最后基于 date-fns 封装常用日期处理的 utils。

技术解析

• 谈谈 JS 二进制：File、Blob、FileReader、ArrayBuffer、Base64

  JavaScript 提供了一些 API 来处理文件或原始文件数据，例如：File、Blob、FileReader、ArrayBuffer、base64 等。

• 10 分钟彻底掌握 CSS Flex 布局

  CSS 中的 Flex 布局是一种一维的布局模型，一次只能处理一个维度上的元素布局，一行或者一列。

• JavaScript 中的依赖注入

  依赖注入 DI (Dependency Injection) 它指的是将应用程序所需的依赖关系（如服务或其他组件）通过构造函数参数或属性自动注入的过程。

其他

• 千万别让 console.log 上生产！用 Performance 和 Memory 告诉你为什么

  很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。