等着瞧。 哇哦，网页上的那些东西是怎么动起来的呢？你知道吗，网页里面的这些小魔法其实dou是由两个小伙伴——重绘和重排——完成的哦！今天我们就来学习一下这两个小伙伴，还有怎么让他们帮忙，让我们的网页变得geng快geng好kan！

什么是重绘和重排呢？

哈，先说说我们来认识一下这两个小家伙吧！

重绘：就像我们给墙上的画涂上新的颜色一样，重绘就是浏览器把某个元素的外观geng新一下。比如说 我们给一个方块换个颜色，huo者是改变文字的大小和颜色，这些dou不需要挪动方块的位置，只需要改变一下它的外观，我们都...。

重排：这个就比较麻烦了就像我们把一个书架上的书重新摆放一样。当网页的布局huo者元素的位置发生了改变，浏览器就需要重新计算布局，这个计算过程就叫Zuo重排。这个过程中可Neng会涉及到元素的移动，甚至是一些布局的变化，提到这个...。

重绘和重排哪个geng耗性Neng呢？

哎呀，这两个小家伙dou有自己的本领，dan是用起来也要注意哦， 在我看来... 用错了可就浪费性Neng了呢！

通常 重绘比重排的性Neng开销小一些，主要原因是重绘只是改变了一下外观，而重排可Neng会涉及到整个页面的重新布局。

怎么让这两个小伙伴帮忙提升网页性Neng呢？

优化一下。 那我们就要好好利用他们啦！下面有一些小技巧， 可yi帮我们减少这两个小伙伴的工作量哦：

1. 尽量不要老是改变元素的位置huo者大小，这样就可yi减少重排的发生，换位思考...。

我惊呆了。 2. 如guo需要改变元素的外观， 比如颜色、阴影等，可yi直接使用CSS样式来改变，这样浏览器就可yi用重绘来完成geng新，而不是重排。

3. 避免使用表格布局，表格布局会经常引起重排，可yi用div等块级元素来代替。

4. 如guo要改变元素的样式， Zui好一次性改变，而不是一步一步地来这样可yi减少重排的次数，试着...。

好了今天我们就学到这儿吧！重绘和重排虽然有点难懂，dan是掌握了它们，我们就可yi让我们的网页变得geng快geng流畅了。suo以快去实践一下吧！

嗯，写完了这篇文章，我感觉自己对这些小魔法有了geng深的理解呢！ 试试水。 下次你想要知道geng多的小秘密，就再来找我吧！