jQuery 渲染頁面

步驟：

後台請求回來的資料或者自己造的資料

1、模板要用：包裹，只起包裹作用不會被渲染

2、指定type="text/html"

3、定義模板id：id="tmp"繫結資料的時候用，id名字隨便起

模板中遍歷資料：

} 這裡放內容 }

引數說明：

each： 遍歷的關鍵字 （固定）

arr：被遍歷的陣列

item：當前項

index： 當前項下標

1、通過模板的id,將資料和和模板繫結,並用乙個變數接收

var str = template("模板id", 資料);

2、將變數插入頁面結構中渲染出來

$('#add').html(html)

"add"

>
<
/div>
"./jquery-1.12.4.min.js"
>
<
/script>
>
"./template-web.js"
>
<
/script>
3.準備要渲染的模板 --
>
"text/html" id=
"tmp"
>
}<
/div>
}當前項:
}<
/span>
下標:}<
/span>
<
/div>
}<
/script>
// 2.準備資料
var obj =
// 4.將資料與模板id繫結，生成頁面
var html =
template
('tmp'
,obj)
//通過模板的id,將資料和和模板繫結,並用乙個變數接收$(
'#add').
html
(html)
//將變數插入頁面結構中渲染出來
<
/script>
<
/body>

關於頁面渲染

最近在學習公司的產品時發現在開啟報表設計頁面時，頁面的渲染和載入較慢.於是我想到了關於頁面渲染的優化.下面是關於如何優化頁面渲染的建議 一，寫出高效的css 首先弄清瀏覽器解析html 的過程 構建乙個dom樹，頁面要顯示的各元素都會建立到這個dom樹當中。每當乙個新元素加入到這個dom樹當中，瀏覽...

頁面渲染流程

1.瀏覽器把獲取到的html 解析成1個dom樹，html中的每個tag都是dom樹中的1個節點，根節點就是我們常用的document物件。dom樹里包含了所有html標籤，包括display none隱藏，還有用js動態新增的元素等。2.瀏覽器把所有樣式 使用者定義的css和使用者 解析成樣式結構...

頁面渲染流程

自上而下解析，遇到任何樣式 link style 和指令碼 script 都會阻塞 1 css載入不會阻塞html檔案的解析，但會阻塞dom的渲染 2 css載入會阻塞後面js語句的執行 3 js會阻塞html的解析和渲染 4 沒有defer和async標籤的script會立即載入並執行 5 有as...