前端知识点汇总
css
juejin.cn/post/684490…
- CSS 选择器权重以及它如何工作
- 盒模型
- 什么是重排和重绘？什么操作会触发重排重绘？怎么减少重排重绘？
- GPU 加速
- BFC是什么？如何触发BFC？BFC规则是什么？BFC可以解决的问题？
- 浮动定义？浮动会造成什么问题？怎么解决？
- 定位有哪几类？
- 元素隐藏 display: none; visibility: hidden; opacity: 0;
- CSS 动画：transform、transition、animation、window.requestAnimationFrame()
- link 和 @import 的区别
- HTML 和 XHTML 的区别
- 水平、垂直居中样式实现
- 左侧固定，右侧自适应样实现
- 层叠上下文
- CSS 预处理器 Sass
- 手机端适配
- 移动端 1px 边框
- 图片居中显示，object-fit: cover
html
浏览器
- 浏览器内核
- 跨页面通信，
- 输入url到看到页面发生了什么？
- 浏览器结构包含哪些
- 事件循环 Event Loop
- 缓存
- 垃圾回收
服务端与网络
- http与https
- tcp
- 常见的http状态码
- http请求方式
- 跨域
- 网络安全及攻击
js
juejin.cn/post/684490…
- Ajax不支持浏览器back
- $(document).ready 和 window.onload 的区别
- script tag 定义的 async 和 defer 区别
- json 和xml 数据的区别
- 防抖与节流
- 函数式编程
- js中的事件
- 模块化
- 错误捕获
- EC/作用域/作用域链
- ES6
- babel编译
- app与 H5 通信
- 对象类型及拷贝
- 原型、class 继承
前端优化
服务端渲染
react
juejin.cn/post/684490…
- 路由实现
- react key
- 虚拟dom渲染原理
- react事件机制
- 错误边界
- suspense
- HOC高阶组件
- react16 fiber
- react优化
- react预防xss攻击
- react组件间复用逻辑状态
- setState源码解析
redux
juejin.cn/post/684490…
webpack
juejin.cn/post/684490…
- 核心概念
- tree shaking
- plugin
- 编译优化
react IMVC
juejin.cn/post/684490…
- create app
- controller
- components
- hooks
- imvc configuration
- high order component
- error handling
