描述下浏览器从输入网址到页面展现的整个过程
- 查询缓存
- 发送请求
- 等待响应
- 资源解析
- 执行
几步讲的时候在丰富一下
动画性能如何优化
- 10ms一帧, 渲染也6ms左右, 确保一秒60帧
- 动画期间减少不必要的操作
- 期间如果不可避免的运算, 尽力简单, 如果复杂, 分多少运行, 避免阻塞动画
- 具体情况需要具体分析
前端模块化机制有哪些
- amd
- cmd
- commonjs
- es module
- 前端目前用的比较多的是commonjs和es module
- commonjs 前端主要是node在使用, node也已经支持es module
- commonjs 可以动态加载, 引入的值是拷贝出来, 可以修改
- es module 引入值是引用的, 只读不可修改
tree-shaking 是什么,有什么作用,原理是什么
- 去除无用代码, 减少js大小, 加速资源加载
- 根据es module进行静态分析去除未使用代码
- require用动态引入, 这也就是为什么tree-shaking在最近几年在前端火起来的原因
uglify原理的是什么
- 转为ats, 压缩成更小的ats
- 转会正常的code