性能優(yōu)化
1 穩(wěn)定 2 擴(kuò)展 3 性能
1 網(wǎng)絡(luò)性能
2 執(zhí)行性能
網(wǎng)絡(luò)性能
第三方工具
chrome NetWork:需要經(jīng)驗(yàn)支撐分析
firefox YSLow http://yslow.org/
插件版 1 必須先安裝 Firebug
2 進(jìn)入YSLow 官網(wǎng)
3點(diǎn)擊Firefox
4點(diǎn)擊add to Firefox
5 一定在選項(xiàng)中把自動(dòng)運(yùn)行勾選
網(wǎng)絡(luò)性能優(yōu)化
1 減少http請(qǐng)求:1個(gè)文件=1次連接+1次請(qǐng)求+1次等待+1次響應(yīng)
100個(gè)文件=100次連接+100次請(qǐng)求+100次等待+100次響應(yīng) :合并文件
2 合并文件 a)減少http請(qǐng)求
b) 讓資源更小:4KB一個(gè) 不足4KB按4KB算
3壓縮代碼 讓文件更小
4使用CDN加速
5使用GZIP壓縮
6使用DNS
7懶加載
面向?qū)ο蟮?=======構(gòu)造函數(shù)
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()+'職業(yè)'+'showJob'+柠并。);
typeof 檢測(cè)基本數(shù)據(jù)類型
instanceof 檢測(cè)復(fù)合類型
constructor 檢測(cè)構(gòu)造函數(shù)
對(duì)象會(huì)發(fā)生引用
原型鏈 :先在實(shí)例中找 找不到找構(gòu)造類 找不到找父類原型 一級(jí)一級(jí)往上找 一直到找到Object原型 如果沒找到就是undefined弛饭。
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者