前端学习清单！！！

（一）技术储备

html	html 语义化 、结构化
	SEO 搜索引擎优化
	html5 新增
css	css选择器
	BFC机制
	盒模型
	CSS模块化开发(封装)～ SCSS和LESS的使用
	屏幕适配以及页面自适应（响应式布局）
	css3新增选择器
	css3新增属性
布局相关	标准文档流
	百分比布局
	flex弹性布局
	grid栅格布局
js基础	运算符
	变量数据类型及检测
	函数定义以及调用方式
	条件循环异常处理
	字符串、数组、对象常用API
	正则表达式
js高级	作用域、作用域链、闭包
	函数上下文、 this指向
	原型、原型链、继承
	js的运行机制, 事件队列和循环
	Ajax原理, axios库
	同步, 异步编程
	jQuery源码学习
浏览器相关	浏览器的构成和运行机制
	浏览器内核
	浏览器交互: BOM和DOM相关、webApi、监听事件
	浏览器的渲染原理
	浏览器缓存机制
	浏览器的安全性: 跨域 和 攻击
网络协议相关	HTTP协议
	cookie, session, token
ES6	字符串、数组、对象 扩展的api
	变量扩展
	函数扩展
	set 和 map数据结构
	展开运算符、模板字符串
	proxy对象属性代理器
	迭代器和生成器函数 next 和 yield的理解
	promise对象, 异步编程的解决方案
	class语法 构造函数
	async + await
	模块化编程 export 、 import 的 导出和导入
vue基础	基本指令
	实例的 属性 和 方法
	组件基础
	实例的生命周期
	组件通信传值
	slot插槽
vue高级	vue-router: 搭建SPA,分发页面
	路由间的传值
	路由跳转
	路由、组件的配置
	路由的导航守卫
	router.js 和 组件页面中的使用方式
	vuex
	实例化仓库的5大属性的使用
	辅助函数mapState等
	记住在 store.js 和 组件中使用方式
vue深入	源码阅读
	diff 算法
	virtual dom
	nextTick等等..

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

（二）工程能力

项目能力	vue-cli脚手架搭建 和 功能配置 vue.config.js
	记录习惯养成
	常用的工具熟练度
	PC端 和 移动端开发注意事项
	经验总结: 快速确定项目的技术选型
	项目中的性能优化记录 ( 都是细节点...多记录 )
	项目构建 打包
	webpack的常用配置
	UI框架: Bootstrap, MUI, Element-ui等
	坑点总结: 项目遇到坑坑坑!!!
	问题解决能力: (bug定位调试, 查找文档, 寻求他人...)
	需求文档的理解, 可以结合 项目流程图, UML图
	熟悉各类框架的文档...
	常用的插件整理, 整理一个自己插件库, 封装自己的方法库,组件库
模块化, 组件化开发能力	各类功能封装
	对象的封装, 继承
	组件和功能模块的抽离, 解耦, 复用

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

（三）内功考察

面向对象的编程思想	类的抽象
	对象的封装, 继承
设计模式
数据结构和算法	常用的排序搜索算法, 顺序表,链表,栈,队列,树,堆 结构等等...

 

 

 

 

 

 

（四）附加技能

学习能力	笔记记录等
系统编程	多任务, 多线程, 多进程, 协程, 并发, 并行, 串行, 同步, 异步等概念的理解
	Linux命令行操作, 系统文件管理
后端了解	后端语言： node.js
	数据库mysql,redis,mongodb. sql的操作语句, mongo的操作语句, redis操作语句
	node + koa 搭建本地服务等