-
加rel="noopenernoreferrer"主要为解决安全和性能问题，非强制但强烈推荐：noopener防止新页面通过window.opener劫持原页面并窃取信息，同时避免页面间隐式耦合导致的性能拖累；noreferrer则额外阻止Referer头泄露敏感路径或用于跨站追踪。
-
使用Flexbox可实现顶部搜索栏与内容区的自适应布局。1.父容器设为display:flex且flex-direction:column；2.搜索栏固定高度，内容区设flex:1自动填充剩余空间；3.在搜索栏内通过justify-content控制子元素对齐方式，如center居中或space-between两端分布；4.内容区可加overflow-y:auto防溢出。该方案简洁高效，适配响应式设计。
-
通过控制background-position位移、同步动画时间参数及使用CSS变量，可实现CSS动画与渐变色的流畅同步。
-
fetch发起GET请求最小写法需手动检查res.ok并调用res.json()；XMLHttpRequest仍不可替代于上传进度、超时控制和中断请求；CORS下fetch重定向静默失败且凭据要求更严格。
-
IntersectionObserver实现页面懒加载最轻量高效，无需监听scroll/resize，浏览器原生支持；核心三步：创建观察器、配置threshold/rootMargin、调用observe，加载后及时unobserve。
-
本文介绍一种无需依赖jQuery的原生JavaScript方案，通过遍历同类型元素并比对DOM引用，实时获取当前被点击（或聚焦）的input元素在其同类集合中的精确索引位置，适用于动态增删表单项的场景。
-
FetchAPI默认不带cookie、不自动处理4xx/5xx状态码、不支持超时控制；需手动检查response.ok、设置credentials、JSON.stringify()body、用AbortController实现超时等。
-
伪元素选择器用于创建虚拟元素以增强页面视觉效果，如::before和::after通过content插入内容，实现引号、气泡框等装饰；::first-letter和::first-line分别设置首字母下沉和首行样式，提升排版美感；::selection自定义选中文本的高亮样式。这些伪元素不生成实际DOM节点，但能优化结构、减少冗余标签，需注意仅部分属性可用且应关注浏览器兼容性。
-
localStorage本身不提供加密机制，所有数据以明文存储且可被开发者工具直接查看或篡改；若需加密读写，必须在存取前手动加解密，核心在于前端加密逻辑的合理引入而非HTML5功能。
-
Vue3应用中调用登录接口后虽已将Token存入localStorage，但后续API请求仍返回401，根本原因在于axios并未自动读取并携带该Token——必须显式在请求头中设置Authorization:Bearer<token>。
-
最稳妥创建Date对象用数字参数或时间戳：newDate(2024,4,20)注意月从0始，newDate(1716192000000)最可靠；获取时间用getFullYear()、getDate()等本地方法；格式化推荐toLocaleDateString('zh-CN',{year:'numeric',month:'2-digit',day:'2-digit'})或toISOString()。
-
在HTML中，<tr>定义表格行，<td>定义行内的单元格。1.基本结构：使用<tr>和<td>构建表格。2.合并单元格：通过colspan和rowspan属性实现横向和纵向合并。3.表头和表体：使用<thead>和<tbody>区分表头和表体。4.样式和布局：通过CSS控制表格样式，注意响应性。5.常见问题：解决单元格对齐、布局混乱和浏览器兼容性问题。6.最佳实践：避免过度嵌套，使用语义化标签，确保响应式设计。
-
优化HTML5语义搜索需结合语义化标签与Schema.org结构化数据：首先使用<article>、<nav>等标签明确页面结构，帮助搜索引擎理解内容区域；其次通过JSON-LD格式的Schema标记提供具体实体信息，如产品价格或食谱详情，提升搜索结果展现形式；最后利用Google富媒体测试工具和SearchConsole持续验证与维护数据准确性，确保内容在搜索中获得更好曝光与点击率。
-
马赛克还原本质是不可逆的视觉欺骗，只能通过Canvas像素操作（getImageData/putImageData）对实时绘制的马赛克块进行插值或渐变过渡以削弱色块感，无法恢复原始像素。
-
Flexbox通过display:flex、flex-direction:row、justify-content、flex-wrap:nowrap及子项flex属性实现元素横向排列。
