前端学习路径

前端学习路径图

传送门

JavaScript基础

知识点包括js类型、typeof、instanceof，类型转换
作用域与作用域链、变量提升
js原型链、new、继承方式
this指向、闭包、垃圾回收机制事件
队列、事件循环DOM对象
事件委托、DOM事件模型
原生ajax

Html5+CSS3

html5新特性、语义化
浏览器渲染机制、重绘、重排
css盒子模型、flex、动画
css样式优先级
BFC

Vue

vue基础

vue生命周期、keep-alive
computed与watch
v-for中key的作用
vue组件的通信方式
指令

vue底层原理

双向绑定实现原理
v-model的实现
nextTick的实现
vnode的理解，compiler和patch的过程
new Vue后整个的流程
keep-alive的实现
vuex、vue-router实现原理

Http

http特性以及状态码
http的三次握手
http1.0、http1.1、http2.0的区别
http如何实现缓存
https的握手过程
输入url后http请求的完整过程
get与post请求区别

web安全

理解xss，csrf，ddos攻击原理以及避免方式
xss与csrf的区别

前端工程化

前端性能优化的几种方式
如何做性能优化上报
如何实现一个错误监控系统
什么是同源策略
前后端如何通信
跨域通信的几种方式