zoukankan      html  css  js  c++  java
  • 前端性能优化

    1. 前端性能优化

    ————————

    *****加载文件*****

    1. 从输⼊入 URL 到⻚页⾯面加载完成,发⽣生了了什么?

    2. 如何减少加载文件---合理利用浏览器文件缓存

        2.1 浏览器的缓存机制到底是什么?

        2.2 如何高效利用缓存,如何上线前端代码?

    3. 网络协议的理解

      优化策略

    4. 图片优化

    5. gzip

    6. 本地存储

    7. CDN

    8. 服务端渲染

    ————————

    *****文件执行*****

    1. 节流

    2. 防抖

    3. 图片懒加载

    4. 减少dom的操作---重绘 回流

    5. Vue性能优化

      v-if 和 v-show

      和渲染无关的数据不要放到data上面,data不要嵌套多层

      修改数据的当下,视图不会立刻更新,而是等事件循环中所有数据变化完成之后,再统一进行视图更新

        this.$nextTick(function(){ 视图更新了 })

      Object.freeze() 冻结数据,取消setters

      5.1 Vue的dom diff做了哪些优化

      5.2 为什么还需要虚拟dom

      5.3 Vue的dom diff 和 react 对比, 做了哪些优化

    6. react性能优化

      只需要传递乣的props,不要随便用<Componet [...props]/>

      key

      无状态组件

      pureComponent shouldComponentUpdate   ---渲染时机

      少在render中绑定事件

    7.

      

      

      

  • 相关阅读:
    字符菱形
    字符三角形
    10:超级玛丽游戏
    09:字符菱形
    08:字符三角形
    07:输出浮点数
    06:空格分隔输出
    05:输出保留12位小数的浮点数
    04:输出保留3位小数的浮点数
    02:输出第二个整数
  • 原文地址:https://www.cnblogs.com/shaokevin/p/12060969.html
Copyright © 2011-2022 走看看