面临问题
1. 组件化不合理，项目难以把控（组件划分过细，组件数量庞大，项目复杂度上去之后，规模难以把控。组件划分过粗，组件的抽象和复用性设计达不到效果）2. 组件化战斗力体现不足
本文概要
1. 特色：
组件化思维方式及项目设计
组件化和模块化不仅仅是JS也包括CSS
如何将项目做出亮点，面试如何表现
学会独立构建一个项目，做到独当一面
2. 内容
技术选型分析（解决什么问题？采用什么样的技术方案？如何实现？要达到的性能指标是什么？后期维护和迭代怎么去做）
工程构建安装
项目设计及原理分析
环境及知识准备
一、运行环境
1. Node 建议使用nvm来管理Node版本
使用方式：
nvm ls：查看当前node版本
nvm install ~：安装指定node版本
nvm use ~ 使用某个node版本号
2、Webpack
3、npm scripts
www.ruanyifeng.com/blog/2016/1…
4、bable
5、ESLint：eslint.cn/docs/user-g…
二、构建工具：
1、 构建工具有哪些：gulp grunt webpack fis prepack rollup
2、 为什么要构建工具：资源压缩 静态资源替换 模块化处理 编译处理
三、基础知识
ES6：
Sass：
Vue.js：
四、MVVM框架选择：
Vue、Reacts.js、Angular.js
关系框架维护状态、社区、原理了解程度。
五、模块化设计
1、 自适应方案设计
2、 代码维护及复用性设计的思考
业务开发
测试验证
发布上线
