首先呢我个人做事时候呢喜欢分清楚1 2 3 主次 也就是先做什么再做什么（大方向下在看小方向）这个思维源自于之前上班时候一位领导给我的建议，成型是在处理自身周围人和事方面运用，毛主席有篇文章社会阶层分析 其中也是这个思维。
之前修车现在转行到前端也是一样的，奈何本人天赋不佳还懒。说来羞愧，时至今日是接触前端的281天，现在还只会写静态页面。
在我接触学习的过程中总是感觉像是盲人摸象，雾里看花。不知道那是哪，今日有了点感悟。
无论是文化艺术还是生存技能，都有道和术的层面。有道无数术可求，有术无道止于术！
首先呢前端三件套是：html, css, js。【前端要做的就是写功能，拿接口，把页面写的更好看，记住一切都是围绕这个进行的！】
基础
这三个就类似于人的身体一样html页面的骨架，css是穿衣服，js是心脏血液血管神经等等。
html：常用标签,元素，嵌套
css：布局,样式,选择器，过渡动画
js：es6 函数 ajax promise
作用域 闭包 原型链
this 递归 面向对象 DOM DOM 数组（这玩意最头疼，页面基本都是js代码）
推荐学习网址：
这几样掌握之后呢做个简单自己喜欢的项目。
框架
市面上常用的就是 Vue ，说到Vue必须要学vue全家桶。
1. vue-cli
vue-cli就是快速创建搭建一个vue项目的脚手架工具，安装vue-cli，
直接在[cmd]命令执行：npm install -g vue-cli
（安装的cnmp直接把npm改一下就可以）
vue-router 是 Vue.js 官方的路由管理器。用于页面之间的跳转，
路由路径需要我们自己配置，
安装vue-router直接在cmd命令执行：npm install vue-router
（安装的cnmp直接把npm改一下就可以）
3.vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
它采用集中式存储管理应用的所有组件的状态，
并以相应的规则保证状态以一种可预测的方式发生变化。
安装vuex只需要执行：npm install vuex
（安装的cnmp直接把npm改一下就可以）
4.axios
axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中，
安装axios在cmd中执行：npm install axios
（安装的cnmp直接把npm改一下就可以）
5.UI组件库了，组件可以快速开发。要学一个PC的在学一个移动端的。可以在网上搜前端十大组件库，常用的就是Element 和 Vant
Vue页面上的宏观：
页面主体基本就是各种组件，
style里面是预处理和样式。
然后就是script了，
data是值（这个值不确定，有可能是空数组，空对象，null或者是写定的）。
然后就剩methods这个了，里面有很多函数【这个是最头疼的】
如果没有这些代码快的话，就需要自己来做区分不然一堆代码
在一起给谁接手都看不懂
宏观看项目：
要先配环境注意node版本以及其他依赖
项目启动成功后要看其文件夹
【脑子里要有一个常规的文件目录情况，什么文件夹放什么。】
看一下本项目设计的初衷和文档
（设计，接口，数据库，搭建指南，源码地址，遗留问题等）
看看用了什么技术栈
看你要负责的模块
页面的嵌套，用到那些接口，用到那些函数，有哪些功能，css样式等
此模块的上下级，以及之前代码负责人的风格
【如果你改代码的话会不会产生什么冲突】。
Url：接口【还有封装的情况】（可以F12Network查看）
mian.js和pages.js文件是属于集成的（找东西可以来这里）。
以上学差不多之后就可以找工作了。
进阶
Uni-app 基于vue的uniapp我估计后面还会有市场因为一套多端代码。
小程序 【小程序成本低，很多外包走这个流水，开发快。】
Linux和 Nginx和xshell，有的公司还会用到虚拟机。这个属于环境搭建方面的！
React和算法【算法属于解决问题的思路，有点像“禅”。】
随着普及Vue已经成为弱势文化了，大公司大项目用React的还是很多的，可以从招聘信息看，比Vue高几K呢！
我也是小白还在学习的路上，诸君共勉！有好的想法和思路记得和我分享哟！
