摘要：属性会让下载脚本和文档解析同步进行，但直到文档解析完成后才会执行脚本，相当于在事件侦听器内执行。如果必须准备好并且内容未放在侦听器中，请使用。在浏览器中，此可供使用，其中可以操纵节点以更改其样式，内容，文档中的位置或通过事件侦听器进行交互。
easy image标签的alt属性的目的是什么？
在用户无法查看图像的情况下，alt属性会为图像提供备用信息。 alt属性应该用于描述任何图像（除了仅用于装饰目的的图像，在这种情况下它应该留空）
Good to hear
装饰目的图像应具有空的alt属性。
Web爬虫使用alt标签来理解图像内容，因此alt属性对搜索引擎优化（SEO）很重要。
在alt标记的末尾，记得放一个 . 来提高可访问性。
清除缓存的目的是什么，该如何实现？浏览器具有缓存功能，用来临时存储网站上的文件，因此在切换页面或重新加载同一页面时不需要再次重新下载它们。服务器通过设置并发送请求头信息，告诉浏览器在服务器规定的时间内缓存文件。这大大提高了网站速度并节省了带宽。
但是，当开发人员更改网站时，它可能会导致问题，因为用户的缓存仍然引用旧文件。如果缓存的CSS和JavaScript文件的引用地址已不再存在（已移动或已重命名），则网站将引用不到资源导致出错。
清除缓存是强制浏览器下载新文件的过程。这是通过将新文件命名为与旧文件不同的名称来完成的。
强制浏览器重新下载文件的常用技术是在文件名末尾加一个字符串，比如版本号或者时间戳。这样浏览器将其视为不同的文件，但无需更改文件名。
src="js/script.js" => src="js/script.js?v=2"网页可以包含多个
都可以。 W3文档声明
Good to hear
W3建议您拥有任意数量的
旨在容纳一个独立的组合，在逻辑上可以独立地在页面外重新创建，而不会失去其含义。个人博客文章或新闻报道都是很好的例子。
是一个灵活的容器，用于存放共享信息主题或目的的内容。
用于包含应出现在内容末尾部分的信息，并包含有关该部分的其他信息。作者姓名，版权信息和相关链接是此类内容的典型示例。
intermediateGood to hear
在中放置一个延迟脚本允许浏览器在页面仍在解析时下载脚本，因此比将脚本放在正文结尾之前更好。
如果脚本相互依赖，请使用defer。
如果脚本是相互独立的，请使用async。
如果DOM必须准备好并且内容未放在DOMContentLoaded侦听器中，请使用defer。
什么是DOM?DOM（文档对象模型）是一种跨平台的API，它将HTML和XML文档视为由节点组成的树结构。这些节点（例如元素和文本节点）是可以以编程方式操作的对象，对它们进行的任何可见更改都会在文档中实时反映。在浏览器中，此API可供JavaScript使用，其中可以操纵DOM节点以更改其样式，内容，文档中的位置或通过事件侦听器进行交互。
Good to hear
DOM被设计为独立于任何特定的编程语言，使得文档的结构表示可以从单个一致的API获得。
随着页面的加载，DOM在浏览器中逐步构建，这就是为什么脚本要放在页面底部、带有defer属性的
中或DOMContentLoaded事件监听器的内部。应该在构造DOM之后运行操纵DOM节点的脚本以避免错误。document.getElementById（）和document.querySelector（）是用于选取 DOM 节点的常用函数。
可通过HTML解析器运行字符串的方法将innerHTML属性设置为新值，从而提供一种将动态HTML内容附加到节点的简便方法。
讨论一下HTML规范与浏览器实现之间的差异。诸如HTML5之类的HTML规范定义了文档必须遵守的一组规则，符合该规则的被称为有效。此外，规范提供了有关浏览器如何解释和呈现此类文档的说明。
如果浏览器根据规范的规则处理有效文档，则称其为“支持”规范。到目前为止，没有任何浏览器支持HTML5的所有规范（尽管所有主流浏览器都支持其中的大部分），因此，开发人员必须确认所使用的属性是否所有的浏览器都支持。这就是为什么跨浏览器支持仍然是开发人员头痛的原因，尽管具体情况有所改善。
Good to hear
HTML5定义了无效HTML5文档的一些规则（例如包含语法错误的文档）
但是，无效文档可能包含任何内容，因此规范无法全面处理所有可能性
因此，许多关于如何处理格式错误的文档的决定都留给了浏览器。
XHTML与HTML相比有哪些不同之处？一些关键的区别是：
XHTML元素必须具有XHTML
属性值必须用引号括起来
禁止属性最小化（例如，必须使用checked =“checked”而不是checked）
元素必须始终正确嵌套
元素必须始终闭合
特殊字符必须转义
Good to hear
任何元素都可以自闭合
标签和属性区分大小写，通常为小写
rel ="noopener"属性在何处使用？为何使用？rel ="noopener"属性是元素中使用的属性。它会阻止页面具有window.opener属性，该属性将指向打开链接的页面，并允许从超链接打开的页面操作超链接所在的页面。
Good to hear
rel ="noopener"应用于超链接。
rel ="noopener"阻止打开的链接操纵源页面。
hard 什么是HTML5 Web存储？解释一下localStorage和sessionStorage。使用HTML5，网站可以在用户的浏览器中本地存储数据。数据存储在 名称/值 对中，网页只能访问自己存储的数据。
localStorage和sessionStorage在生命周期上的差异：
通过localStorage存储的数据是永久性的：它不会过期并保留在用户的计算机上，直到Web应用程序删除它或用户手动删除它。
sessionStorage与存储数据的顶级窗口或浏览器选项卡具有相同的生命周期。当选项卡永久关闭时，通过sessionStorage存储的所有数据都将随之被删除。
localStorage和sessionStorage在存储范围上的差异：
两种形式的存储都作用于同源，因此具有不同来源的文档永远不会共享存储对象。
sessionStorage也是基于每个窗口的范围。同源的文档在两个浏览器选项卡中具有多带带的sessionStorage数据。
与localStorage不同，来自同一源的相同脚本在不同选项卡中打开时无法访问彼此的sessionStorage。
Good to hear
早期，用cookies来完成本地存储功能。
存储容量限制比使用cookie要大得多（至少5MB），而且速度更快。
数据永远不会传输到服务器，只有在客户端主动获取时才能使用。
注：本文为译文，英文原版地址：https://30secondsofinterviews...
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/53599.html
摘要：属性会让下载脚本和文档解析同步进行，但直到文档解析完成后才会执行脚本，相当于在事件侦听器内执行。如果必须准备好并且内容未放在侦听器中，请使用。在浏览器中，此可供使用，其中可以操纵节点以更改其样式，内容，文档中的位置或通过事件侦听器进行交互。 easy image标签的alt属性的目的是什么？ 在用户无法查看图像的情况下，alt属性会为图像提供备用信息。 alt属性应该用于描述任何图像（...
摘要：于是我们继续断点往下走，发现对象里面只有一个类名路径为。进入看看，这个配置类有哪些重要的方法。。。分析一果不其然，方法被调用了，紧接着也进入断点，然后在往下走，又进入的方法中的回调处。 SpringCloud（第 050 篇）Netflix Eureka 源码深入剖析（下） - 一、大致介绍 1、鉴于一些朋友的提问并提议讲解下eureka的源码分析，由此应运而产生的本章节的内容； 2、...
摘要：而这个秒就能理解的代码片段，摒弃了许多不必要的代码，只实现了最核心的部分，不像和那样，考虑参数边界值问题，例如，参数的类型是否符合预期等。使用根据断言函数对数组进行过滤，返回条件为真值的对象。 之前翻译过一篇文章，《我喜欢的5个编程技巧》，里面的一个技巧是借鉴一个网站的代码片段，好奇的小手点下链接后，发现是一个有 47000 多star的仓库，30-seconds-of-code。 仓...
阅读 1959·2021-11-24 09:38
阅读 3317·2021-11-22 12:07
阅读 1879·2021-09-22 16:03
阅读 1937·2021-09-02 15:41
阅读 2603·2021-07-24 23:28
阅读 2196·2019-08-29 13:17
阅读 1538·2019-08-29 12:25
阅读 2651·2019-08-29 11:10
