摘要：
1. 全局安装eslint 2.在项目目录下新建.eslintrc文件 添加内容 3. 编辑器配置linter vscode F1 install Extensions，选择 ESLint 即可 sublime text3 install pacakge，选择 SublimeLinter insta 阅读全文
摘要：
0.引言 当你接手一个老项目的需求改造任务，快速切入项目的步骤如下。 1.了解业务背景 项目不是孙悟空，从石头蹦出。 先去了解项目产生的前因后果。 然后了解项目业务整体的流程。 怎么去了解？ 嘴除了吃饭，还能问人。 找产品经理，要产品需求文档。 哪里不懂，问哪里。 接着去理解分配给你的业务和需求。 阅读全文
摘要：
前言 组件之间为什么要通信？因为有依赖。 那么，作为React组件，怎么通信？ React官网说， 进行 父 子 通信，可以直接pass props。 进行 子 父 通信，往父组件传给子组件的函数注入参数。 对于没有 父 子 关系的组件间的通信，你可以设置你自己的全局事件系统。 详情见 "原文" 和 阅读全文
摘要：
前言 underscore虽然有点过时，这些年要慢慢被Lodash给淘汰或合并。 但通过看它的源码，还是能学到一个库的封装和扩展方式。 第一步，不污染全局环境。 ES5中的JS作用域是函数作用域。 函数内部可以直接读取全局变量，当然函数外部无法读取函数内的局部变量。 所以，我们在匿名函数里啪啪啪写代 阅读全文
摘要：
下载nodewebx（windows环境） 为什么要下载inherits，因为nodewebx依赖它。。。 构建目录，构建配置文件 \templates\test\control\ \templates\test\layout\default.vm \templates\test\screen\in 阅读全文
摘要：
三个原则 single store render from top immutable data single store，便于组件之间通信。 render from top，因为store就一个，每次修改后，从最顶层开始渲染，依赖DOM diff和人工shouldComponentUpdate判断 阅读全文
摘要：
为什么要模块化？ 分治和复用 封装，不污染全局，不被全局污染。 继承 BEM(block:块,Element:元素,Modifier:修饰符)策略 封装靠人为约定。 继承靠层叠特性。 基础组件样式 分治性强，复用性强。 缺点 人为约定总是不靠谱，有人覆盖了就呵呵哒。 业务组件样式 分治性强，复用性弱 阅读全文
摘要：
原生js转换为immutableData Immutable.fromJS([1,2]) // immutable的 list Immutable.fromJS({a: 1}) // immutable的 map 从immutableData 回到 JavaScript 对象 immutableDa 阅读全文
摘要：
什么是viewport viewport，等同于浏览器窗口。 功能：约束你网站中最顶级包含块(containing block)元素html标签。 什么是包含块(containing block)？下篇再说。 默认下，块级元素(display:block)使用父元素宽度的100%。 所以body元素 阅读全文
摘要：
设备像素dp(device pixels) ppi(pixels per inch)表示每英寸所拥有的像素(pixel)数目，数值越高，代表屏幕能以更高的密度显示图像。 计算公式：ppi=像素数量/物理尺寸（英寸数） ppi就是设备像素dp(device pixels)的单位。 举例： 一个3.5寸 阅读全文