-
使用opacity和硬件加速优化移动端文字颜色动画，避免直接改变color导致卡顿。通过伪元素叠加、控制透明度变化，并结合will-change或translateZ启用GPU加速，选用合适时长与缓动函数，减少重绘提升性能。
-
HTML5音视频无声的四大原因：一是muted属性被设为true；二是autoplay失败导致play()被拒绝；三是系统输出设备选错（如HDMI而非扬声器）；四是驱动更新后音频子系统未重初始化。
-
JavaScript通过<video><audio>元素DOM接口控制媒体，需先获取元素并监听loadedmetadata事件确保readyState≥2再操作；常用方法包括play()、pause()、load()，属性含currentTime、volume、paused等；须遵守自动播放策略，静音视频可自动播放，有声媒体需用户交互后调用play()。
-
try/catch仅捕获同步错误和显式throw，无法捕获异步拒绝、语法错误、eval错误及未await的Promise错误；需配合.catch()、全局监听或正确await使用。
-
免费网页版HTML在线编辑器入口推荐JSFiddle（https://www.jsfiddle.net），该平台支持HTML、CSS、JavaScript实时同步编辑与预览，界面清晰，无需安装，跨设备访问便捷，适合学习、调试和分享代码。
-
本文详解如何通过background-attachment:fixed实现简洁高效的视差背景滚动效果，并提供纯HTML/CSS实现方案及Elementor中的落地方法（含自定义类名策略与插件推荐）。
-
用fetch()替代表单默认提交需监听submit事件并调用preventDefault()，用FormData收集数据，根据后端要求选择application/x-www-form-urlencoded或application/json格式发送，处理响应、错误及用户反馈，并注意兼容性。
-
应优先双击HTML文件以file://协议打开；若失败，可手动输入file://绝对路径；对AJAX等受限功能需用http-server启动本地服务器；调试时可临时启用Chrome的--allow-file-access-from-files参数；最后检查文件编码是否为UTF-8无BOM。
-
闭包是JavaScript中函数作用域与词法环境绑定后自然产生的行为；函数内部隐式保存[[Environment]]引用，指向定义时的词法环境，使外部调用仍可访问内部变量。
-
浮动导致父容器高度塌陷，因浮动元素脱离文档流；最优解决方法是伪元素清除法，通过.clearfix::after添加content、display:block、clear:both等样式闭合浮动，兼容IE8+且不增加额外标签；该方法结构干净、可复用、性能好；现代布局推荐直接使用flex或grid，从根本上避免浮动问题。
-
opacity用于控制元素及其子元素的整体透明度，值为0到1之间，常用于实现淡入淡出效果；与rgba()不同，rgba()仅影响颜色属性而不影响子元素内容；opacity适合整体透明度变化和动画过渡，而rgba()适用于背景或边框透明、内容保持清晰的场景；结合transition或animation可实现流畅的视觉效果；opacity:0元素仍占布局空间且可触发事件，visibility:hidden隐藏元素但保留空间，display:none则完全移除元素且不占空间；根据需求选择合适的隐藏方式可优化交互
-
元素选择器通过HTML标签名选中所有对应元素并应用统一样式，如设置p标签的字体、颜色和行高；常用于重置默认样式、建立基础排版和结构化布局，例如统一h1至h6的字体和颜色；因其作用范围广、优先级低，宜用于全局样式初始化，避免过度使用以防止冲突，推荐结合类选择器实现模块化设计。
-
使用toLocaleString()或正则可实现数字千分位格式化，前者简洁且支持国际化，后者灵活可控；推荐优先使用toLocaleString('en-US')，结合输入校验与小数处理确保稳定性。
-
localStorage本身不提供加密机制，所有数据以明文存储且可被开发者工具直接查看或篡改；若需加密读写，必须在存取前手动加解密，核心在于前端加密逻辑的合理引入而非HTML5功能。
-
浅拷贝只复制第一层引用，修改嵌套对象仍会影响原数据；深拷贝需递归或序列化处理所有层级，structuredClone()是现代推荐方案但有类型限制，循环引用需WeakMap缓存避免栈溢出。
