最近在一个老项目中发现一个问题，el-table使用时，不断触发元素重绘，系统的错误监听系统监听到无数个ResizeObserver loop limit exceeded 错误 这个错误是在监听系统中看到的，可能浏览器console不会报错，如果要在本地开发中调试定位这个问题，可以在项目代码里加入 ...
分类：
其他好文 时间：
2021-07-02 16:35:05
阅读次数：
0
通过state控制页面元素的变化，类似于vue中的data setState会引发视图的重绘 如何在项目中添加state 在类中添加一个constructor函数,然后给状态赋值。注意 super()必须执行，可以带参数也可以不带，参数为父组件传下来的props。 export default cl ...
分类：
其他好文 时间：
2021-06-20 18:12:48
阅读次数：
0
网上搜索了好多资料，大多是重绘ComboBox或者使用自定义控件创建一个全新的ComboBox（并非基于window的ComboBox）。 对于菜鸟的我，实现太麻烦，有些代码理解起来困难，但是项目比较急，所以就投机取巧，简单的做了一个比较粗糙的看起来像那么回事。 一、窗体布局如下 二、配置Combo ...
浏览器的渲染机制解析 DOM 树 解析 CSSDOM 树 有了 DOM 树，CSSDOM 树，进行渲染，形成 Render Tree layout 浏览器已经能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系，从而去计算出每个节点在屏幕中的位置 painting 绘制 reflow 回流 ...
分类：
其他好文 时间：
2021-04-30 12:40:29
阅读次数：
0
浏览器的渲染过程 从上面这个图上，我们可以看到，浏览器渲染过程如下： 解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树(Render Tree) Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小） Pa ...
分类：
编程语言 时间：
2021-04-30 11:59:59
阅读次数：
0
用JAVA实现一个时钟 用图形库绘制表盘，然后用事件处理机制刷新窗口，反复重绘，让表针转动起来 import java.awt.*; import java.awt.event.*; import javax.swing.*; import java.awt.geom.*; import java. ...
分类：
编程语言 时间：
2021-04-12 12:27:35
阅读次数：
0
原文地址 developer.mozilla.org window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行 注意：若你想在浏览 ...
1.React1.1React介绍由Facebook开源用于构建用户界面的JavaScript库相关网站http://www.ruanyifeng.com/blog/2015/03/react.htmlhttps://react.docschina.org/1.2React的特点声明式编码（Declarative）告诉机器你想要的是什么，让机器去实现。而无需告诉机器如何去实现组件化编码(Compo
分类：
其他好文 时间：
2020-11-21 11:42:54
阅读次数：
7
减少http请求。 使用 HTTP2。 使用服务端渲染 静态资源使用 CDN 将 CSS 放在文件头部，JavaScript 文件放在底部 使用字体图标 iconfont 代替图片图标 善用缓存，不重复加载相同的资源 压缩文件 图片优化 (1). 图片延迟加载 (2). 响应式图片 (3). 调整图 ...
分类：
其他好文 时间：
2020-11-17 11:52:44
阅读次数：
4
（1）回流：当dom元素的结构或位置发生改变（删除，增加，改变位置）都会引发回流，所谓的回流就是浏览器抛弃原有的数据结构和样式，从新进行dom。非常耗能。 （2）重绘：当某个dom元素样式更改（位置没变，颜色等变了），浏览器重新渲染这个元素。 解决方法： （1）基于文档碎片（虚拟内存中开辟的一个容器 ...
分类：
其他好文 时间：
2020-10-29 10:25:37
阅读次数：
19
