简要：整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。 什么是reflow和repaint（原文链接：http://ww ...
分类：
其他好文 时间：
2018-02-07 16:49:24
阅读次数：
180
前言 页面显示到浏览器上的过程： 1.1、生成一个DOM树。 浏览器将获取到的HTML代码解析成1个DOM树，包含了所有标签，包括display:none和动态添加的节点。 1.2、生成样式结构体。 浏览器将所有样式解析成样式结构体，解析过程中会去掉浏览器不能识别的。 2、DOM树和样式结构体结合生 ...
分类：
其他好文 时间：
2017-12-16 17:14:20
阅读次数：
144
一界面重载函数使用方法：1在头文件里定义函数protected: void paintEvent(QPaintEvent *event); 2 在CPP内直接重载void ：：paintEvent(QPaintEvent *){//重载函数体} 执行条件：界面有任何变动都会执行特别：有时候会积累变化 ...
分类：
其他好文 时间：
2017-12-08 01:30:28
阅读次数：
365
浏览器运行机制图： 浏览器的运行机制：layout：布局； 1、构建DOM树（parse）：渲染引擎解析HTML文档，首先将标签转换成DOM树中的DOM node（包括js生成的标签）生成内容树（Content Tree/DOM Tree）； 2、构建渲染树（construct）：解析对应的CSS样 ...
分类：
其他好文 时间：
2017-10-10 17:42:38
阅读次数：
166
js性能优化关于reflow（回流），repaint（重绘）的总结。 ...
分类：
其他好文 时间：
2017-09-18 13:23:32
阅读次数：
165
repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,visibility,background color，不会影响到dom结构渲染。 reflow(渲染)，与repaint区别就是他会影响到dom的结构渲染，同时他会触发repa... ...
分类：
其他好文 时间：
2017-09-05 22:59:24
阅读次数：
228
本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多基础，可以对照上面的知识点，选择性跳到相应地方阅读。 滚动优化的由来 滚动优化其实也不仅仅指滚动（scroll 事件），还 ...
分类：
其他好文 时间：
2017-09-03 23:56:52
阅读次数：
225
1、Component类提供了两个和绘图相关最重要的方法 1）paint(Graphics g)绘制组件外观 2）repaint()刷新组件的外观 当组件第一次在屏幕显示时，程序会自动的调用paint()方法来绘制组件。 2、关于Graphics类 运行效果如下： ...
分类：
编程语言 时间：
2017-08-06 12:26:10
阅读次数：
205
自己对浏览器了解的还不是很多，但这篇文章确实可以帮助了解 你是不是经常听师兄或一些前端前辈说不能用CSS通配符 *，CSS选择器层叠不能超过三层，CSS尽量使用类选择器，书写HTML少使用table，结构要尽量简单-DOM树要小....等这些忠告，以前我就大概知道使用通配符或者CSS选择器层次过多可 ...
分类：
其他好文 时间：
2017-07-11 15:53:20
阅读次数：
169
最近做了一个功能，点击按钮新建控件，再次点击需要删除上一次的结果，重新新建控件，如图： 设置参数，第一次点击分类按钮： 更改参数，第二次点击分类按钮： 试了很多方法都不行，update()，repaint()均没有效果，简单的移除layout也不管用，后来发现问题在于前一次创建的控件没有delete ...
分类：
其他好文 时间：
2017-07-06 15:15:24
阅读次数：
515
