原文：React Internals, Part Two: componentWillMount and componentDidMount In part one we established basic rendering in Feact. That touched upon the most important lifecycle method, render, and now we’re going to add in componentWillMount and componentDidMount support to Feact. 在part one ，我们在 Feact 中…
原文：React Internals, Part One: basic rendering In this five part series, we will “recreate” React from the ground up, learning how it works along the way. Once we’ve finished, you should have a good grasp of how React works, and when and why it calls the various lifecycle methods of a component. 在这…
原文：Mixins Considered Harmful “How do I share the code between several components?” is one of the first questions that people ask when they learn React. Our answer has always been to use component composition for code reuse. You can define a component and use it in several other components. “我如何在几个…
原文：Higher-Order Components 高阶组件（HOC）是 React 中用于重用组件逻辑的高级技术。 HOC 本身不是 React API的一部分。它们是从 React 的组合特性产生的一种模式。 具体来说，高阶组件就是一个接受一个组件作为参数，并返回一个新组件的函数。 const EnhancedComponent = higherOrderComponent(WrappedComponent); 就如组件将 props 转换为 UI ，高阶组件将一个组件转换为另一个组件。 HOC 在第三方 React 库中很常见，例如 Redux 的 connect 和Relay的…
在开发的时候，经常有些操作需要等 DOM 完成后才执行，比如为某个按钮绑定事件、为防止抖动，在页面内容加载完成后才展示页面。这里我们看一下和页面加载有关的一些事件。 window.onload在文档装载完成后会触发 onload 事件。此时，在文档中的所有对象都在 DOM 中，所有图片，脚本，链接以及子框都完成了装载。 如果在 onload 的事件函数里面，再次监听 onload 事件，那么，是不会再次触发函数的。 function addOnload(callback) { if (window.addEventListener ){ return windo…
在 Web 开发中经常需要面临表单校验的问题，通常需要前后端结合设计，本文就前端表单校验的模式进行简单的探讨。 常规的 if…else最常见的关于表单校验的方式就是 if...else 的嵌套了吧，比如我们有个表单有三个文本域：姓名、年龄和邮箱： <div class='form'> <div class="form-item"> <div class='label'> <span>用户名：</span> <input id='na…
原文：Avoiding race conditions in SharedArrayBuffers with Atomics 本文译自Lin Clark 内存管理的卡通介绍系列，渣翻译，因此附上英文原文。 内存管理 ArrayBuffers 和 SharedArrayBuffers 的卡通介绍 使用 Atom 避免 ArrayBuffers 中的竞态条件 In the last article, I talked about how using SharedArrayBuffers could result in race conditions. This makes working wi…
什么是 TC39？TC39 是技术委员会第 39 号，是 ECMAScript 规范下的 JavaScript 语言标准化的机构，负责开发 JavaScript 的委员会。 TC39 提案过程每个 ECMAScript 的提案都将经过以下阶段，从 Stage 0 开始，从一个阶段到下一个阶段的进展必须得到 TC39 的批准。 Stage 0: strawman提供 ECMAScript 自由演变的方案。 该阶段需要： 文件必须在 TC39 会议进行审查，然后将其添加到 Stage 0 提案的页面中。 Stage 1: proposal该功能的正式提案。 该阶段需要： 确定一个负责人来负责…
本文转载自：众成翻译译者：我是搬运工链接：http://www.zcfy.cc/article/3248原文：https://medium.com/@rajaraodv/the-inner-workings-of-virtual-dom-666ee7ad47cf 流程图展现VDOM在Preact中如何工作 虚拟DOM (VDOM 也叫 VNode)非常有魔力 ✨ 但是也非常复杂和难以理解😱. React, 在Preact和一些类似的JS库的核心代码中使用. 不幸的是我发现没有一篇好的文章或者文档简洁明了的来介绍它。 因此我决定自己写一篇. 注意: 这篇文章很长. 我已经添加尽可能多的…
原文：Where is WebAssembly now and what’s next? 本文译自Lin Clark 关于 WebAssembly 的卡通介绍系列，渣翻译，因此附上英文原文 概述： WebAssembly 的漫画介绍 背景： 碰撞课程：即时（JIT）编译器 碰撞课程：汇编 现在的 WebAssembly： 创建和使用 WebAssembly 模块 是什么使 WebAssembly 很快？ 未来的 WebAssembly： WebAssembly 的现状和未来？ On February 28, the four major browsers announc…