![](https://img-blog.csdnimg.cn/20201116152413593.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 69
CSS学习面试必会文档
lqlseven
愿世间所有的美好
都能眷顾我最爱的人
展开
-
position几种方式的分析
css定位 css定位机制 css有三种基本的定位机制:普通流,浮动和绝对定位 一般的定位都是在普通流中定位, CSS position 属性 粘性定位(sticky【CSS3】) 粘性定位布局是有一定的限制的: A、须指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。否则其行为与相对定位相同。 并且 top 和 bottom 同时设置时,top 生效的优先级高,left 和 right 同时设置时,left 的优先级高。 B、设定为 position:st原创 2020-11-20 18:35:11 · 696 阅读 · 0 评论 -
前端性能解决方案
前端性能解决方案 1、服务器端采用CDN加速,缩短客户端访问物理路径 2、尽量减少DOM元素的重排和重绘 **重排的概念** 浏览器下载完页面中的所有组件(HTML、Javascript、css、图片)之后会解析生成两个内部数据结构(DOM树和渲染树),DOM树表示页面结构,渲染树表示DOM节点如何显示,重排是DOM元素的几何属性变化,DOM树的结构变化,渲染树需要重新渲染 重绘的概念 重绘是一个元素外观的改变所触发的浏览器行为,例如改变visibility,outline,背景色等属性,浏览器会根据元素的原创 2020-11-18 19:41:17 · 210 阅读 · 0 评论