转：http://www.css88.com/archives/4991#more-4991在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘和重排，需要 付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢？二者何时...
分类：
其他好文 时间：
2015-12-11 18:14:06
阅读次数：
148
一、浏览器渲染页过程描述1、浏览器解析html源码，然后创建一个DOM树。在DOM树中，每一个HTML标签都有一个对应的节点(元素节点),并且每一个文本也都有一个对应的节点(文本节点)。DOM树的根节点就是documentElement，对应的是html标签。2、浏览器解析CSS代码，计算出最终的样...
分类：
其他好文 时间：
2015-12-09 13:42:13
阅读次数：
322
在iOS开发中，常常会有一段文字显示不同的颜色和字体，或者给某几个文字加删除线或下划线的需求。之前在网上找了一些资料，有的是重绘UILabel的textLayer，有的是用html5实现的，都比较麻烦，而且很多UILabel的属性也不起作用了，效果都不理想。后来了解到NSMuttableAttstr...
分类：
移动开发 时间：
2015-12-04 00:49:28
阅读次数：
289
在讨论重绘、回流之前。需要对的呈现流程有些了解，是怎么把html结合css等显到浏览器上的，下的流程图显了浏览器对的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。1. 浏览器把获取到的html代码解析成1个Dom树， html中的每个tag都是Dom树中的1个节点，根节点就是我...
分类：
其他好文 时间：
2015-11-30 00:45:47
阅读次数：
310
当一个元素的外观的可见性visibility发生改变的时候，重绘(repaint)也随之发生，但是不影响布局。类似的包括：outline, visibility, or background color。根据Opera浏览器，重绘的代价是高昂的，因为浏览器必须验证DOM树上其他节点元素的可见性。而回...
分类：
其他好文 时间：
2015-11-29 06:23:37
阅读次数：
151
一. 示意图?绘画出一条线,点击开始有很多粒子绕着线运动,点击重绘消除粒子和线二. 实现代码?设计思路:自定义一个View来描述控制器的View,在View加载过程中进行初始化,给View添加手势(UIPanGestureRecognizer),将自定义View转成复制层,创建一个粒子层,添加到复制...
分类：
移动开发 时间：
2015-11-27 14:40:13
阅读次数：
204
碰上问题 —— 分析问题 —— 解决问题。浏览器兼容问题就这么出现的，今天就碰上一个IE8的问题。内容增加后，容器却不撑开。下面来看看详细的吧。碰上问题：问题： 有A,B,C三个容器，其中A设置了display：inline-block，A容器包含B容器，B容器包含C容器。此时C容器的高度增加时（脚...
分类：
其他好文 时间：
2015-11-24 14:46:30
阅读次数：
176
JavaScript 是单线程的，这意味着任何两句代码都不能同时运行，它们得一个接一个来。在浏览器中，JavaScript 和其他任务共享一个线程，不同的浏览器略有差异，但大体上这些和 JavaScript 共享线程的任务包括重绘、更新样式、用户交互等，所有这些任务操作都会阻塞其他任务。一、事件.....
分类：
Web程序 时间：
2015-11-22 00:06:11
阅读次数：
338
方法一：通过SetContentView切换Layout来实现界面的切换，这种方法相当于重绘Activity. protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setCo...
分类：
移动开发 时间：
2015-11-18 22:50:24
阅读次数：
225
Ctrl+b激活控制台；此时以下按键生效系统操作?列出所有快捷键；按q返回d脱离当前会话；这样可以暂时返回Shell界面，输入tmux attach能够重新进入之前的会话D选择要脱离的会话；在同时开启了多个会话时使用Ctrl+z挂起当前会话r强制重绘未脱离的会话s选择并切换会话；在同时开启了多个会话...
分类：
其他好文 时间：
2015-11-17 10:57:48
阅读次数：
144
