摘要： React实现了一套与浏览器无关的DOM系统，包括元素渲染、节点查询、事件处理等机制。 一、ReactDOM 自React v0.14开始，官方将与DOM相关的操作从React中剥离，组成单独的react-dom库，从而让React能兼容更多的终端。在引入react-dom库后，就能调用一个全局对象 阅读全文

摘要： 组件的生命周期（Life Cycle）包含三个阶段：挂载（Mounting）、更新（Updating）和卸载（Unmounting），在每个阶段都会有相应的回调方法（也叫钩子）可供选择，从而能更好的控制组件的行为。 一、挂载 在这个阶段，组件会完成它的首次渲染，先执行初始化，再被挂载到真实的DOM中 阅读全文

摘要： 组件（Component）由若干个React元素组成，包含属性、状态和生命周期等部分，满足独立、可复用、高内聚和低耦合等设计原则，每个React应用程序都是由一个个的组件搭建而成，即组成React应用程序的最小单元正是组件。 一、构建 目前推崇的构建组件的方式总共有两种：类和函数，而用React.c 阅读全文

摘要： JSX既不是字符串，也不是HTML，而是一种类似XML，用于描述用户界面的JavaScript扩展语法，如下代码所示。在使用JSX时，为了避免自动插入分号时出现问题，推荐在其最外层用圆括号包裹，并且必须用一个元素包裹（例如下面的<div>元素）其它元素或文本，所有的元素还必须得闭合。 JSX为视图和 阅读全文

摘要： 函数式编程是React的精髓，在正式讲解React之前，有必要先了解一下函数式编程，有助于更好的理解React的特点。函数式编程（Functional Programming）不是一种新的框架或工具，而是一种以函数为主的编程范式。编程范式也叫编程范型，是一类编程风格，除了函数式编程，常用的还有面向对 阅读全文

摘要： 最近找到了一本有趣的书《程序员健康指南》，此书关注的重点不仅在于预防软件开发者短期的物理并发症，还在于长期保持心血管的健康。那些长时间对着电脑工作、一天下来基本不怎么走动的人，患高血压及2型糖尿病的风险远高于其他人群，这两种疾病会对人体的健康产生长久的严重影响，还会增加心脏病及中风的几率。 编程需要 阅读全文

摘要： 经常会在群里或论坛上看到有人问：“学习前端有什么捷径？”，一般都是卖油翁式的回答：“无他唯手熟尔”。那么该如何让手熟练呢？其实也就是该如何系统的学习前端。在本文中，我会结合自身的经历，分享一下自己学习前端的过程，期间会穿插引用我过去各个阶段所写的博文。 一、启蒙 刚出来混的时候并不是专门做前端的，只 阅读全文

摘要： 代理和反射是ES6新增的两个特性，两者之间是协调合作的关系，它们的具体功能将在接下来的章节中分别讲解。 一、代理 ES6引入代理（Proxy）地目的是拦截对象的内置操作，注入自定义的逻辑，改变对象的默认行为。也就是说，将某些JavaScript内部的操作暴露了出来，给予开发人员更多的权限。这其实是一 阅读全文

摘要： 一、静态方法 Promise有四个静态方法，分别是resolve()、reject()、all()和race()，本节将着重分析这几个方法的功能和特点。 1）Promise.resolve() 此方法有一个可选的参数，参数的类型会影响它的返回值，具体可分为三种情况（如下所列），其中有两种情况会创建一 阅读全文

摘要： 在JavaScript中，回调函数是处理异步编程的常用解决方案，但层层嵌套的回调金字塔（如下代码所示）一直受人诟病，因为不仅在视觉上更加混乱，而且在管理上也更为复杂。 Promise是ES6新增的特性，能更合理的控制和追踪异步操作。它是一个包含状态、可继承的对象，不仅能管理而不是依赖回调，还能以同步 阅读全文