Fork me on GitHub

前端架构师知识分享

你想输入的替代文字

前端架构师必须掌握的知识。

通过工具约束产出高质量的代码

ESLint(JS 语法检测)。
    文件最大代码行数不能超过300。
    函数不能超过40行。
    ESlint和git操作相结合。
cssLint(css 语法检测)
命名规范(CodeSpellChecker)
代码校验(CodeReview)
TypeScript,Flow,Jest
注释-好的代码质量不需要过多的注释.
目录组织.
    -基于组件的目录结构。(推荐)
    -基于职责的目录结构。

什么是组件呢?组件和模块的区别是什么?

组件就是页面上的一部分。
组件力度

组件的大小 --根据行数拆分
组件间的通信 --数据统一管理
你写一个页面开始写,如果发现超过300行,如果超过300行就开始拆组件.--根据行数拆分
公用的组件用store管理。