学习方法论
繁简方法论
化繁为简,抽炼为最精简的语言,总结为1234,再化简为繁。最后尝试要给完全不熟悉的人讲清楚该如何讲。
每一个知识点都需要这个过程,并且不断的重复,直到形成思维记忆。
重复的读和背诵专业的定义、解释、术语,潜移默化之中提升了自己语言表达的专业性。
不能眼高手低,实践是检验真理的唯一标准。
高效学习三部曲:找准知识体系;刻意训练;及时反馈
知识体系:结构化的知识范围
覆盖知识点;结构化;有组织;易拓展
HTML && CSS
主流浏览器机器内核
PC端 移动端
盒模型 box-sizing
行级元素 块级元素 行级快
display: inline 行级元素:共享一行 span strong a
display: block 块级元素: 独占一块 div p ul li
选择器及常用伪类伪元素
选择器权重
position
BFC margin合并 margin塌陷
移动端开发兼容 rem vw
混合H5开发 JSbrige 和原生应用的优缺点 跨端解决方案
z-index
两栏布局 三栏布局
flex布局
link import 的区别
为什么link标签放在头部 script标签放在尾部
JS
js历史及执行机制
数据类型 区分数组及对象 类数组转化成数组
数组 对象 遍历方法
预编译 函数预编译
作用域链 闭包 防抖 节流
this call apply
原型及继承 class
ES6 let const 解构赋值 数组 对象新增方法 箭头函数特点
手写实现 Promise 实现all 实现请求并发限制
EventLoop
事件模型
浏览器相关
JS加载时间线 浏览器输入一个URL发生了什么
静态资源部署 及缓存选配置 hash路由和history路由的区别
跨域 CORS
前端性能优化及技术选型
Vue && React
Vue原理 生命周期 生命周期执行顺序
组件间传参方法
React生命周期
SetState为什么异步
Redux源码
Webpack
基本概念 入口 出口 loader plugin
module chunk bundle区别
常用loader和plugin
js执行原理 需要解释器 也是bable的原理 词法分析 语法分析 抽象语法树(AST)
Tree sharking
数据结构和算法
链表 队列 栈 数
冒泡 快排 选择排序 二分查找
剑指...训练
常用Linux和Sql