javascript基礎六 (DOM優化)

2021-07-11 09:02:50 字數 990 閱讀 7472

/**

* 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...