前端总结

274 阅读2分钟

学习方法论

繁简方法论

化繁为简,抽炼为最精简的语言,总结为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