前端能力划分

前端学习学的是什么，在不同的阶段我思考这个问题。

最近的结论是：前端学习要学的是前端的三大能力。工程能力，架构能力，开发能力。

工程能力

工程能力的范畴我认为涵盖了项目模板的自动化生成、项目的自动化编译和构建。

当然传统的开发方式并不过分着重工程化能力。

架构能力

架构能力的范畴涵盖了项目模板自动化之后，一些可变文件的位置问题，文件之间的相对位置问题。就比如单页面的vue应用。

利用脚手架生成了项目模板，之后vue可以至少有两种目录结构，主要是对视图（一个url对应组件）的处理。

1，每个路径对应的组件，命名为一个视图，与视图组件相关的子组件、过滤器、依赖、指令等都与视图组件在一个文件里面

2，视图组件文件里仅仅是视图组件，相关的组件、指令、过滤器都放在视图文件外面分别命名为components、detective、filters

3，架构也可以是mvc，mvvm，可以vuex，redux是否使用

开发能力

开发能力的架构问题，开发能力的架构问题是对开发内容的抽象能力，一般来说抽象程度越高，那么越能合并重复代码。

开发能力还涉及实现，当然这是最基础的要求。更应该关注的是实现的效率。比如性能更好、架构更具伸缩性。

 不谋全局者不足以谋一域。最近重新学习react，将vue和react再次对比。从开发架构角度对比二者的不同，收货不小。