document.write是直接写入到页面的内容流，如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数，会导致页面被重写。 innerHTML则是DOM页面元素的一个属性，代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果 ...
分类：
Web程序 时间：
2017-06-02 19:37:44
阅读次数：
255
浏览器下载完页面中全部的组件之后，会解析生成两个内部数据结构： 1. DOM树：表示页面结构 2. 表示DOM节点怎样显示 当DOM和渲染树构建完毕之后，浏览器就開始显示（绘制）页面元素。当DOM的变化影响了元素的几何属性（如改变边框或者高度）浏览器须要又一次计算元素的几何属性。相同其它元素的几何属 ...
分类：
其他好文 时间：
2017-06-02 11:32:29
阅读次数：
122
目前对提升移动端CSS3动画体验的主要方法有几点：尽可能多的利用硬件能力，如使用3D变形来开启GPU加速 一个元素通过translate3d右移500px的动画流畅度会明显优于使用left属性；原因是因为： CSS动画属性会触发整个页面的重排relayout、重绘repaint、重组recompos ...
分类：
Web程序 时间：
2017-06-01 18:40:00
阅读次数：
260
Windows程序运行时，如果程序窗口大小发生变化，窗口会发生重绘，窗口中已输入的文字或图像就会被擦除。如果希望输入的内容始终保留在窗口上，就要在响应WM_PAINT消息的函数中将内容再次输出。在MFCAppWizard的视图窗口中提供了类似于WM_PAINT消息响应函数的OnDraw函数，当窗口发 ...
分类：
其他好文 时间：
2017-05-28 17:25:18
阅读次数：
145
功能： 1、绘制的图形包括直线、椭圆和矩形，通过菜单对绘制的图形切换 2、在视图中使用鼠标动态的绘制图形 分析： 当窗口尺寸发生变化时，引起窗口重绘，会发送WM_PAINT消息，这时首先会擦除窗口的背景，然后再进行重绘操作，这样就把窗口中先前绘制的图形擦除掉了；可以将绘制图形的三要素（起点、终点、绘 ...
分类：
其他好文 时间：
2017-05-28 00:28:54
阅读次数：
343
Android 中的View更新方法 postInvalidate 在非UI线程中通知重绘。 View 确定自身已经不适合现有区域时,调用requestLayout(),通知父View重新测量和绘制此View的位置。 当View的LayoutParams发生改变时,也应该调用这个方法。 reques ...
分类：
移动开发 时间：
2017-05-25 19:43:40
阅读次数：
350
1.减少或避免repaint/页面重绘,reflow/页面回流 repaint:样式的变化，如颜色 reflow:变化的成本比repaint大 也可以理解为对dom元素的操作 2.尽量缓存所有可以缓存的数据 3.使用css3transform代替dom操作，animate.css 非主流性能优化原则 ...
分类：
移动开发 时间：
2017-05-22 16:52:49
阅读次数：
237
写了一个在移动端使用的可滑动刻度尺，曾经在原生App中看到过，做得很精细，现在用web页面实现的； 实现效果如下：（源码见文章的最后） 封装成直接可用的MeasureRuler.js 调用方法： 给刻度尺赋值 切换刻度尺状态,满足不同量程，重绘刻度尺 源码分享： http://files.cnblo ...
分类：
其他好文 时间：
2017-05-21 17:44:39
阅读次数：
3210
更新日志; 本次更新依旧主要注重是BUG修正。 1 改动鼠标移动时地图重绘的BUG 鼠标移动时地图即发生重绘，占用了CPU资源，修正后仅仅当鼠标点击选中对象或拖动对象时地图才会发生重绘。极大程度上节省了CUP资源。 2 新增简单目标列表显示功能 在标准目标列表显示的基础上，新加了简单目标列表显示功能 ...
分类：
其他好文 时间：
2017-05-20 13:51:56
阅读次数：
166
当页面布局和几何属性改变时就需要＂重排＂ 避免在修改样式的过程中使用 offsetTop, scrollTop, clientTop, getComputedStyle() 这些属性, 它们都会刷新渲染队列 最小化重绘和重排, 尽量一次处理a. 使元素脱离文档流(隐藏元素），进行处理后，再显示元素b ...
分类：
其他好文 时间：
2017-05-13 23:26:17
阅读次数：
242
