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

    1.不加载未初始化或者已删除的元素

    2.不编写过大的函数体,方便优化

    3.在模块模式中缓存函数

    4.不要删除过多数组元素,会使数组索引变得稀疏

    5.innerHTML性能略高于appendChild

    6.尽量减少DOM操作

    7.用children代替childNodes获取元素节点

    8.访问元素集合时,先缓存局部变量 eg. l = oLi.length;

    9.减少重排(改变页面内容,尺寸,定位等),减少重绘(浏览器显示)

    10.利用cssText,合并多个DOM元素样式操作 oLi.style.cssText = "100px;height:100px;......";

    11.尽量在appendChild之前完成节点操作

    12.缓存局部信息 eg.L = oDiv.offsetLeft;

    13.使用文档碎片

    14.利用事件委托

         ......

    firbug控制台语句:

    console.log();  //打印(具体信息)

    console.warn('...');  //警告

    console.error('...');  //错误

    console.group('名');   ...  console.grounpEnd();  //信息分组

    console.dir('对象');  //输出对象的所有信息

    console.dirxml();   //显示当前元素的代码结构

    console.assert();  //返回断言,即语句结果,true-成功;false-失败

    console.trace();  //栈的调用情况

    console.time('标题');  ...  console.timeEnd('标题');  //程序运行计时(标题不可少)

    console.profile();  ...  console.profileEnd();  //程序性能监测,相当于概况

    console.clear();  //清空控制台

  • 相关阅读:
    JVM系列三:JVM参数设置、分析
    JVM系列二:GC策略&内存申请、对象衰老
    HotSpot VM GC 的种类
    2.静态库和动态库
    1.GCC编译过程
    6.树
    5.队列
    4.栈
    3.线性表
    2.算法
  • 原文地址:https://www.cnblogs.com/pada/p/3690904.html
Copyright © 2011-2022 走看看