📺代码示例效果

📌CSS

• 水平垂直居中
• 左边固定，右边自适应
• 圣杯布局
• 双飞翼布局
• 三角形
• BFC——margin塌陷
• BFC——margin合并
• BFC——自适应布局
• 进度条

📌自适应方案

• REM 布局(手写rem)
• REM 布局(flexible)
• VW 布局
• PX + CSS变量布局
• 媒体查询布局

📌懒加载方案

• 监听图片高度实现懒加载
• getBoundingClientRect 实现懒加载
• IntersectionObserver 实现懒加载

📌渲染十万条数据解决方案

• 渲染十万条数据解决方案-虚拟列表-scroll
• 渲染十万条数据解决方案-虚拟列表-IntersectionObserver
• 渲染十万条数据解决方案-懒加载-scroll
• 渲染十万条数据解决方案-懒加载-getBoundingClientRect
• 渲染十万条数据解决方案-懒加载-IntersectionObserver
• 渲染十万条数据解决方案-时间分片-一次性所处渲染问题
• 渲染十万条数据解决方案-时间分片-解决方案

📌React

• setState 是同步还是异步
• 前端路由hash实现
• 前端路由history实现

📌性能优化

• 防抖与节流

📌网络缓存策略

• 强缓存
• 协商缓存

📌微信营销页面

• 微信营销页面之WeixinJSBridge
• 微信营销页面之自动播放音乐
• 微信营销页面之网页长按保存及识别二维码