| 网站建设前端开发如何应对浏览器的重绘和重排 |
| 发布时间：2017-06-15 访问次数：325 沈阳志鼎科技 |
| 网站建造中关于技术疑问首要能够分形两有些，通常都是由专业的技术人员来担任完结，其间一有些是网站后台的技术开发，首要担任的是网站的后台系统开发疑问；另一有些即是网站的前端技术开发，首要担任的是页面前端Web开发的疑问。这两大块儿技术疑问解决的好否是公司能否取得一个优异网站的要害，本文中企智首要为我们介绍的是其间的前端开发技术。 首先，我们先来剖析一下啥是前端开发 前端开发又称Web前端开发技术，曾经叫做页面制造，其首要功能即是把网站的界面更好地出现给用户。前端开发工程师经过运用专门的技术软件让公司网站互联网化，使静态的页面动态化。Web前端开发涵盖的常识面十分广，既有详细的技术，又有抽象的理念。 其次，介绍一下前端开发技术人员需求把握的专业技术 跟着互联网技术的开展，前端开发技术变更越来越老练，商场关于前端开发技术人员的专业技术请求也越来越高，详细的技术首要包含：1、把握HTML，2、服务器端脚本语言，3、CSS和Java等。 在了解以上的主要常识后，企智再为我们介绍一下网站建造前端开发怎么应对阅读器的重绘和重排。阅读器重绘即repaint，阅读器的重排即reflows。 ▶ 重绘（repaint）是指一个元素外观的改动所触发的阅读器做法，阅读器会依据元素的新特色进行从头制作，使页面元素出现出新的外观。如改动vidibility、outline、背景色等特色。特色：重绘不会带来页面的从头规划，并不必定随同重排。 ▶ 重排（reflows）是指页面中元素更显着的一种改动，能够理解为烘托树进行从头核算。由于阅读器重排比较复杂，所以，在这里企智要点要介绍的是阅读器重排的疑问。 下面是企智为我们总结的一些多见能够触发重排的操作（不一样的阅读器的状况很有一些不一样）： 1、DOM（文档目标模型）元素的几许特色发生改动时 当页面中DOM元素的几许特色改动时，烘托树中的相关节点就会失效，阅读器会依据DOM元素的改动重建构建烘托树中失效的节点。随之瑞来的即是从头制作被重排的页面。特色：阅读器重排必定会引起阅读器的重绘。 2、阅读器引擎因获取某些特色而触发重排。 当阅读器引擎获取页面中一些特色时，阅读器为取得准确的值也会触发重排，所以我们在在屡次运用这些特色值时应进行缓存。网站中可修正特色包含：offsetTop、offsetLeft、 offsetWidth、offsetHeight、scrollTop、scrollLeft、scrollWidth、scrollHeight、clientTop、clientLeft、clientWidth、clientHeight、getComputedStyle() (currentStyle in IE)。 3、改动元素的款式、调整窗口巨细触发重排 网站建造前端开发中，改动页面中元元素的一些款式，或是调整阅读器窗口巨细都会触发阅读器重排。防止办法：将页面中需求屡次重排的元素的position特色设为absolute或fixed，这么此元素就脱离了文档流，不会影响到其他元素。 最后要提醒我们的是想要做好网站建造的前端开发就必须要在把握专业技术的基础上注重实习的堆集。 |
QQ：
