背景
从刚开始学习前端的知识时,基本就是从vue开始的,目前的工作也主要是以vue作为开发的框架,因此,要更加熟悉vue的知识,直接来看,这可以减少工作中常见的vue相关的bug,例如“突然间的不响应”等。同时,对“编程”这件事也肯定有很大的帮助,例如“面向对象”“设计模式”等等。
vue,入门很简单,甚至比js在DOM上的应用还简单,这也是vue能够大行其道的原因之一,但如果更深入地问一个关于vue原理的东西,就不一定能回答上来了,“支支吾吾”是常见状态,“应该、好像、或许、我觉得”这些词频立马增加了起来。后面规划一下对vue的进阶计划,规划每个阶段都要掌握哪些知识。
进阶规划
v1.0
-
熟悉vue的响应式原理,理解各部分(watcher、observer、dependency、complier等)的作用,并用代码实现最简版的响应式框架。
-
熟悉基础版的正则表达式,能用于complier中替换模板字符串,实现基础的值的绑定。
-
4.22补充:
- 基础的功能已经完成,实现了超简版的响应式框架,目前仅能对应值的绑定,对于事件的绑定还非常有问题。实际上,考虑到要让该响应式框架将来有拓展性,结构性地思考框架的内容时非常重要的。目前仅仅是从最最最基础的原理层面流程化地完成了一个简版的响应式框架,但对于功能的划分、类的结构设计、模板编译引擎等具体层面的认识还非常浅薄。本着“任何一次学习都是为了下一轮学习铺路”的原则,决定从 vue 功能划分、类的结构设计、模板引擎 三个角度,做更深一层的学习、实践和总结。
v2.0
- 熟悉vue-cli的功能,并能根据所需对其进行配置。
- 熟悉webpack的使用,能完全在一个新项目中,根据所需进行配置。
- 理解loader的工作原理,并实现简单的loader。
v3.0
- 熟悉vue的jsx使用。
- 学习react使用,并就两者开发方式做比较。
- 熟悉vue的ssr使用,首屏加载,全站静态化等实现方式。
v4.0
- 熟悉使用TypeScript进行vue的开发。
- 了解uni-app等跨端解决方案与vue的结合方式,如uni-app、mpvue、flutter、weex等。
后记
目前,暂且规划以上四个阶段,这仅是当下刚开始学习vue稍高级知识时做的学习规划,之后很可能根据学习情况做调整,以上。