题目

• HTML 部分标签中的 crossorigin 属性，作用是什么？

  Posted on:2024年9月5日 |  at 01:32

  crossorigin 属性用于指定如何处理跨域请求，特别是在加载外部资源（如图片、字体或脚本）时。它主要用于 <link> 和 <img> 标签以及一些其他 HTML 元素。该属性的作用是定义浏览器如何处理 CORS（跨域资源共享）请求。 crossorigin 属性的取值和作用 anonymous 作用：请求不会包含凭证（如 Cookies 和 HTTP 认证信息）。这是默认的 CORS 策略

• link 标签的 rel 属性中，preload 和 prefetch 这两个值的作用是什么？

  Posted on:2024年9月5日 |  at 01:30

  在 HTML 中，rel 属性用于定义当前文档与目标资源之间的关系。preload 和 prefetch 是 rel 属性的两个值，主要用于优化资源的加载策略。 preload 作用：指定浏览器在页面加载时优先加载资源。适用于关键资源（如字体、脚本、样式表），可以提高页面加载速度和用户体验。 用法：用于在文档加载时预加载资源，确保它们在需要时可以快速访问。 示例： <link rel="prelo

• 怎么统计页面的性能指标？

  Posted on:2024年9月5日 |  at 01:27

  下面是一些常用的方法和工具： 1. 使用浏览器开发者工具 Chrome DevTools 提供了丰富的性能分析功能： Performance 面板：记录和分析页面的加载和运行过程，包括所有网络请求、JavaScript 执行、布局和绘制时间等。 Lighthouse 面板：生成页面性能报告，提供关于加载速度、可访问性、SEO 和最佳实践的评分和建议。 Network 面板：监控网络请求，查看每个请