前端知识体系整理

120 阅读1分钟

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...