参数有没有考虑过ReactDom.render的第一个参数到底是什么？render 函数的方法签名： ReactDOM.render(element, container[, callback]) 既然讨论类型，那不如看看强类型的...

React Fiber 是对 React 核心算法的重新实现，目标是提高其对动画，布局和手势等领域的适用性。它的最重要的特性是 incremental rendering（增量渲染）：它能够将渲染 work 拆分成多块并将这些任务块分...

模式动机设想如果要绘制矩形、圆形、椭圆、正方形，我们至少需要4个形状类，但是如果绘制的图形需要具有不同的颜色，如红色、绿色、蓝色等，此时至少有如下两种设计方案： 第一种设计方案是为每一种形状都提供一套各种颜色的版本。 第二种设计方案...

模式动机 在软件开发中采用类似于电源适配器的设计和编码技巧被称为适配器模式。 通常情况下，客户端可以通过目标类的接口访问它所提供的服务。有时，现有的类可以满足客户类的功能需要，但是它所提供的接口不一定是客户类所期望的，这可能是因为现有...

前后端分离，本地前端开发调用接口会有跨域问题，一般有以下几种解决方法： 后端接口打包到本地运行（缺点：每次后端更新都要去测试服下一个更新包，还要在本地搭建java运行环境，麻烦）。 CORS跨域：后端接口在返回的时候，在header...

TSLint 规则一套完整的 TSLint 规则，以及对每条规则的释义。 使用方法以tslint-config-alloy为例：安装： npm install --save-dev tslint typescript tslint-c...

众所周知，React 通过声明式的渲染机制把复杂的 DOM 操作抽象成为简单的 state 与 props 操作，一时间将前端工程师从面条式的 DOM 操作中拯救出来。尽管我们一再强调在 React 开发中尽量避免 DOM 操作，但在...

最近在更新 npm 5.2.0 的时候，我发现除了可以使用npm命令，还有一个命令可以使用，这就是npx。 npm使得安装和管理依赖包变得非常简单，和npm的类似，npx这款工具旨在提供给用户更方便的包操作体验。当我们使用一些工具命令...

JavaScript 是单线程运行，异步操作特别重要。 只要用到引擎之外的功能，就需要跟外部交互，从而形成异步操作。由于异步操作实在太多，JavaScript 不得不提供很多异步语法。这就好比，有些人老是受打击， 他的抗打击能力必须变...

一、前言软件也像人一样，具有生命力，从出生到死亡，会经历多种变化。软件架构设计也不是一蹴而就的，是不断地演进发展。每个程序员都可以从理解编程原则和模式中受益。 软件设计原则是一组帮助我们避开不良设计的指导方针。根据Robert Mar...