原文:Web前端开发最佳实践(13):前端页面卡顿?可能是DOM操作惹的祸,你需要优化代码

文档对象模型 DOM 是一个独立于特定语言的应用程序接口。在浏览器中,DOM接口是以JavaScript语言实现的,通过JavaScript来操作浏览器页面中的元素,这使得DOM成为了JavaScript中重要的组成部分。在富客户端网页应用中,界面上UI的更改都是通过DOM操作实现的,并不是通过传统的刷新页面实现的。尽管DOM提供了丰富接口供外部调用,但DOM操作的代价很高,页面前端代码的性能瓶颈 ...

2015-04-21 10:42 10 3160 推荐指数:

查看详情

前端页面、也许是DOM操作

界面上UI的更改都是通过DOM操作实现的,并不是通过传统的刷新页面实现 的。尽管DOM提供了丰富接口供外部调用,但DOM操作的代价很高,页面前端代码的性能瓶颈也大多集中在DOM操作上,所以前端性能优化的一个主要的关注 点就是DOM操作优化DOM操作优化的总原则是尽量减少DOM操作。 先来看看 ...

Wed Oct 18 03:45:00 CST 2017 0 3790
前端页面-代码优化

原文地址--->http://developer.51cto.com/art/201504/473422.htm 最近做项目时遇到了页面加载问题,一时没有头绪,感到无从下手,看到这篇文章,所以整体梳理了一下,在此记录。 在富客户端网页应用中,界面上的UI的更改是通过DOM操作 ...

Fri Mar 03 01:48:00 CST 2017 1 5573
Web前端开发最佳实践(9):CSS代码太太乱,重复代码太多?你需要精简CSS代码

前言 提高网站整体加载速度的一个重要手段就是提高代码文件的网络传输速度。之前提到过,所有的代码文件都应该是经过压缩了的,这可提高网络传输速度,提高性能。除了压缩代码之外,精简代码也是一种减小代码文件大小的手段。以下将讨论CSS代码相关的代码精简方案。 定义简洁的CSS规则 CSS的每条 ...

Wed Feb 25 19:21:00 CST 2015 6 5407
Web前端开发最佳实践(2):前端代码重构

前言 代码重构是业内经常讨论的一个热门话题,重构指的是在不改变代码外部行为的情况下进行源代码修改,所以重构之前需要考虑的是重构后如何才能保证外部行为不改变。对于后端代码来说,可以通过大量的自动化测试来确保重构后的代码逻辑,可对于普遍缺乏自动化测试的前端代码来说,重构之前一定要考虑再三才能下手 ...

Mon Jan 19 17:52:00 CST 2015 2 6902
Web前端开发最佳实践(10):JavaScript代码不好读,不好维护?你需要改变写代码的习惯

前言 这篇文章本应该在上一篇文章:使用更严格的JavaScript编码方式,提高代码质量之前发布,但当时觉得这篇文章太过基础,也就作罢。后来咨询了一些初级的开发者,他们觉得有必要把这篇文章也放上来。尽管这篇文章内容基础,但是很多初中级开发者还是会犯同样的错误,发布出来也算是再一次提醒 ...

Wed Mar 18 18:24:00 CST 2015 6 2393
web前端开发最佳实践笔记

一、文章开篇 由于最近也比较忙,一方面是忙着公司的事情,另外一方面也是忙着看书和学习,所以没有时间来和大家一起分享知识,现在好了,终于回归博客园的大家庭了,今天我打算来分享一下关于《web前端开发最佳实践》这本书的读后感,以及梳理这本书中比较有用的核心知识点 二、书之印象 《web ...

Sat Jul 23 22:56:00 CST 2016 0 4218
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM