题外话
想系统学习要进步，不能盲目乱学，得有计划有目标，必须知道自己要学什么
要学什么得知道都是有什么
有什么，去哪里找、找什么
1、去培训机构找，2、在工作中遇到困难记下来，不能混过去就完事了
培训机构有哪些：慕课网、开课吧、珠峰、黑马、达内
进去找什么，找前端相关课程，每个课程都有一个“大纲”，里面会把知识点给你列出来，
有些他不一定讲或者只讲两句话，跟没讲一样，但是肯定列出来吸引你
在这里你就知道都是有什么，然后结合自己的情况选择性学习
给自己列目标，明确了要学什么，后面就可以指定计划开始了
了解自己
现阶段综合能力，简单概括有两点：搭建开发框架，进行页面逻辑开发。
你所谓欠缺的整体能力，实际是一个搭建能力，在基础设施完善的情况下，后面千篇一律的页面开发，基本上能胜任
虽然说千篇一律，实际上业务是变化万千，但不管怎么变一直围绕着的都是“页面呈现”—获取提交数据，展示页面内容
你现在可能觉得自己的问题有以下几点
- 架构能力差，对webpack，脚手架一点也不了解
- 业务能力差，来了需求不知道怎么开始
- 开发能力差，知道怎么开始，但是下手难，不知道写什么怎么写，怎么分组件页面
-
明确目标
本次学习暂且定义为进阶突破，针对以上问题，暂时分三个阶段进行学习
学习架构能力，完成从0到1的突破，掌握架构设计，知道如何配置框架，如何扩展，完成框架积累方便以后复用
- 学习业务能力，掌握如何设计业务组件，如何组装页面
- 学习技术能力，扎实基础能力，补充知识面
我认为现阶段对你来说，应该是 2:3:5 的一个关系，不要把全部力气用在架构上，它只提供一个基础
制定计划
架构能力
- 搭建项目，可以vue/cli
- 目录结构设计，一般默认
- asserts
- components
- pages / views
- store
- router *
- public / static
- 引用插件
- vuex
- route *
- axios
- elementUI / Antdv / iView
- echarts
- swiper
- moment
- 配置devServer，默认一般只修改proxy
- layout设计
- 开始开发
- 交付
所以重点，就在于第三步，这里关系到整个系统到架构，包括以后到维护和扩展。这里分两部分
- 如何更好当去使用插件
- 按需引用
- 根据引用当插件适当优化cli配置，比如有当打包后不可用，体积太大
- vuex的使用，其实不难，难的原因是被滥用了导致复杂化，
- 如何优化路由
- 路由设计
- 按需加载
- 路由元（鉴权、菜单）
- 路由守卫（登录、鉴权）
- route和vuex结合，做登录和鉴权，这个可能会比较复杂一点
然后下一个点就到了“布局”，这个相对简单一些，就是做好基础布局和路由跳转，一般就是
- Header （Logo\Name, Login）
- Navigator/Menus 二选一
- Sider/Menus 二选一
- content
- footer
最后，上面这些处理一次之后，别着急写业务，作为自己的纯净模版存起来
下一次搭建项目的时候直接拿来，简单修改一下路由或布局，就可以接着用了
业务能力
技术能力
若有收获，就点个赞吧
0 人点赞
