蒲公英 · JELLY 技术期刊 Vol.44

生命不息，学习无止，这是很多人一以贯之的谋求，尽管在很多畛域中，常识是无奈穷尽的，但每一点细小的扭转都能让本人能够更进一步，就如同离骚中所述，“吾令凤鸟飞腾兮，继之以日夜”，每一次振翅都能飞得更高些。

观海志

登山则情满于山，观海则意溢于海

应用 esbuild 减速 webpack

梗概：esbuild 是应用 go 编写的打包工具，和 Webpack、Rollup 等罕用打包工具比照，在速度方面领有绝对优势。esbuild-loader 能够用于在 Webpack 中应用 esbuild 去编译 JS、TS；压缩脚本、款式等，让咱们有机会同时领有 Webpack 的生态和 esbuild 的编译速度。具体有多快？看看社区怎么说。

举荐语：esbuild 推出已有肯定工夫，大家惊叹于它的速度的同时，可能受到历史起因的影响，没有方法在工作中真正使用起来。利用 esbuild-loader，咱们在 Webpack 我的项目中也能够体验 esbuild 带来的编译速度优化。尤其在 dev 环境，咱们对编译后果和体积要求不高的状况下，应用 esbuil-loader 能大大晋升编译效率。

网易云的熟人社交玩法

梗概：前段时间，网易云音乐上线了一个基于熟人社交投票玩法的 h5 流动，该流动根据投票数权重值来划分格子块，并通过格子块之间无缝挤压动效极大地减少了趣味性。本文将着重介绍如何基于 treemap（矩形树图）来实现一个稳固的动静格子块挤压成果以及在这其中遇到的一些问题。

举荐语：该案例是算法在前端业务中落地的典型场景，从需要剖析，到算法选型，再到性能优化，最初进一步谋求「完满」的用户体验，都验证了作者小结的一句话「它值得推敲，有点货色，少年感永不过期」。

状态治理利器 XState

梗概 ：XState 基于无限状态机，是一个业余的状态治理的库。\
比照传统状态治理，XState 解决了可能存在的一些问题，例如：混同了状态和数据、状态转移不够谨严、不足概念化难以表述等。\
XState 对开发敌对。它的状态图的可视化工具，能让人对状态机的整体高深莫测。此外，它也提供了优良的生态反对，集成了 React、Vue、Svelte、不可变数据 Immer 等。

举荐语 ：在开发设计时，常常须要思考如何保护逻辑状态和业务流程等，简单的状态会导致保护老本剧增。\
状态机有着清晰的状态和状态转移定义，辅以层级、并发、数据等拓展元素，能够十分无效地治理状态。\
XState 围绕状态机相干的 SCXML 标准和 Statecharts 理念实现，其中的概念和设计也非常值得学习。

TypeScript 是如何工作的

梗概：TypeScript 是一门基于 JavaScript 拓展的语言，它是 JavaScript 的超集，并且给 JavaScript 增加了动态类型查看零碎。本文就来探讨简略探讨一下 TypeScript 是如何工作的，以及有哪些工具帮忙它实现了这个指标。

举荐语：目前大多数我的项目都曾经应用 TS 进行开发，略微深刻理解 TypeScript 的工作原理，及相干插件工具，更有利于 TS 在我的项目开发中施展最大作用

流觞亭

因山卜地心机巧，望水如天目力穷

深入浅出 V8 引擎

梗概：V8 引擎就是一个应用 C++ 编写的高性能 JavaScript 和 WebAssembly 引擎，次要作用于 Chrome 浏览器 和 NodeJS，可能实现 编译 / 执行 JS 代码，治理内存，负责垃圾回收，与宿主语言的交换等工作。

举荐语：每一个前端同学应该都对 V8 引擎不生疏，咱们每天的工作都和 V8 引擎相干，如果咱们能够更加相熟外部的原理，那会给咱们的日常工作带来极大的助力。

「蒲公英」期刊，每周更新，咱们专一于开掘「根底技术 、 工程化 、 跨端框架技术 、 图形编程 、 服务端开发 、 桌面开发 、 人工智能 、 设计哲学 、 前端框架」等多个大方向的业界热点，并加以业余的解读；不仅如此，咱们还会推介精选凹凸技术文章，向大家出现团队内的钻研技术方向。

低头俯视，蒲公英的种子会生根发芽，如夏花灿烂；格物致知，咱们登高远眺、桑田拾遗，以求积硅步而至千里。

蒲公英 · JELLY 技术期刊奉献指南