css
关注
分享
扫一扫
isxxya
这个作者很懒，什么都没留下…
展开
-
浏览器重绘（Repaint）和回流（Reflow）
回流必将引起重绘，重绘不一定会引起回流！！！重绘（Repaint）当页面中元素样式的改变并不影响它在文档流中的位置时（例如：color、background-color 等），浏览器会将新样式赋予给元素并重新绘制它，这个过程称为重绘。回流（Reflow）当 Render Tree 中部分或全部元素的尺寸、结构、或某些属性发生改变时，浏览器重新渲染部分或全部文档的过程称为回流。会导致回流的操作：页面渲染初始化添加、删除可见的 DOM 元素元素尺寸、位置发生变化浏览器窗口大小 resize原创 2020-09-16 19:49:21 · 3105 阅读 · 0 评论 -
前端性能优化-基础篇
页面加载及渲染过程优化首先介绍一下浏览器渲染页面的流程：1.解析 HTML 文件，构建 DOM 树，同时浏览器主进程负责下载 CSS 文件2.CSS 文件下载完成，解析 CSS 文件成树形的数据结构，然后结合 DOM 树合并成 RenderObject 树3.布局 RenderObject 树 （Layout/reflow），负责 RenderObject 树中的元素的尺寸，位置等计算4.绘制 RenderObject 树 （paint），绘制页面的像素信息5.浏览器主进程将默认的图层和复合图层原创 2020-09-16 19:31:50 · 2660 阅读 · 0 评论 -
JavaScript面试题三千问---下篇
31.IE 的事件处理和 W3C 的事件处理有哪些区别？绑定事件：W3C：targetEl.addEventLIstener(‘click’,handler,false);IE：targetEl.attachEvent(‘onclick’,handler);删除事件：W3C：targetEl.removeEventListener(‘click’,handler,false);IE：targetEl.detachEvent(‘onclick’,handler);事件对象：W3C：v原创 2020-08-20 21:41:20 · 7845 阅读 · 2 评论 -
JavaScript面试题三千问---上篇
1.JavaScript的组成ECMAScript(核心)：JavaScript语言基础DOM(文档对象模型)：规定了访问 HTML 和 XML 的接口BOM(浏览器对象模型)：提供了浏览器窗口之间进行交互的对象和方法2.JS 的基本数据类型和引用数据类型基本数据类型：undefined、null、bollean、number、string、symbol引用数据类型：object、array、function3.检测浏览器版本有哪些方式？根据 navigator.userAgent原创 2020-08-20 20:53:31 · 9234 阅读 · 3 评论 -
CSS面试题三千问
1.display:none与visibility:hidden的区别相同：他们都能让元素不可见区别：display:none会让元素完全消失，不再占据任何空间；visibility:hidden会让元素不可见但元素本来的空间继续占据，只是内容不可见。display:none是非继承属性，子孙节点会跟随父节点一起消失，即使修改子孙节点属性也无法显示；visibility:hidden是继承属性，子孙节点继承父节点消失，但通过设置visibility属性可以让子孙节点显示。2.link与@imp原创 2020-08-14 21:41:22 · 10408 阅读 · 5 评论 -
让元素水平垂直居中的四种方法
一、使用flex弹性布局<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>flex</title></head><style> *{ margin: 0; padding: 0; } #father{ display: flex; j原创 2020-08-14 10:07:04 · 3452 阅读 · 3 评论