前端知识体系整理
css篇
- 盒模型
- position 文档流
- 选择器权重
- BFC
常见题目:BFC特性,如何触发
- 重绘和重排
常见题目:区别,如何触发
- 水平垂直居中问题
- css动画
- 移动端适配
常见题目:移动端1px,响应式布局方案,dpr,图片响应式
js篇
- 数据类型
常见题目:typeof,instanceof,如何判断一个对象是否为数组,类型转换
- 作用域
常见题目:闭包,let const和var的区别
- this
常见题目:call、apply、bind的区别和实现
- 原型链和继承
常见题目:new的原理和实现,继承的几种方法
- event loop
- 对象浅拷贝深拷贝
- 异步解决方案
常见题目:promise,async await,generator
- ES6相关特性
- 算法和数据结构
框架篇(vue)
- 双向绑定原理 发布订阅模式
- data为什么是一个函数
- diff算法
- vuex
- 路由原理
- nextTick
- keep-alive
- vew3新特性
浏览器篇
- 同源策略 跨域方法
- 浏览器缓存
- http状态码
- 从请求到渲染完成过程
- TCP三次握手四次挥手
- https
- 浏览器安全 XSS CSRF
- SEO
前端工程化
- js模块化
- webpack,gulp等工具的应用
- babel原理 应用
- git工作流
性能优化
- webpack构建
- 图片懒加载
- 动态import
- 浏览器缓存,CDN,本地存储
- 首屏SSR
- 页面渲染优化
- 防抖节流
跨平台解决方案
- JsBridge+webview
微信小程序,uni-app,cordova...
- js+原生渲染
react native,weex...
- 自绘UI
flutter...