HTML
文章平均质量分 50
windy-boy
这个作者很懒,什么都没留下…
展开
-
浏览器 事件循环(Event Loop)
JS 的异步执行逻辑依赖 Event Loop 机制,但是这套机制却是定义在 HTML 标准中的。因为 Event Loop 本身并不属于 ES 层面的功能,是宿主环境给脚本提供了这一机制,才让脚步有了异步执行的能力。原创 2021-07-24 23:16:43 · 1484 阅读 · 5 评论 -
对 BFC的理解
BFC,块格式化上下文(Block Formatting Context,BFC)是个啥?我们来看下MDN的解析:看完上面一大段,你会知道,哦,原来BFC就是块格式化上下文啊,是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。但是看完以后你会发现,你只记住了一个块格式化上下文。。。照我的理解,不用刻意去记或者说是去解释什么是BFC,可以简单的理解为就是页面中的一部分或者说是一块区域。然后就是要知道,怎么去创建这块区域,以及这块区域有什么作用就行。原创 2021-05-31 09:44:27 · 129 阅读 · 0 评论 -
什么是重绘和回流以及如何避免回流
重绘: 当渲染树中的一些元素需要更新属性,而这些属性只是影响元素的外观、风格,而 不会影响布局的操作,比如 background color,我们将这样的操作称为重绘。回流:当渲染树中的一部分(或全部)因为元素的规模尺寸、布局、隐藏等改变而需要重新构建的操作,会影响到布局的操作,这样的操作我们称为回流。 简而言之,任何会改变元素几何信息(元素的位置和尺寸大小)的操作,都会触发回流。比如:(1)添加或者删除可见的 DOM 元素(不可见元素不会触发回流);(2)元素尺寸改变——边距、填充、边框、宽度和.原创 2021-04-13 23:34:26 · 6622 阅读 · 0 评论 -
页面导入样式时,使用 link 和 @import 有什么区别
从属关系区别。 @import 是 CSS 提供的语法规则,只有导入样式表的作用;link 是 HTML 提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性、引入网站图标等。加载顺序区别。加载页面时,link 标签引入的 CSS 被同时加载;@import 引入 的 CSS 将在页面加载完毕后才加载。兼容性区别。@import 是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link 标 签作为 HTML 元素,不存在兼容性问题。DOM 可控性区别。可以通过 J.原创 2021-04-13 22:52:25 · 111 阅读 · 0 评论 -
SGML 、 HTML 、XML 和 XHTML 的区别
SGML 是标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言, 是所有电子文档标记语言的起源。HTML 是超文本标记语言,主要是用于规定怎么显示网页。XML 是可扩展标记语言是未来网页语言的发展方向,XML 和 HTML 的最大区别就在于 XML 的标签是可以自己创建的,数量无限多,而 HTML 的标签都是固定的而且数量有限。XHTML 也是现在基本上所有网页都在用的标记语言,他其实和 HTML 没什么本质的区 别,标签都一样,用法也都一样,就是比 HTML 更严格,比如标签必须都.原创 2021-04-11 20:21:01 · 225 阅读 · 0 评论 -
DOCTYPE 的作用是什么
我们写页面的时候经常会看到:<!DOCTYPE html>在h5之前是这样的:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">作用<!DOCTYPE> 声明一般位于文档的第一行,它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来进行文档解析,否则就以兼容模式进行解析。在标准模式下,浏览器的解析规则原创 2021-04-11 20:15:55 · 549 阅读 · 1 评论