每日五问, Day12

115 阅读1分钟

描述下浏览器从输入网址到页面展现的整个过程

  • 查询缓存
  • 发送请求
  • 等待响应
  • 资源解析
  • 执行

几步讲的时候在丰富一下

动画性能如何优化

  • 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