性能
文章平均质量分 89
黛梨
闭心自慎,终不失过兮.
展开
-
浏览器的重绘与重排
浏览器的重绘与重排浏览器从下载文档到显示页面的过程是个复杂的过程,这里包含了重绘和重排。各家浏览器引擎的工作原理略有差别,但也有一定规则。简单讲,通常在 文档初次加载时,浏览器引擎会解析HTML文档来构建DOM树,之后根据DOM元素的几何属性构建一棵用于渲染的树。渲染树的每个节点都有大小和边距等属 性,类似于盒子模型(由于隐藏元素不需要显示,渲染树中并不包含DOM树中隐藏的元素)。当渲染树构建完成后原创 2016-12-25 20:04:16 · 566 阅读 · 0 评论 -
关于字体图标在firefox上本地访问无法显示的问题分析
一、问题在本地引入了Font Awesome 字体图标,网页未部署到服务上(在本地直接访问,部署到nginx服务器,火狐浏览器能显示)目录结构: 引入方式:<link href="../css/font-awesome.css" rel="stylesheet" type="text/css">使用方式:<link href="../css/font-awesome.css" rel="style转载 2017-02-05 15:06:18 · 740 阅读 · 0 评论 -
常见浏览器兼容性问题与解决方案总结
无论在写什么项目,只要牵扯到浏览器总会出现大大小小的一系列兼容性问题,下面就总结下时常遇到的浏览器兼容问题,以及其解决的办法。1.问题之一:不同浏览器标签默认的外补丁和内补丁是不同,就此问题也会遇到兼容性问题,如下: 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 相信碰到此类问题的人很多吧,那我就告诉你解决办法吧:解决方案: 在CSS里设置 *{原创 2017-04-10 12:42:43 · 4941 阅读 · 1 评论 -
前端性能优化总结
性能优化对于前端开发很是重要,不仅表现在平常的开发中,而且在面试中也是经常被问起的问题。所以总结一下性能优化的常用方式。1.减少dom操作 修改和访问DOM元素会造成页面的重绘和回流,循环对DOM操作更是罪恶的行为,因为对dom的操作是高昂的。在这里做个比喻:如果将javascript比作一座收费的岛,那么将dom比作轮船,每进入一次岛便要收一次费,想想,如果页面中不停的对dom进行操作,那么这原创 2017-03-05 16:03:32 · 519 阅读 · 0 评论