JavaScript之jsx&react

標籤：元素   htm   標籤   就是   api   操作dom   XML   需要   改變   

1.Virtual DOM

 

1.將網頁所有內容映射到一顆樹形結構的層級物件模型上，瀏覽器提供對dom的支援，使用者可以是用指令碼調用dom，api來動態修改dom節點，從而達到修改網頁目的，這種修改是瀏覽器完成的，瀏覽器會根據dom的改變重新繪製改變的dom節點部分2.修改dom重新繪製渲染的代價太高，前端架構為了提高效率，盡量減少dom的重繪，提出了Virtual DOm，所有的修改都是在Virutal DOM上進行的，通過比較演算法，找出瀏覽器dom之間的差別，使用這個差異操作dom，瀏覽器只需要渲染部分變化就可以react實現了dom diff演算法可以高效對比virtual DOM和dom差異

 

2.jsx文法

jsx是一種javascri和xml混寫的文法，是javascript的擴充jsx規範標籤中首字母小寫就是html標記，首字母大寫就是組建要求嚴格的html標記，所有標記必須閉合，br應該攜程<br />單行省略小括弧，多行請使用小括弧元素有多行，建以多行，注意縮排jsx運算式：使用{}括起來，如果大括弧使用了引號，會當作字串處理

　　

　　

 

JavaScript之jsx&react