娉細閲嶆帓涔熷彨閲嶆帓锛屼箣鎵€浠ュ彨閲嶆帓锛屾槸涓轰簡鏇村ソ鐨勪粠璇嶈涓婂尯鍒簬閲嶇粯銆傚彲鑳芥槸鎴戞瘮杈冪锛屽嚑涓湀鐪嬩簡鍑犲崄绡囧叧浜庢祻瑙堝櫒娓叉煋鍜岄噸缁樺洖娴佺殑鏂囩珷锛屽埌鐜板湪鎵嶇湡姝ｇ悊瑙ｃ€傝€岀悊瑙ｅ叏闈犺繍姘旔煒祻瑙堝櫒娓叉煋杩囩▼濡備笅锛堟憳鑷槷涓€宄拌€佸笀鐨勬枃绔狅紝閾炬帴锛屾湁鏀瑰姩锛塇TML浠ｇ爜杞负DOM鏍慍SS浠ｇ爜杞负CSSOM鏍戯紙CSSObjectModel锛夌粨鍚圖OM鍜孋SSOM鐢熸垚涓€妫垫覆鏌撴爲RenderTree鐢熸垚涓€涓竷灞€锛坒low锛夛紝灏嗘墍鏈夌殑娓叉煋鏍戠粍鍚堣捣鏉ワ紙锛佽繖涓€姝ュ張瑙﹀彂浜嗭紝涔熷氨鏄洖娴侊級骞跺皢甯冨眬缁樺埗锛坧aint锛夊埌灞忓箷涓婏紙锛佽繖鍐嶆瑙﹀彂step锛屽嵆閲嶇粯锛夈€傛敞鎰忥紝鎵€璋撶殑Reflow鍜岄噸缁橈紝鍏跺疄灏辨槸涓婇潰鐨勭鍥涙锛坮eflow锛夊拰绗簲姝ワ紙repaint锛夈€備箣鍓嶄笉姝竴娆＄湅杩囬槷鑰佸笀鐨勮繖绡囨枃绔狅紝浣嗘槸姣忔閮芥病鏈夋妸閲嶇粯鍜屽洖娴佷笌绗洓姝ュ拰绗簲姝ヨ仈绯昏捣鏉ャ€備粖澶╁涔犵殑鏃跺€欐棤鎰忎腑鍙戠幇杩欎袱涓楠ゅ搴旂殑鏄洖娴佸拰閲嶇粯銆傜湅鏉ユ垜娌′粩缁嗙湅鏂囩珷銆傝嚦姝わ紝鎴戞墠鐪熸鐞嗚В閲嶇粯鍜屽洖娴併€傝繕鏈変竴鐐癸紝鎴戜竴鐩村湪绾犵粨鏄笉鏄彧瑕佽Е鍙戦儴鍒嗛噸鎺掞紝鏁翠釜椤甸潰閮戒細閲嶆柊鎺掔増銆備粖澶╀粩缁嗙湅浜嗗ソ鍑犵瘒鏂囩珷锛岀粓浜庣‘瀹氫笉鏄繖鏍风殑銆傞槷鑰佸笀涔熻杩囷細DOM鍏冪礌閲嶆帓閲嶇粯鐨勫眰绾ц秺楂橈紝鎴愭湰灏辫秺楂樸€傛墍浠ュ洖娴佷竴瀹氭槸block鐨勫竷灞€鍙戠敓鍙樺寲鐨勫湴鏂癸紝閲嶆柊鎺掑垪鐨勫湴鏂癸紝鑰屼笉鏄瘡娆￠兘閲嶆柊鎺掑垪鏁翠釜椤甸潰銆?/p>
