web前端常见面试题

这篇具有很好参考价值的文章主要介绍了web前端常见面试题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

html文件开头DOCTYPE作用

DOCTYPE(文档类型)是 HTML 文档的开头,它指定了 HTML 文档使用的 HTML 版本及文档类型,告诉浏览器以哪种规范来解析 HTML 文档。它的作用有以下几个方面:

  1. 声明 HTML 版本:DOCTYPE 声明可以让浏览器知道使用哪个 HTML 版本来解析当前文档,从而根据规范来处理文档中的元素和属性。

  2. 帮助浏览器正确解析文档:DOCTYPE 声明可以确保浏览器以标准模式渲染页面,而不是以兼容模式渲染页面,从而避免显示错误。

  3. 避免浏览器使用默认的怪异模式:如果没有指定 DOCTYPE 声明,浏览器会使用默认的怪异模式来渲染文档,从而导致文档的布局出现错误。

例如,如果我们使用 HTML5 编写页面,我们需要在文档的开头添加以下 DOCTYPE 声明:

<!DOCTYPE html>

这样浏览器就知道当前文档使用的是 HTML5 版本,并按照 HTML5 的规范来解析和渲染文档

JS 的事件循环 event loop

事件循环⼜叫做消息循环,是浏览器渲染主线程的⼯作⽅式。 在 Chrome 的源码中,它开启⼀个不会结束的 for 循环,每次循环从消息 队列中取出第⼀个任务执⾏,⽽其他线程只需要在合适的时候将任务加⼊到 队列末尾即可。 过去把消息队列简单分为宏队列和微队列,这种说法⽬前已⽆法满⾜复杂的 浏览器环境,取⽽代之的是⼀种更加灵活多变的处理⽅式。 根据 W3C 官⽅的解释,每个任务有不同的类型,同类文章来源地址https://www.toymoban.com/news/detail-465702.html

到了这里,关于web前端常见面试题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML——HTML 文件中的 DOCTYPE 是什么作用?

    HTML超文本标记语言: 是一个标记语言, 就有对应的语法标准 DOCTYPE 即 Document Type,网页文件的文档类型标准。 主要作用是告诉浏览器的解析器要使用哪种 HTML规范 或 XHTML规范 来解析页面。 DOCTYPE 需要放置在 HTML 文件的 html 标签之前,如:

    2024年03月16日
    浏览(47)
  • 前端常见面试题

    HTML语义化的理解 b 和 strong 的区别 link 和 @import 有什么区别 defer 和 async HTML5离线储存 盒子模型 居中常见方法 BFC flex布局 em 和 rem的区别 CSS 中哪些属性可以继承 CSS中position定位 三栏布局 闭包 原型和原型链 继承 this Promise async 和 await 深拷贝 和 浅拷贝 防抖 和 节流 cookie、s

    2024年02月10日
    浏览(38)
  • 高级前端常见面试题合集

    常见的图片格式及使用场景 (1) BMP ,是无损的、既支持索引色也支持直接色的点阵图。这种图片格式几乎没有对数据进行压缩,所以BMP格式的图片通常是较大的文件。 (2) GIF 是无损的、采用索引色的点阵图。采用LZW压缩算法进行编码。文件小,是GIF格式的优点,同时,

    2024年02月07日
    浏览(30)
  • 前端常见面试题之ajax、http

    xhr.readyState 有以下状态值,分别代表的意思如下: 状态值 意思 0 未初始化,尚未调用open方法 1 启动,已经调用open方法 2 发送,已经调用send方法 3 接收,正在接收响应数据 4 完成,已经接收到全部响应数据 请注意,在这个表格中,状态值是从0开始的,0代表xhr对象已经被创

    2024年01月17日
    浏览(40)
  • 前端常见面试题之vue2

    在Vue2中,组件的生命周期钩子函数包括: beforeCreate :在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用 created :实例已经创建完成之后被调用 beforeMount :在挂载开始之前被调用:相关的 render 函数首次被调用 mounted:el 被新创建的 vm.$el 替换,并挂

    2024年02月22日
    浏览(35)
  • 前端常见面试题之防抖、节流、xss、xsrf

    输入URL :在浏览器的地址栏中输入要访问的网站的URL(统一资源定位符)。 DNS解析 :浏览器会将URL发送给DNS服务器,DNS服务器负责将URL解析为对应的IP地址。 建立TCP连接 :浏览器会根据解析得到的IP地址,使用TCP(传输控制协议)与服务器建立连接。 发起HTTP请求 :TCP连接

    2024年01月19日
    浏览(38)
  • 前端常见面试题之异步(event loop, promise, async/await, 宏任务/微任务)

    从前到后,一行一行执行 如果某一行执行报错,则停止下面代码执行 先把同步代码执行完,再执行异步 示例: 输出结果为: 可以看到,在执行异步操作的过程中,主线程不会等待异步操作结束,而是继续往下执行后续的代码,当满足条件时触发异步操作的回调函数。 异步

    2024年02月01日
    浏览(47)
  • DOCTYPE 是什么作用?

    前端入门之旅:探索Web开发的奇妙世界 欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而又亲切的学习平台。在这个

    2024年02月13日
    浏览(32)
  • 【HTML专栏3】!DOCTYPE、lang、字符集的作用

    本文属于HTML/CSS专栏文章,适合WEB前端开发入门学习,详细介绍HTML/CSS如果使用,如果对你有所帮助请一键三连支持,对博主系列文章感兴趣点击下方专栏了解详细。 博客主页:Duck Bro 博客主页 系列专栏:HTML/CSS专栏 关注博主,后期持续更新系列文章 如果有错误感谢大家批评

    2024年02月09日
    浏览(35)
  • Hive常见面试题

    Hive的基本概念 什么是Hive?它的主要作用是什么? Hive的数据存储是如何组织的? 什么是Hive表的分区?如何创建和管理分区? Hive表的分区是将表的数据根据特定的列值进行逻辑分隔的一种机制。通过将表数据按照分区键的值进行分组,可以提高查询性能、管理数据以及执行

    2024年02月14日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包