![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
进击的404
这个作者很懒,什么都没留下…
展开
-
前端CSS-优化回流,重绘
之前的一篇文章通过浏览器的渲染机制讲了回流、重绘以触发条件;同时整理了浏览器的优化机制,那么作为一个前端猿,怎么去优化他们呢? 今天主要从优化的两个方面:1.减少回流,重绘次数;2.避免回流,重绘。 减少回流,重绘的次数 从之前的一篇文章,我们可以知道,只要我们修改元素的几何信息的时候,就会发生回流和重绘。那么,减少回流,重绘的次数的方案,大概分为以下几种: CSS合并 看一下这个例子 ...原创 2019-12-10 08:18:09 · 180 阅读 · 0 评论 -
前端css-回流,重绘
作为一个前端开发人员,每个人应该都经常听到回流和重绘。可是这两步具体是做了什么呢?最近有空对其进行了一些研究,整理了一些内容并且结合一些例子,写了这篇文章,希望可以帮助到大家。 浏览器渲染过程 先借用网上的一张图,从浏览器的渲染过程来从头到尾的讲解一下回流重绘。 从上面的图中我们可以看到,浏览器渲染过程大致做了这些事情: 解析HTML,生成DOM树,解析CSS,生成CSSOM树 将D...原创 2019-11-30 16:48:58 · 332 阅读 · 0 评论 -
CSS禁止用户选中
body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }原创 2019-11-29 16:42:56 · 488 阅读 · 1 评论