每周分享(第 123 期)

88 阅读2分钟

新闻、观点、有趣

ESM vs Webpack 面向高性能构建的探索
snowpack / vite 等基于 ESM 的构建工具出现,让项目的工程构建不再需要构建一个完整的 bundle。很多人都觉得我们不再需要打包工具的时代即将到来。借助浏览器 ESM 的能力,一些代码基本可以做到无需构建直接运行。对于 webpack 而言,社区掀起的这一波 ESM 热潮,将 webpack 编译的速度推到了风口浪尖。

从低代码到无代码:可视化逻辑编排
近年来,关于低代码(LowCode)和无代码(NoCode)的讨论在前端社区内越来越火,简单地说低代码就是通过编写少量代码的方式完成应用的开发及上线,而无代码则更进一步,不需要编写代码通过配置的方式即可完成整个应用的开发。目前阿里集团内部的低代码平台已经有很多,比如iceluna、宜搭、乐高、云凤蝶等等,而通用的无代码搭建平台还处在探索阶段。

教程、技巧

精读《DOM diff 原理详解》
DOM diff 作为工程问题,需要具有一定算法思维,因此经常出现在面试场景中,毕竟这是难得出现在工程领域的算法问题。

关于 JavaScript Object.keys() 排序问题的探索
利用 Object.keys 取得对象所有属性的 key ,然后进行 map 操作是 JavaScript 开发者常用的方法,但你是否思考过 key list 是依据什么顺序排列的呢

Clipboard API for browsers is inconsistent
Clipboard API 在不同浏览器中表现并不相同。

库、工具

一个只使用 CSS 的图表库
一个仅仅用 css 和 html 实现的图表库,目前还不太丰富。

mac-cleanup
通过命令行来清理你的 Mac 电脑。