基础回顾

html

• DOCTYPE含义
• 语义化
• meta
• DOM & BOM
• 移动端dpi
• 无障碍aria
• 反向语rtl
• 1px问题
• btn文字自动计算
• svg字体图标库
• rem html f-s
• 禁止复制，右键
• __blank
• cookie 4k httponly
• webstorage 5M
• indexDB
• pwa
• service worker
• canvas画布，svg, css 动画,
• webgl three.js GPU
• shadow dom, web component
• iframe
• 浏览器渲染，dom树，css树，渲染树，布局，绘制
• 浏览器线程调度，拿到宏任务，清空微任务，UI线程

css

• display inline inline-block
• 行内 img input i a
• 转换 display float position
• 优先级 内联 id class
• 继承 文字相关
• 隐藏元素 display position transform opacity visible z-index
• 盒模型 content | content + padding + border
• 伪元素::before，伪类:hover
• 图片格式 png无损, jpeg还原度高
• 像素密度dpi
• 预处理less sass stylus
• 后处理postcss
• 单行多行超出
• rem em
• BFC postion float overflow display
• 两列布局 float+overflow，margin-left, display
• 居中 50% margin:auto flex

js

• 8种数据类型
• typeof instanseof constructor Object.propertye.toString.call
• 类型转换 isNaN Number.isNaN
• 包装类型
• 数组 slice splice redece
• 变量提升，作用域
• 闭包， let和立即执行入参，解决
• 原型链 p.constructor == Person.prototype.constructor == Person
• 继承: 原型，构造，组合，组合寄生，class
• 异步：callback，promise.then, async await, generator
• promise 状态改变
• 垃圾回收： 引用计数，标记清除-已离开，优化:数组length=0,循环中变量

http

• get post put区别
• 简单请求，options预检
• http2 头部压缩算法，动态字典，二次请求
• 请求头content-type
• 状态码 101,200,3xx,4xx,5xx
• 1.1复用tcp, 2数据帧/多路复用/服务器推送
• https
• websocket

vue

• 生命周期，指令
• 封装，源码
• 框架对比
• this.dataA取值
• vue3 diff 最短编辑距离，最长上升子序列
• compute watch
• mvvm
• vue3,patch flag动态

react

• 状态state 异步还是同步
• 生命周期，receiveProp snapshot didMount shouldUpdate
• hook模拟生命周期 mount , props willreceiveProp ,空 didupdate
• 合成事件，事件系统
• HOC函数当参数，
• • 属性代理，组件返回新组件
• • 反向继承
• use

依赖

• CDN 静态资源
• DNS
• 回流重绘，动画优化
• webpack打包优化，
• • loader限制文件，happyPack, dll