摘要： 组件（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新增的特性，能更合理的控制和追踪异步操作。它是一个包含状态、可继承的对象，不仅能管理而不是依赖回调，还能以同步 阅读全文

摘要： ES6的继承依然是基于原型的继承，但语法更为简洁清晰。通过一个extends关键字，就能描述两个类之间的继承关系（如下代码所示），在此关键字之前的Man是子类(即派生类)，而在其之后的People是父类（即基类或超类）。 由上面的代码可知，子类能继承父类的静态方法和原型方法，而诸如访问器属性、生成器 阅读全文

摘要： ES6正式将类（Class）的概念在语法层面标准化，今后不必再用构造函数模拟类的行为。而ES6引入的类本质上只是个语法糖（即代码更为简洁、语义更为清晰），其大部分功能（例如继承、封装和复用等）均可在ES5中实现，只不过现在能用更符合面向对象的语法来操作类。但诸如接口、protected修饰符等一些面 阅读全文