BleakNight

Web2.0时代，前端工程师利用JavaScript大大提升了网页的用户体验，经历了工具类库、组件库、前端框架、前端应用的变迁。 JavaScript的先天缺陷：模块。 commonJS的愿景：希望JavaScript能够在任何地方运行。 就是传递给require()方法的参数…

Node诞生于2009年3月。 Node的别名：Nodejs、NodeJS、Node.js。 设计高性能Web服务器的几个要点：事件驱动、非阻塞I/O。 考虑到高性能、符合事件驱动、没有历史包袱这三个主要原因，JavaScript成为了Node的实现语言。 Node可以构建服务…

重点关注的是，React组件的渲染性能优化。 React利用Virtual DOM来提高渲染性能，虽然每次页面更新都是对组件的重新渲染，但并不是将之前渲染的内容全部抛弃重来，借助Virtual DOM,React能够计算出DOM树最少的修改，这就是React在默认情况下都渲染很…

场景一：当你改乱了工作区某个文件的内容时，你想直接丢弃工作区的修改时。 场景二：当你不但修改乱了工作区的某个文件的内容时，而且还添加到了暂存区，你想直接丢弃修改时。 场景三：但你已经提交了不合适的修改到版本库时，想要撤销本次提交，在没有推送到远程库的前提下，你可以使用版本回退。

React负责视图，Redux管理状态。 按角色组织(Organized by Roles):在MVC中，应用代码分为Controller、Model、View，分别代表三种不同角色，把对应角色的代码放入对应目录中的组织代码方式。 每个基本功能对应一个功能模块，每个功能模块对应…

对于非常巨大的代码库和庞大的组织，MVC框架很快变得很复杂。每新增一个功能时，对代码的修改很容易引入新的Bug,不同模块之间的依赖关系让系统变得“脆弱且不可预测”。 removeListener函数：和on函数做的事情相反，删除一个挂在此EventEmitter对象特定事件的处…

分而治之：每个小的组件只关注实现单个功能，但这些功能组合起来，也能满足复杂的实现需求。 拆分组件最关键的就是确定组件的边界，每个组件都应该独立的存在。 组件的划分要满足高内聚(High Cohesion)和低耦合(Low Coupling)的原则。 高内聚：把逻辑紧密相关的内容…