วิธีลดการรีฟวี่เบราว์เซอร์และทาสีใหม่

1. หลีกเลี่ยงการดำเนินงาน DOM บ่อยครั้งบนเอกสารโดยตรง หากคุณต้องการมันจริงๆคุณสามารถใช้วิธีการนอกเอกสาร วิธีการเฉพาะรวมถึง แต่ไม่รวมอย่างสมบูรณ์ต่อไปนี้:

(1). ก่อนอื่นลบองค์ประกอบออกจากเอกสารและหลังจากเสร็จสิ้นการปรับเปลี่ยนให้วางองค์ประกอบกลับไปยังตำแหน่งเดิม

(2). ตั้งค่าการแสดงผลขององค์ประกอบเป็น "ไม่มี" และหลังจากเสร็จสิ้นการปรับเปลี่ยนให้แก้ไขการแสดงผลเป็นค่าดั้งเดิม

(3). หากคุณต้องการสร้างหลายโหนด DOM คุณสามารถใช้ DocumentFragment เพื่อเพิ่มเอกสารในครั้งเดียวหลังจากสร้างมันโดยใช้ DocumentFragment

2. แก้ไขสไตล์ส่วนกลาง

(1). ปรับเปลี่ยนแอตทริบิวต์ในสไตล์องค์ประกอบให้น้อยที่สุด

(2). ลองปรับเปลี่ยนสไตล์โดยการแก้ไขชื่อคลาส

(3). ตั้งค่าสไตล์ผ่านคุณสมบัติ csstext

3. ค่าแอตทริบิวต์แคชเค้าโครง

สำหรับค่าของประเภทที่ไม่ได้อ้างอิงในแอตทริบิวต์เลย์เอาต์ (ประเภทตัวเลข) หากจำเป็นต้องมีการเข้าถึงหลายครั้งพวกเขาสามารถเก็บไว้ในตัวแปรท้องถิ่นก่อนในการเข้าถึงครั้งเดียวจากนั้นใช้ตัวแปรท้องถิ่นซึ่งสามารถหลีกเลี่ยงการแสดงผลโดยเบราว์เซอร์ทุกครั้งที่อ่านแอตทริบิวต์

var width = el.offsetWidth; var scrollleft = el.scrollleft;

4. ตั้งค่าตำแหน่งขององค์ประกอบเป็นสัมบูรณ์หรือคงที่

เมื่อตำแหน่งขององค์ประกอบเป็นแบบคงที่และสัมพัทธ์องค์ประกอบจะอยู่ในโครงสร้างต้นไม้ DOM เมื่อการดำเนินการในองค์ประกอบจะต้องแสดงผลอีกครั้งเบราว์เซอร์จะแสดงผลทั้งหน้า การตั้งค่าตำแหน่งขององค์ประกอบเป็นแบบสัมบูรณ์และคงที่สามารถทำให้องค์ประกอบแยกออกจากโครงสร้างต้นไม้ DOM และเมื่อเบราว์เซอร์จำเป็นต้องแสดงผลจะต้องแสดงองค์ประกอบและองค์ประกอบด้านล่างองค์ประกอบเท่านั้นจึงช่วยลดเวลาในการแสดงผลของเบราว์เซอร์ในระดับหนึ่ง

ข้างต้นเป็นเรื่องบางเรื่องสรุปโดยฉันเกี่ยวกับการลดการรีฟวี่เบราว์เซอร์และทาสีใหม่ ฉันหวังว่าทุกคนจะชอบมัน