2017.11.10性能优化

性能优化

1 稳定 2 扩展 3 性能

1 网络性能

2 执行性能

网络性能

第三方工具
chrome NetWork：需要经验支撑分析
firefox   YSLow   http://yslow.org/
插件版  1 必须先安装    Firebug
        2 进入YSLow 官网
        3点击Firefox
        4点击add to Firefox
        5 一定在选项中把自动运行勾选

网络性能优化

1 减少http请求：1个文件=1次连接+1次请求+1次等待+1次响应
             100个文件=100次连接+100次请求+100次等待+100次响应 ：合并文件
2 合并文件 a）减少http请求
          b） 让资源更小：4KB一个 不足4KB按4KB算
3压缩代码 让文件更小
4使用CDN加速
5使用GZIP压缩
6使用DNS
7懒加载

面向对象的========构造函数

function Person(name,age,gender){
            this.name = name;
            this.age    = age;
            this.gender = gender;
}
          Person.prototype.showName(){
                  return this.name;            
          }
         Person.prototype.showAge(){
                  return this.age;
         }
        Person.prototype.showGender(){
                return this.gender;
        }
var p1 = Person（'cyril',11,'男'）
document.write('我是'+showName()+'，今年'+showAge()+'，性别'+showGender()+'.');

继承

function Person(name,age,gender){
            this.name = name;
            this.age    = age;
            this.gender = gender;
}
          Person.prototype.showName(){
                  return this.name;            
          }
         Person.prototype.showAge(){
                  return this.age;
         }
        Person.prototype.showGender(){
                return this.gender;
        }
function Worker(name,age,gender,teacher){
       Worker.apply(this,arguments);
       this.job = job;
}
      Worker.prototype = new Person;
      Worker.prototype.constructor = Worker;
      Worker.prototype.showJob = function(){
                  return this.job;
      }
var w1 = Worker（'cyril',11,'男','搬砖'）
document.write('我是'+showName()+'，今年'+showAge()+'，性别'+showGender()+'职业'+'showJob'+。);

typeof 检测基本数据类型

instanceof 检测复合类型

constructor 检测构造函数

对象会发生引用

原型链 ：先在实例中找 找不到找构造类 找不到找父类原型 一级一级往上找 一直到找到Object原型 如果没找到就是undefined。