我们在微信朋友圈里经常看到很多人分享 H5 的链接，有的科技感十足，有的展示炫目，有的非常有创意，各大公司也把H5作为他们品牌传播，活动预热的很好方式。企业商户对于这种方式也很有好感，从而导致了 H5 制作行业涌进大批从业者。这几年做过几十个 H5 ，每一次都在思考动画与技术的关系，于是记录下来。

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

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

用 React Hooks 写异步表单校验 React Hooks vs HOC 性能对比探讨 Flexbox vs Grid git-history 把玩 一个 React 优化模式 用 React Hooks 写异步表单校验 春节期间，React 发布了 16.8 的版本，正式支持了 React Hooks。本文将使用 React Hooks API 通过 100 行代码来实现支持异步的表单校验功能。当然，本文最终的例子...

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 更新梳理 首先需要声明的是，TypeScript 3.3 是个小版本 release，不包含 breaking changes，so 升级的话应...

盘点可用 Hooks 重写的几个场景 ES2018 新特性梳理之 Promise.prototype.finally 为什么我不再使用 export default Hooks PR has just been merged 2019 React 技术栈学点什么 React Hooks 之 Hooks 之所以可以设计为 Hooks 的原因 盘点可用 Hooks 重写的几个场景 今天我们来探讨下，如何使用 React Hooks 来简化和统一...

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

「ES2015 - ES2018」Rest / Spread Properties 梳理 Three.js 概念梳理 火狐 Nightly 支持 CSS Grids 动画 换个姿势起 Node.js 工程 WebView & JS Bridge 笔记 「ES2015 - ES2018」Rest / Spread Properties 梳理 第 9 版 ECMAScript 标准，官方称为 ECMAScript 2018（或简称 ES2018），已于 2018 年 6 月发布。从 E...

学习 React Error Boundaries 纯 New 向：GitHub 为免费用户提供私有仓库 数据盘点之 2019 年要学点什么 react@16.8.0-alpha.0 支持 React Hooks React.lazy 实践 学习 React Error Boundaries React.lazy + Suspense 可以检测到组件树中的所有懒加载的组件，并根据其加载状态调用 fallback。其中的实现原理与 React Err...

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

从过去直到 React.lazy 写一个没有 JSX 的 React 执行上下文和执行栈 公私有域和方法 数组在性能方面的一个注意点 从过去直到 React.lazy code-splitting 当我们最最开始做前端开发的时候，JavaScript 文件自然就一个个罗列在一起，通过 script 标签引入到 html 里。当然，即使在现在，我们也还是会在写一些 Demo 时使用...

Node.js 内存更高效的大文件处理方法 React 元素的 $$typeof 属性是干嘛的？ React 是怎么区分 class 和 function 的？ Redux v6.0.0 released 学习一下 React Hooks setState 并没有做什么 为不断演化而不断优化 Babel 7.2.0 发布 Redux 与 Context 取舍 Hooks vs Lifecycle 纯 News 向：state of js in 2018 React.mem...

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

封不平听在耳里，暗叫：“到这地步，我再能隐藏甚么？”仰天一声清啸，斜行而前，长剑横削直击，迅捷无比，未到五六招，剑势中已发出隐隐风声。他出剑越来越快，风声也是渐响，剑锋上所发出的一股劲气渐渐扩展，旁观众人只觉寒气逼人，脸上、手上被疾风刮得隐隐生疼，不由自主的后退，围在相斗两人身周的圈子渐渐扩大，竟...

React 是一个用于构建用户交互界面的 JavaScript 库，其核心 机制 就是跟踪组件的状态变化，并将更新的状态映射到到新的界面。在 React 中，我们将此过程称之为协调。我们调用 setState 方法来改变状态，而框架本身会去检查 state 或 props 是否已经更改来决定是否重新渲染组件。

这个标题可能不太好，但此文章确实不是一篇使用教程，而且也不会覆盖太多点，建议时间充裕的还是应该完整地看下 官网文档。 React Hooks 对于部分人来说可能还是陌生的，但还是阻止不了它成为了当前 React 社区里「最」热门的一个词汇。 一开始了解到这个还是 Dan Abramov 在十月底的时候发了一个推，是一篇文章 Making ...

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

我们打开 G2 看到的仪表盘如下图左边的样子，但是这个仪表盘看起来有点生硬。下图中右边的仪表盘是不是样子更炫酷了一些呢？那么如何绘制一个这样的仪表盘呢？接下来我们就来剖析一下这样的一个仪表盘是怎样做出来的，并在文章最后附上全部代码供大家参考。

​ 双十一光棍节又要来临了，每年这个时候都是本人最苦闷的时刻。日渐消瘦的钱包，愈发干涸的双手，虽然变强了，头却变凉了。今年一定要搞点事情！ <img src="[链接]; alt="fxxking things" width="160"> ​ 最近听女神说想谈恋爱了，✧(≖ ◡ ≖) 嘿嘿，一定不能放过这个机会，给她来个不一样的表白。 <img src="[链...

随着越来越多新型前端框架的推出，SSR 这个概念在前端开发领域的流行度越来越高，也有越来越多的项目采用这种技术方案进行了实现。SSR 产生的背景是什么？适用的场景是什么？实现的原理又是什么？希望大家在这篇文章中能够找到你想要的答案。

译者注：大家耳熟能详的优化策略已经谈论了好多年了，用 Chrome 性能分析工具发现瓶颈并针对性优化的文章网络上也有不少，但是从运行时调度策略来思考优化方式的却凤毛麟角，正如我们之前只知道使用 setTimeout 来进行 throttling 和 debounce。因此在偶然看到这篇文章时，我有一种__豁然开朗__的感觉：原来我们还可以在...

7月份我们前端团队推动落地了一个 toB 类型的系统，由于服务端也由我们前端工程师来承接，所以服务端技术选型上我们有了话语权，API 这一块儿我们选择了 GraphQL 。本文将阐述我学习 GraphQL 这门技术的一些思考。

V8 引擎在 v6.9 版本中加入了一个全新的 WebAssembly baseline 编译器 —— Liftoff。它目前在桌面系统平台上是默认开启的。本文将会详细讲解引入新的编译层的动机，并介绍一下 Liftoff 的具体实现以及性能情况。

随着互联网云的兴起，一种将多个不同的服务集中在一个大平台上统一对外开放的概念逐渐为人熟知，越来越多与云相关或不相关的中后台管理系统或企业级信息系统曾经或开始采用了这种「统一平台」的形式。同时，前端领域保持着高速发展，早期的 jQuery+Backbone+Bootstrap 的 MVC 解决方案支撑起了业务相当长的一段时间；后...