2021-01-13 html基础知识

浏览器解析过程

JavaScript 的加载、解析与执行会阻塞文档的解析,也就是说,在构建 DOM 时,HTML 解析器若遇到了 JavaScript,那么
它会暂停文档的解析,将控制权移交给 JavaScript 引擎,等 JavaScript 引擎运行完毕,浏览器再从中断的地方恢复继续解
析文档。

async 和 defer 的作用是什么

没有defer或async 浏览器会立即加载并执行脚本
defer javascript加载时和html解析并行执行,多脚本按顺序执行
async 异步引入脚本,引入就开始执行,不能保证脚本执行顺序

重绘和回流

  • 重绘 : 影响元素的外观风格等,不影响布局等
  • 回流: 改变元素的尺寸、布局、显示隐藏等
    回流必定会发生重绘,重绘不一定会引发回流

DOMContentLoaded 事件和 Load 事件的区别

  • 当初始的 HTML 文档被完全加载和解析完成之后,DOMContentLoaded 事件被触发,而无需等待样式表、图像和
    子框架的加载完成。
  • Load 事件是当所有资源加载完成后触发的。

多个标签页之间的通信

  1. websocket
  2. SharedWorker共享线程,只有chrome实现了
  3. localStorage 监听storage事件

border 画出 1 px 高的线

设置div高度为1px,设置背景色

浏览器内核

mozilla 内核 (firefox,flock 等) -moz
webkit 内核 (safari,chrome 等) -webkit
opera 内核 (opera 浏览器) -o
trident 内核 (ie 浏览器) -ms

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、问答 (一)CSS和JS在网页中的放置顺序是怎样的? 1、对于css:当引用css文件时,应放在文件的头部 标...
    该帐号已被查封_才怪阅读 3,382评论 7 2
  • 前端基础知识总结 一、JS基础 1、 如何在ES5环境下实现let 对于这个问题,我们可以直接查看babel转换前...
    coderfl阅读 1,950评论 0 0
  • #前端基础 # ## JavaScript基础 ## ###渲染机制与变量 ### script代码为什么放到bo...
    hmg阅读 2,166评论 1 1
  • 问答 1、CSS和JS在网页中的放置顺序是怎样的? 一般来说css 放在Head标签里;Js放在body标签里最后...
    Maggie_77阅读 1,696评论 0 0
  • 推荐指数: 6.0 书籍主旨关键词:特权、焦点、注意力、语言联想、情景联想 观点: 1.统计学现在叫数据分析,社会...
    Jenaral阅读 11,011评论 0 5