蒲公英·JELLY技术期刊Vol.44生活无止境，学习无止境，这是很多人一贯的追求，虽然在很多领域，知识是取之不尽，但每一个细小的改变都可以让自己走得更远，就像《离骚》里说的“我使凤凰飞，昼夜不息”，每一次振翅，都能飞得更高。观海志登山充满对山的热爱，观海充满对大海的热爱使用esbuild提速webpack总结：esbuild是一款go语言编写的打包工具。与Webpack、Rollup等常用打包工具相比，在速度上具有绝对优势。esbuild-loader可以用来在Webpack中使用esbuild编译JS、TS；压缩脚本、样式等，让我们有机会同时拥有Webpack的生态和esbuild的编译速度。多快？看看社区怎么说。推荐语言：esbuild已上线一段时间。在大家惊叹其速度的同时，可能受历史原因影响，还没有办法真正在工作中使用。使用esbuild-loader，我们也可以在webpack项目中体验esbuild带来的编译速度优化。尤其是在dev环境下，当我们对编译结果和体积要求不高时，使用esbuild-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引擎有关。如果我们能够更加熟悉内部的原理，对于我们日常的工作会有很大的帮助。《蒲公英》期刊，每周更新，我们重点挖掘“基础技术、工程、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架”等主要方向行业热点及专业解读；不仅如此，我们还会推荐精选的O2-Convex技术文章，展示团队内部的研究技术方向。抬头望去，蒲公英的种子会生根发芽，绚丽如夏花；探事知，登高望远，沧海拾遗，以积硅行万里。蒲公英果冻技术期刊投稿指南
