1.基本概念 回流:DOM结构的增删改 重绘:颜色背景字体等视觉上页面的改变 2.特点 回流一定会触发重绘 重绘不一定触发回流 3.避免回流 更改样式时尽量更改class样式名,而不是直接更改CSS样式属性 避免使用table布局 尽可能少使用行内样式 尽量在DOM树末端改变样式,改变子节点 在实现 ...
分类:
其他好文 时间:
2020-07-16 00:16:05
阅读次数:
56
今天无意在简书看到一篇文章题目是 数据仓库灵魂30问,感觉这写问题确实需要总结和归纳,先做个标记,后续整理答案。 1.什么是数据仓库?如何构建数据仓库?(如果这个问题回答的好,后面很多问题都不需要再问) 2.如何建设数据中台?可简单说下理解与思路 3.数据仓库、数据中台、数据湖的理解 4.传统数仓的 ...
分类:
其他好文 时间:
2020-07-11 22:44:51
阅读次数:
86
1、css 避免过多样式嵌套 避免使用css表达式 使用绝对定位可以让动画元素脱离文档流(给动画元素做单独定位) 避免使用table布局(会引起多次重绘) 尽量不适用float布局 图片最好设置好width和height 尽量简化浏览器不必要的任务,减少页面重新布局 使用viewpoint设置屏幕缩 ...
分类:
其他好文 时间:
2020-07-08 01:39:47
阅读次数:
91
扇孔可以更大程度保证各处地电位相等,一定程度上,确保回流路径相对较短。
分类:
其他好文 时间:
2020-07-07 00:23:10
阅读次数:
69
最常用的两种方式: display:none,这种方式可以使元素彻底从文档中删除,会造成浏览器的回流与重绘 visibility:hidden,元素会从页面中消失,它原本占据的空间会被保留,会造成浏览器的重绘,适用于希望元素隐藏又不影响页面布局的场景,但是该属性会被子元素继承,所以若不希望子元素隐藏 ...
分类:
其他好文 时间:
2020-07-05 21:13:28
阅读次数:
91
又好久没写博客了,因为公司在做的东西涉及到业务方面的比较多,没法写。 最近在做下载功能,在网上能找到很多例子,但是都不太好用,自己半研究半照抄,终于搞出来了能用的东西。所以觉得应该记录一下。 下载什么呢?下载Excel。我所维护的几个系统里,有一些数据,需要在页面上导出。以前的做法,我都是用定时任务 ...
分类:
其他好文 时间:
2020-06-26 20:12:34
阅读次数:
46
渲染 从上面这个图上,我们可以看到,浏览器渲染过程如下: 解析HTML,生成DOM树,解析CSS,生成CSSOM树 将DOM树和CSSOM树结合,生成渲染树(Render Tree) Layout(回流):根据生成的渲染树,进行回流(Layout),得到节点的几何信息(位置,大小) Painting ...
分类:
Web程序 时间:
2020-06-21 11:34:15
阅读次数:
81
有以下三种方式来实现元素的隐藏: ① display: none; 不占据空间,更改该属性时会引起DOM树结构变化、页面重新布局——回流。 父元素被设置后已不在标准流中存在,自然不会被子元素继承。 无占位元素,原有的元素绑定的事件监听无效。 //元素显示:display: block; ② visi ...
分类:
Web程序 时间:
2020-06-12 14:12:14
阅读次数:
79
#### 1. 浏览器渲染机制 - 浏览器采用流式布局模型(`Flow Based Layout`) - 浏览器会把`HTML`解析成`DOM Tree`,解析`css`构建`render`树(将css代码解析成树形的数据结构,然后结合DOM合并成render树) - 有了`RenderTree`, ...
分类:
其他好文 时间:
2020-06-08 16:10:30
阅读次数:
73
迭代器是代表数据流的对象;该对象一次返回一个元素的数据。Python迭代器必须支持一种__next__()不带任何参数的方法 ,并且始终返回流的下一个元素。如果流中没有更多元素,则 __next__()必须引发StopIteration异常。但是,迭代器不必一定是有限的。编写一个生成无限数据流的迭代 ...
分类:
其他好文 时间:
2020-04-11 18:25:48
阅读次数:
62