ES2049 Studio

1

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

• alisecued   3月12日发布
• 1 收藏

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

4

「每日一瞥 📰 」0218 ~ 0308

• alisecued   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 新提案...

8

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

• alisecued   2019-03-05 发布
• 5 收藏

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

3

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

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

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

1

聊聊前端国际化文案该如何处理

• alisecued   2019-02-18 发布
• 1 收藏

乍一听，这个海外项目需求并没有什么特别的地方，似乎就多了一个国际化适配。但细细一想，事情可没这么简单，前端开发面临了很多新的问题。下面梳理一下国际化开发中通常会面临的挑战：

5

「每日一瞥 📰 」0211 ~ 0215

• alisecued   2019-02-18 发布
• 4 收藏

用 React Hooks 写异步表单校验 React Hooks vs HOC 性能对比探讨 Flexbox vs Grid git-history 把玩 一个 React 优化模式 用 React Hooks 写异步表单校验 春节期间，React 发布了 16.8 的版本，正式支持了 React...

4

「每日一瞥 📰 」0128 ~ 0202

• alisecued   2019-02-18 发布
• 4 收藏

TypeScript 3.3 更新梳理 Object.assign vs Object Spread in Node.js New in Chrome 72 New JavaScript features in ES2019 iOS 12.2 Beta's 支持 Web Share API Yarn's Future - v2 and beyond TypeScript 3.3 ...

4

「每日一瞥 📰 」0121 ~ 0125

• alisecued   2019-01-30 发布
• 3 收藏

盘点可用 Hooks 重写的几个场景 ES2018 新特性梳理之 Promise.prototype.finally 为什么我不再使用 export default Hooks PR has just been merged 2019 React 技术栈学点什么 React Hooks 之 Hooks 之所以可以设...

10

结合具体场景，聊聊 React 的状态管理方案

• alisecued   2019-01-23 发布
• 6 收藏

虽然 React 的状态管理是一个老生常谈的问题，网上和社区中也能搜到相当多的资料。这里还是想梳理下从我接触 React 开始到现在对状态管理的一些感想。

6

「每日一瞥 📰 」0114 ~ 0118

• alisecued   2019-01-22 发布
• 4 收藏

「ES2015 - ES2018」Rest / Spread Properties 梳理 Three.js 概念梳理 火狐 Nightly 支持 CSS Grids 动画 换个姿势起 Node.js 工程 WebView & JS Bridge 笔记 「ES2015 - ES2018」Rest / Spread Properties ...

2

「每日一瞥 📰 」0107 ~ 0111

• alisecued   2019-01-16 发布
• 收藏

学习 React Error Boundaries 纯 New 向：GitHub 为免费用户提供私有仓库 数据盘点之 2019 年要学点什么 react@16.8.0-alpha.0 支持 React Hooks React.lazy 实践 学习 React Error Boundaries React.lazy + Susp...

42

从 loading 的 9 种写法谈 React 业务开发

• alisecued   2019-01-08 发布
• 30 收藏

这是一篇比较全面讲解 React 的文章，里面很多基础知识希望你自己一边查阅资料一边学习。全文从业务开发中最常用见 loading 效果不同是实现讲起，说下现在前端开发在业务上应该有的思考。

3

「每日一瞥 📰 」1224 ~ 0104

• alisecued   2019-01-07 发布
• 3 收藏

从过去直到 React.lazy 写一个没有 JSX 的 React 执行上下文和执行栈 公私有域和方法 数组在性能方面的一个注意点 从过去直到 React.lazy code-splitting 当我们最最开始做前端开发的时候，JavaScript 文件自然就...

2

「每日一瞥 📰 」1203 ~ 1221

• alisecued   2018-12-26 发布
• 2 收藏

Node.js 内存更高效的大文件处理方法 React 元素的 $$typeof 属性是干嘛的？ React 是怎么区分 class 和 function 的？ Redux v6.0.0 released 学习一下 React Hooks setState 并没有做什么 为不断演化而不断优化...

22

决胜圣诞，女神心情不用猜！

• alisecued   2018-12-24 发布
• 11 收藏

本文将结合移动设备摄像能力与 TensorFlow.js，在浏览器里实现一个实时的人脸情绪分类器。鉴于文章的故事背景较长，对实现本身更有兴趣的同学可直接跳转至技术方案概述。

39

想写好前端，先练好内功

• alisecued   2018-12-10 发布
• 27 收藏

封不平听在耳里，暗叫：“到这地步，我再能隐藏甚么？”仰天一声清啸，斜行而前，长剑横削直击，迅捷无比，未到五六招，剑势中已发出隐隐风声。他出剑越来越快，风声也是渐响，剑锋上所发出的一股劲气渐渐扩展，旁...

39

「译」React Fiber 那些事: 深入解析新的协调算法

• alisecued   2018-12-03 发布
• 30 收藏

React 是一个用于构建用户交互界面的 JavaScript 库，其核心 机制 就是跟踪组件的状态变化，并将更新的状态映射到到新的界面。在 React 中，我们将此过程称之为协调。我们调用 setState 方法来改变状态，而框架本...

70

React Hooks 深入不浅出

• alisecued   2018-11-28 发布
• 45 收藏

这个标题可能不太好，但此文章确实不是一篇使用教程，而且也不会覆盖太多点，建议时间充裕的还是应该完整地看下 官网文档。 React Hooks 对于部分人来说可能还是陌生的，但还是阻止不了它成为了当前 React 社区里...

16

「译」更快的 async 函数和 promises

• alisecued   2018-11-16 发布
• 11 收藏

JavaScript 的异步过程一直被认为是不够快的，更糟糕的是，在 NodeJS 等实时性要求高的场景下调试堪比噩梦。不过，这一切正在改变，这篇文章会详细解释我们是如何优化 V8 引擎（也会涉及一些其它引擎）里的 async...

6

G2 定制仪表盘实践

• alisecued   2018-11-16 发布
• 4 收藏

我们打开 G2 看到的仪表盘如下图左边的样子，但是这个仪表盘看起来有点生硬。下图中右边的仪表盘是不是样子更炫酷了一些呢？那么如何绘制一个这样的仪表盘呢？接下来我们就来剖析一下这样的一个仪表盘是怎样做出...