蒲公英 · 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技术期刊贡献指南

欢迎关注凹凸实验室博客：aotu.io

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章：

技术期刊 · 吾令凤鸟飞腾兮 | 使用 esbuild 加速 webpack；网易云的熟人社交玩法；状态管理利器 XState；TypeScript 是如何工作的；深入浅出 V8 引擎相关推荐

1. 网易云信技术创新，助力网易云音乐社交玩法升级

   作为一款国民级音乐App,网易云音乐引领着音乐产品,从播放器工具时代走入了全新的在线音乐社区时代. 音乐社交,体验永远是第一位 网易云音乐作为一个音乐产品,在选择音视频底层技术的时候,对于网络稳定性. ...

2. 网易云课堂：用视频云技术承载3300万用户的流畅学习体验

   "做时代奋进者的高效充电站",作为一个致力于用互联网推动实用技能教育的团队,网易云课堂的宏愿无疑是美好的.然而,在技术人才紧缺.网络环境迥异.终端设备复杂的背景下,如何在快速扩张的 ...

3. IBM WebSphere 开发者技术期刊: 最重要的 Java EE 最佳实践

   级别: 初级 Keys Botzum, 高级技术人员 , IBM Kyle Brown, 杰出工程师, IBM Ruth Willenborg (rewillen@us.ibm.com), 高级技术人 ...

4. 计算机网络技术参考文献怎么写,计算机网络技术论文参考文献范文 计算机网络技术期刊参考文献哪里找...

   精选了[100个]关于计算机网络技术论文参考文献范文供您后续的写作参考,在写计算机网络技术论文之前,很多大学生总是被计算机网络技术期刊参考文献哪里找难倒怎么办?请阅读本文! 一.计算机网络技术论文参考 ...

5. 点击下载！《阿里云SRE技术期刊》2021年5月刊发布啦！

   简介:<阿里云SRE技术期刊>2021年05月[电子版] <阿里云SRE技术期刊>2021年05月刊重磅发布啦,本期囊括了事件要闻.应用检测.新功能介绍.案例解析.最佳实践等众 ...

6. 《阿里云SRE技术期刊》2020年10月【电子版】

   简介:<阿里云SRE技术期刊>2020年10月[电子版] <阿里云SRE技术期刊>2020年10月刊重磅发布啦,电子版可戳下方链接获取,感兴趣的小伙伴快来查看吧~~ 有任何问题 ...

7. 2018年云栖社区值得订阅的11个精选技术期刊！

   导语:近日,云栖社区全新推出垂直技术内容订阅平台,平台将以电子版周刊.月刊.每日导读等形式,为您呈现各垂直技术领域优质内容集锦.您只需通过一次简单订阅操作,即可定期接收到感兴趣的技术内容集锦.以下为你 ...

8. 技术期刊 · 路尘终见泰山平 | 微前端及插件化架构在 Wix 的实践；编辑器架构的第二路径；业务中的前端组件化体系……

   蒲公英 · JELLY技术期刊 Vol.47 不想当架构师的程序员不是"合格"的程序员?这一类的言论在很多文章中应该很常见吧,我们需要架构思维,要有抽象能力,要学会分层--需要的太 ...

9. 【天光学术】艺术论文：传统凤鸟图形在博物馆文创产品设计中的运用

   摘 要 伴随中国成为世界第二大经济体,与此所带来的国民对于文化的消费与体验变得日益重要与突出,以文化为消费对象并作为传达载体的创意产业是拉动中国未来经济发展的后发力量.凤鸟图形自古以来都是汉民族的象征 ...

最新文章

1. Android拍照得到全尺寸图片并进行压缩/拍照或者图库选择 压缩后 图片 上传
2. Arduino--LCD1602（IIC）
3. C# 类(7) 继承
4. java aes 解密 文件_Java AES文件加解密
5. SQL Server 2008中SQL之WaitFor
6. lucene3.0中使用MultiFieldQueryParser多字段查找
7. 三大运营商将解决新老用户套餐不同权问题；罗永浩与抖音合作；Git 2.26发布 | 极客头条...
8. 【ZZ】栈和堆的区别
9. 客户端 JavaScript 的 5 个弊端
10. C++-实现matlab的meshgird（OpenCV）
11. java后台调用SOE时，报异常java.io.IOException: Attempted read from closed stream
12. Linux下的基本操作
13. python编写篮球_资深程序员教你，利用python预测NBA比赛结果，太精彩了
14. 江南爱窗帘十大品牌，怎么合理的搭配窗帘配色
15. P问题、NP问题、NP完全问题和NP-hard问题
16. 注意力机制的详细理解
17. 最受欢迎的14款渗透测试工具
18. 诊断公司的CRO业务简述
19. linux 常用命明
20. html 案例 --- 网页简历 、简历信息填写

热门文章

1. jQuery Validate——表单验证
2. 优酷视频 for Mac
3. 凛冬至，外包咋了，努力照样250！
4. C语言 编写一个统计空格，制表符与换行符个数的程序
5. startActivity在Activity和Service中的不同实现，以及“Calling startActivity() from outside of an Activity”错误解决
6. 机器学习：无监督异常检测算法
7. N皇后问题（C语言)—回溯法
8. 展锐 Android10，Android11紧急号码配置
9. android drawable 图片大小,不同的drawable文件夹下图片加载到内存后图片尺寸大小的分析...
10. 2018.03.27 pandas concat 和 combin_first使用