进行一波 强有力的复习
性能优化
1.稳定
2.扩展
3.性能
网络性能
执行性能
============================================
网络性能
第三方工具
Chrome NetWork
需要经验支撑分析。
Firefox YSLow
http://yslow.org/
插件版
必须先安装 Firebug
进入YSLow官网
点击Firefox
点击Add to Firefox
一定要在选项中把自动运行勾选
书签版
进入YSLow官网
点击install
把yslow按钮拖放到书签栏
重启浏览器
书签版不能检测https
有问题了。
网络性能优化
1.减少http请求
1个文件=一次连接+一次请求+一次等待+一次响应
100个文件=100连接+100请求+100等待+100响应
合并文件
2.合并文件
a).减少http请求
b).让资源更小
4KB一个单位，不足4KB按照4KB算
3.压缩代码
让文件更小
4.使用CDN加速
5.使用GZIP压缩
6.使用DNS
7.懒加载
更多搜索：雅虎军规
==================================================
执行性能
1.尽量不使用全局变量
2.尽量少使用闭包
3.减少DOM操作
4.少使用定时器
5.尽量使用正则操作字符串
6.尽量不使用属性
7.尽量使用CSS3
减少DOM操作
尽量不使用定时器
尽量不使用属性
var len = arr.length;
for(var i=0;i<len;i++){
}
不太有用
var str = '';
str+='abc';
str+='bcd';
str+='cde';
var arr = [];
arr.push('abc');
arr.push('bcd');
arr.push('cde');
var str = arr.join('');
字符串本身不可更改
=================================================
身份证校验
15位或18位
第一位一定不是0
最后一位可能是xX
/^[1-9](\d{13}|\d{16})[0-9xX]$/
==================================================
字符串操作
$.trim() 去掉首尾空格
==================================================
面向对象(OOP)
不知道原理，但是不影响使用。
==================================================
类 Class
泛指一类事物
对象 Object
某一个具体的东西
==================================================
对象由什么组成?
属性——特征
方法——行为
什么是属性
变量和属性一样。
属性是属于某个对象的。
变量是自由的。
什么是方法
函数和方法一样。
方法是属于某个对象的。
函数是自由的。
====================================================
创建一个类
构造函数
因为是创建对象的
两个问题:
1.没有new
2.同一个类的方法，不相等
================================================
加new
1.开头加new Object();
2.结尾加return this;
加方法不能直接在构造里写。
给构造的原型加
构造函数的原型
Person.prototype
====================================================
属性给构造的this加
方法给构造的原型加
Person类
function Person(name,age,gender){
this.name = name;
this.age = age;
this.gender = gender;
}
Person.prototype.showName = function(){
return this.name;
};
Person.prototype.showAge = function(){
return this.age;
};
Person.prototype.showGender = function(){
return this.gender;
};
===============================================
Dog 狗类
属性
方法
==============================================
this是什么?
不看定义，只看调用
方法是谁的，this就是谁
优先级
高
new Object
定时器 window
方法、事件 对象本身
正常调用 window\undefind
低
只管一层、只看最后一次调用
只看最后一次调用
============================================
面向对象三大特性:
封装 抽
继承 子继承父.父类有的，子类一定有。子类有的，父类不一定有。父类改变，子类跟着变。
多态 多种状态、多重继承
=================================================
继承
属性
方法
Person 人类
属性
name age gender
方法
showName() showAge() showGender()
Worker 工人类
属性
name age gender job
方法
showName() showAge() showGender() showJob()
矫正this指向
fn.call(this指向谁,arg1,arg2....);
或者
fn.apply(this指向谁,[arg1,arg2,arg3...]);
属性继承
function 子类(a,b){
父类.call(this,a,b);
或者
父类.apply(this,arguments);
}
方法继承
a).
子类.prototype = 父类.prototype;
问题:
子类的私有方法，父类也有。
原因:
引用。
b).
for(var key in 父类.prototype){
子类.prototype[key] = 父类.prototype[key];
}
问题:
子类的实例，不属于父类
c).
子类.prototpye = new 父类();
瑕疵:
子类实例.constructor 等于父类
d).
子类.prototype = new 父类();
子类.prototype.constructor = 子类;
万物皆对象
======================================================
typeof 检测基本数据类型
instanceof 检测复合类型
constructor 检测构造函数
======================================================
对象会有引用
======================================================
原型链
现在当前实例身上找，如果没有找构造类，如果类没有找父类原型，一级一级往上找，直到找到Object的原型。 如果没有就是 undefined
