-
垂直菜单最稳妥的结构是用<nav>包裹<ul>，每个菜单项用<li>，链接用<a>；必须避免<div>堆砌或<a>直塞<nav>，统一用aria-current="page"标识当前页，并通过display:block和text-decoration:none确保语义正确、点击热区完整、样式可控。
-
color-interpolation-method对CSS渐变无效，仅作用于SVG渐变元素；CSS渐变固定在sRGB空间插值，需用SVG引入或color-mix()间接控制。
-
有效@keyframes需满足：动画名唯一且不含空格/特殊符（如slideIn），0%/100%关键帧必存在，每帧至少含一个可动画属性；animation-name和animation-duration缺一不可，时长须大于0s，需用animation-fill-mode:forwards保持终态，并预先设置元素初始样式防闪烁。
-
JavaScript前端视频滤镜通过Canvas逐帧获取并修改像素数据实现，核心是实时绘制与合成而非文件重编码；需降采样或OffscreenCanvas+WebWorker优化性能。
-
JavaScript中有7个会改变原数组的方法：push()、pop()、shift()、unshift()、splice()、reverse()、sort()；其余如map()、filter()、slice()等均不改变原数组。
-
Grid容器overflow不生效最常见原因是子元素未超出容器空间或父容器高度未约束；需设明确高度、min-width:0/min-height:0、避免fr滥用、正确作用滚动样式于直接包裹内容的容器。
-
可通过GitHubPages、Netlify、GoogleDrive或Vercel将HTML文件部署为云端网页。2.GitHubPages需创建用户名.github.io仓库并推送index.html，访问对应域名即可发布。3.Netlify支持拖拽上传ZIP文件夹，自动分配子域名并可自定义设置。4.GoogleDrive上传后需借助gdrive.link等工具转换分享链接为可访问网页URL。5.Vercel可通过导入项目或上传ZIP部署，自动构建并提供.vercel.app临时访问地址。
-
原生HTML5dragAPI实现网格拖拽排序需显式设draggable="true"、dragover中preventDefault()、用clientX/Y结合getBoundingClientRect()计算插入位置，并通过insertBefore()更新DOM顺序配合transform过渡动画。
-
明确目标后，从公开网站采集HTML数据，用Python等工具抓取并解析内容，提取价格、评论等信息，经清洗去噪后结构化存储，再进行统计分析或机器学习挖掘，最终可视化展示并建立自动化更新机制，实现全流程数据价值提取。
-
可用记事本、TextEdit（设为纯文本）、VSCode等编辑HTML，保存为UTF-8无BOM；双击打开可预览，但开发推荐LiveServer或python3-mhttp.server；路径须相对于HTML文件，注意大小写和404错误。
-
优雅降级是先用最新CSS特性为现代浏览器构建完整体验，再确保老浏览器具备基础功能；通过前缀、后备值等手段保证兼容，与渐进增强“从简到繁”的思路相反。
-
type="tel"仅触发数字键盘和读屏语义，不校验格式；需用pattern或JS正则校验，配合title和label保障提示与无障碍；inputmode="numeric"可增强键盘控制，但需兼容兜底；前后端均须独立清洗和验证国际号码。
-
readonly和disabled语义、行为、适用范围完全不同：disabled彻底禁用交互且不提交值，readonly仅禁止编辑但允许聚焦、复制和提交。
-
Array.prototype.findLast用于从后往前查找首个匹配项，其“最后”指数组位置最后而非时间或版本最大；若需语义化版本最高或复合条件筛选，则需配合filter、sort或reduce等方法实现。
-
MessageChannel是提供两个隔离MessagePort实例的双向通信机制，相比postMessage可避免消息队列竞争、支持零拷贝传输、实现端口专属与复用。
