網頁在繪製頁面時首先解析頁面中的所有標籤（若有載入資源的標籤會非同步執行），根據深度優先的原則構建乙個樹形結構——dom樹(domtree)。
當dom樹構建完成以後，載入css檔案，解析css**。構建出另乙個樹形結構——css樹（csstree）。
當頁面的dom樹和css樹都繪製完成以後，總合兩棵樹。生成一棵新的樹——渲染樹（randertree），根據節點和樣式計算並構建頁面。
domtree + csstree = randertre指的是整個頁面重頭開始重新繪製，domtree,csstree,randertree都重新構建。
觸發重排的條件：dom節點的增刪改，dom節點寬高、位置等變化，js實時獲取標籤樣式（offsetwidth,getcomputedstyle…）。
頁面繪製一部分，比如改變字型、背景的顏色。這裡重新繪製了csstree、reandertree。這就是重繪
ps:1.不管是重構還是重繪都會重新生成randertree.2.減少dom操作，是dom優化的重點。
怎樣做好網頁文字的排版
做好網頁中文字的排版，特別對於大篇幅的文字，可以增加網頁的美觀性使讀者更有耐心閱讀，提高使用者體驗度。在網頁設計裡，文字排版主要由三個因素控制 字型大小 font size 行距 line height 間距 margin,padding 認真調整這三個因素的值，可以實現理想的效果。基礎行距 在垂直...
CAD互動繪製批註（網頁版）
js中實現 說明 動態拖放時的繪製事件 functiondynworlddrawcomment pcustomentity,pworlddraw,curpt 動態繪製文字 functiondynworlddrawcomment2 pcustomentity,pworlddraw,curpt 動態繪製...
CAD引數繪製點（網頁版）
點在cad中的作用除了可以分割物件外，還能測量物件，點不僅表示乙個小的實體，而且通過點作為繪圖的參考標記。pdmode是乙個控制point的形式的系統變數，當pdmode 0時是可見的乙個點，當pdmode 1時是乙個不可見的點，但仍存在。pdmode 2時是乙個十字，pdmode 3時是乙個叉子，...