-
应使用linear-gradient：金属质感需高光、过渡带、暗部三段式明暗变化，linear-gradient可精准控制方向与色标分布，模拟拉丝或冷轧效果；conic-gradient仅适用于旋转对称部件如螺丝头。
-
HTML的time元素不解析毫秒级时间戳，datetime属性仅接受ISO8601格式（如"2024-05-30T00:00:00Z"），需用newDate(timestamp).toISOString()手动转换，否则语义失效、辅助技术无法识别。
-
应使用<metaname="viewport"content="width=device-width,initial-scale=1.0">控制初始渲染，避免强制锁死缩放；禁用user-scalable=no和maximum-scale以保障可访问性；优先采用rem、clamp()等响应式字体方案替代zoom或transform:scale()。
-
URLAPI是浏览器和Node.js（v10.0.0+）原生支持的标准URL解析工具，需传入绝对URL或配合base参数使用；其属性只读，query操作应通过URLSearchParams，修改路径或协议须新建实例，并注意对不可信输入做try/catch和协议校验。
-
基础文本框应写为<inputtype="text"name="xxx"id="xxx">并配<labelfor="xxx">；value属性设初始值，.value读写运行时值；无name不提交，disabled不提交而readonly可提交。
-
延迟加载CSS可通过JavaScript动态控制样式表加载时机。1.动态创建link元素，页面加载完成后引入非关键CSS；2.结合用户行为或定时器延迟加载，如滚动或3秒后加载；3.使用rel="preload"预加载资源，再切换为stylesheet以优化优先级。需确保仅延迟非关键CSS，避免布局偏移，并注意浏览器兼容性。核心是通过JS按需插入link标签实现。
-
ArrayBuffer是二进制数据存储容器，需通过类型化数组或DataView读写；类型化数组以固定格式解释数据，适合高效操作；DataView支持指定字节序，适用于跨平台数据处理。
-
本文详解useState在API调用后看似“不更新”的根本原因，通过useEffect监听状态变化、确保路由跳转时机正确，并安全地将数据传递至Context消费组件，避免因状态滞后导致的渲染错误或undefined访问。
-
display:none无法过渡因无中间状态；opacity可过渡但需配合visibility和pointer-events控制交互与布局；应通过class切换并监听opacity的transitionend事件。
-
CSS过渡必须写在常态选择器中且目标属性需有明确数值起止值；display等不支持属性需用opacity或max-height替代；JS动态修改时须强制重排确保动画触发。
-
人脸检测是使用JavaScript在浏览器中识别图像或视频中人脸的技术，借助TensorFlow.js可在客户端运行模型实现此功能。1.可选择face-api.js或TensorFlowHub上的预训练模型进行检测；2.模型选择需权衡精度与速度，如tinyFaceDetector适合移动端实时检测；3.检测结果包含人脸框坐标和置信度，可用于绘制人脸框或后续分析；4.性能优化可通过轻量模型、降低分辨率、WebWorkers、代码优化及GPU加速实现；5.常见问题如光照、遮挡等可通过数据增强、复杂模型或多模型
-
可通过浏览器开发者工具临时修改网页内容。一、右键“检查”进入Elements面板，双击编辑文本或“EditasHTML”调整结构；二、在Console执行JavaScript代码，用innerText或innerHTML批量修改元素内容；三、右键复制修改后的outerHTML，粘贴保存为.html文件以保留更改；四、安装“WebScraper”等插件，通过可视化界面高效编辑并导出结果。
-
应禁用触摸设备的:hover动画，使用@media(hover:none)或(any-hover:none)精准拦截；卡片默认静态，仅在(hover:hover)且(pointer:fine)时启用transform/opacity动画；iOS点击跳变需加-webkit-tap-highlight-color:transparent和touch-action:manipulation。
-
CSS变量需用var(--name)配合:root定义，支持作用域覆盖、fallback链和JS动态修改，但不兼容IE，且不能用于@keyframes或content属性。
-
CSSNano压缩后样式失效主因是默认激进规则误删/改写关键代码，需禁用mergeRules、sortSelectors等选项，确保其作为PostCSS插件正确配置在postcss-loader中且顺序合理。
