ES2049 Studio

3

【重构】把重构后的代码稳定搞上线

• ES2049   4月15日发布
• 收藏

代码重构有两大难点，一个是「考古」，也就是如何快速梳理出代码的原有逻辑，还有一点就是「发布」，如何让新的代码可以稳定的发布到线上，而不产生故障。下面我们就聊聊我一个朋友的故事，看看他是怎么把代码稳...

19

浅探 Web Worker 与 JavaScript 沙箱

• ES2049   4月8日发布
• 11 收藏

本文并不会从头开始介绍 Web Worker 的基础知识和基本 API 的使用等（只是部分有涉及），若还未了解过 Web Worker，可参考查阅 W3C 标准 Workers 文档 中的相关介绍。

8

记录正则表达式引发的血案

• ES2049   4月1日发布
• 3 收藏

前些日子在做线上验品抽检需求，在开发发起检测任务页面时遇到一个字段校验的诉求，具体要求：“用户可以填入多组 ID，每组 ID 可以由商品 ID 和 SKU ID 共同构成，也可以只由其中一种 ID 构成，两种 ID 之间通过...

4

你真的提升了用户体验？

• ES2049   3月26日发布
• 2 收藏

作为开发人员，大家对“提升用户体验”一词并不陌生，甚至有时候自己都会说：“这个操蛋的系统用户体验贼差，就不能好好提升一下用户体验吗？”，但是怎么才算真的提升了用户体验呢？

4

从 Bundleless 看前端构建

• ES2049   2月5日发布
• 1 收藏

Bundle or Bundleless？自 2015 年 ESM 标准发布后，路线之争就开始逐步升温。转眼间，时间已来到 2021 年。如果白酒的车你错过了，那么不妨看看 Bundleless，或许它就是前端圈的下一位「茅台」。

5

单元可视化语法解读与思考

• ES2049   1月28日发布
• 1 收藏

单元可视化是常见的一类可视化形式，它的特点是将数据集中每一个数据项使用一个单独的视觉元素进行可视化映射。对于特定的数据集和可视化任务而言，单元可视化能够提供更多的信息，更符合用户的心理模型，与传统...

1

图可视化之图布局

• ES2049   1月21日发布
• 1 收藏

可视化是一种利用计算机图形学和图像处理技术，将数据转换成图形或图像在屏幕上显示出来，再进行交互处理的理论、方法和技术。数据在经过图可视化的方式展示后能够辅助用户去分析复杂的关系数据，从而发现数据中...

7

web视频播放一杆到底

• ES2049   2020-12-31 发布
• 7 收藏

毫无疑问，现在是短视频、直播的时代。视频内容逐渐代替图文形式成为网友们获取新鲜事物以及展现自我的一大媒介。随着5G的到来，2020年属于直播短视频爆发式增长的一年，电商平台也都涌入直播营销的大风口，成为...

1

构建高质量的前端工程

• ES2049   2020-12-17 发布
• 1 收藏

在过去，与大多数工程师一样，我认为前端代码的设计水平大多与工程师的能力有直接关系。但随着接手了几个多人协作的大型前端项目，我开始意识到，这种认知对短生命周期的小型项目可能适用，但对真正的大型项目，...

9

使用 Performance 看看浏览器在做什么

• ES2049   2020-12-10 发布
• 6 收藏

Chrome 浏览器的 Performance 面板为我们提供了检测页面性能的能力，但其提供的远不止一些性能数据。本文将从工作原理的视角，结合实际工程的录制结果，探一探性能面板向我们透露的其他信息。

4

当我们讨论 hooks 时到底在讨论什么

• ES2049   2020-12-03 发布
• 3 收藏

在使用 React 开发的这段时间里，我最大的感受就是 “这是 React 最好的时代，也是最坏的时代” ！「好」在于 hooks 开启了不一样的开发模式，在思考方式上要求更关注于数据之间的依赖关系，同时书写方式更加简便，...

2

AI 时代前端可能的未来方向

• ES2049   2020-11-13 发布
• 2 收藏

21 世纪是变化的世纪，在新的千年之始，科技日新月异得改变着我们的生活。前端作为近年很火的岗位，一直被大家吐槽技术更新速度太快了，新概念层出不穷。然而面对这变化的时代，可能我们的变化还可以更多更快。在...

5

从图形语法理解各类图表库

• ES2049   2020-11-06 发布
• 4 收藏

不管你是做技术、BI 或是科研，都或多或少接触过“数据可视化”，或者在狭义范围来说便是各类图表。如果总结归纳一下，各种图表库按照表达性和速度的差异主要分为三类：

9

从 Egg.js 到 NestJS，爱码客后端选型之路

• ES2049   2020-10-23 发布
• 3 收藏

爱码客3.0 开始开发到现在已经过去快整整一年了，虽然我投入其中的时间只有短短4个月，但是在最初后端几乎只有我一个人投入的情况下，可以说也是研究了一些东西，蹚了二三次浑水，来来回回改过五六次结构，心里七...

13

【重构】使用 Hooks 让代码更易于变更

• ES2049   2020-10-15 发布
• 9 收藏

重构过程中，肯定会遇到新的代码如何做技术选型的问题，要考虑到这套技术的生命力，也就是他是否是更新的技术，还有他的灵活和拓展性，期望能够达到在未来至少 3 年内不需要做大的技术栈升级。我的这次重构经历是...

5

React more Reactive

• ES2049   2020-09-24 发布
• 3 收藏

Reactive 就是响应式，在现在已经算是个老概念了。为什么说 more reactive 呢，其实本文最终的主旨还是要给还没有开始接触 Hooks 或者对于 Hooks 不是那么感冒的同学安利一下。Hooks 不光是一组 API，他背后承载...

1

【实习】阿里巴巴新零售CRO技术部前端团队：我要招X个！

• ES2049   2020-03-12 发布
• 1 收藏

大家好，我们是「阿里巴巴-新零售技术事业群-CRO技术部-体验技术团队」。如果您关注一些社区，或许还见识过我们的江湖名号：ES2049。没错，我们是一支正经的前端中台团队。

4

「每日一瞥 📰 」0218 ~ 0308

• ES2049   2019-03-13 发布
• 4 收藏

useState vs useReducer 关于 finally 的一些特殊场景 TSLint in 2019 Screenshot To Code 优化 React App 性能的 5 个建议 禁用大体积依赖的 import 理解 TS 类型注解 Back/forward cache for Chrome ES 新提案...

10

从手机端 H5 制作来看 WEB 动画的术与道

• ES2049   2019-03-05 发布
• 6 收藏

我们在微信朋友圈里经常看到很多人分享 H5 的链接，有的科技感十足，有的展示炫目，有的非常有创意，各大公司也把H5作为他们品牌传播，活动预热的很好方式。企业商户对于这种方式也很有好感，从而导致了 H5 制作...

3

「译」使用 WebAssembly 替换应用程序中的Hot Path

• ES2049   2019-02-19 发布
• 1 收藏

在之前的文章中我讲述了 WebAssembly 是如何允许我们将 C/C++ 生态中的库应用于 web 应用中的。一个典型的使用了 C/C++ 扩展包的 web 应用就是 squoosh，这个应用使用了一系列从 C++ 语言编译成 WebAssembly 的代...