/**
* dom優化:
* 1:innerhtml與dom操作方法,那個效率會更高
* chrome:dom方法要比innerhtml的方法要好
* firefox:正好相反
* 2:clonenode複製節點要比建立新節點,效能優化的多
* 3:減少dom的頻繁操作
* 4:新的選擇器queryselectorall()
* * dmon與瀏覽器
* 1:重排;改變頁面的內容
* 2:重繪:瀏覽器的顯示內容
* 3:新增順序
* 4:合併dom操作
* 5:快取布局資訊 (用變數來代替dom)
* 6:文件碎片
* -createdocumentfragment
* * dom與前端模板
*/var oul = document.getelementbyid('ul');
var oli = document.queryselectorall("#ul li");
var str = "";
console.time('hello');
for(var i=0;i<5000;i++)
oul.innerhtml = str;
console.timeend('hello');
console.time('dom');
for(var i=0;i<5000;i++)
// oul.innerhtml = str;
console.timeend('dom');
console.time('clonenode');
var oli = document.createelement("li");
oli.innerhtml = "li";
for(var i=0;i<5000;i++)
console.timeend('clonenode');
JavaScript基礎學習(六)動態顯示時間
得到當前時間 var data new date var d1 date.tolocalestring 需要讓頁面每一秒獲取時間 setinterval方法 定時器 setinterval js 毫秒數 每3秒執行一次alert方法 返回乙個id var id1 window.setinterval...
javascript函式基礎 this基礎
this是函式體內自帶的乙個物件指標,它能夠始終指向呼叫物件 這個this代表的物件由this所在的執行作用域決定的,而不是根據this所在的定義作用域決定。this 屬性 如果this未包含屬性,則直接傳遞的是當前物件 1.this代表當前操作物件 this即代表 物件input 2.this代表...
javascript 基礎 動畫
function positionwhere js 有兩個地方我一直沒注意 現在寫出來提醒一下自己 1.在html中的匯入是有順序的js的執行的非同步且高速 依賴其他方法執行的指令碼必須在他依賴的指令碼的後面匯入 不然速度太快了 依賴的方法還沒匯入就直接去尋找 找不到的 比如addloadevent...