-
现代浏览器默认禁止有声视频自动播放，需静音或用户交互后触发；preload应设为metadata；视频编码需用H.264Baseline/Main、Level≤3.1、GOP1–2秒，MP4格式优先。
-
box-sizing:border-box解决宽度计算不直观问题：width包含padding和border，避免嵌套时手动减算；需用*{box-sizing:border-box}全局重置，但要注意表单元素、CSS重置和第三方组件兼容性。
-
使用position:absolute和z-index可实现按钮提示框，首先设置父按钮为relative定位，提示框为absolute定位并用top、left和transform调整位置，通过:hover触发opacity显示，同时设置z-index确保层级优先，避免被其他元素遮挡，配合transition实现淡入效果，并可通过::after伪元素添加指向箭头，提升视觉引导。
-
colspan和rowspan用于逻辑占位而非视觉拉伸：colspan="n"使单元格占据当前行n列，后续列需跳过；rowspan="m"使其跨m行，下方m-1行对应列须留空，否则结构错乱。
-
策略模式通过封装不同算法并允许运行时切换，提升代码灵活性与可维护性。以促销折扣计算为例，定义normal、gold、platinum、diamond等策略对象，结合PriceCalculator类实现动态切换，避免冗长条件判断。支持开闭原则，新增策略无需修改原有代码，适用于表单验证、排序、支付方式等场景。可通过StrategyContainer实现动态注册与执行，增强扩展性。
-
使用HTMLtitle属性可创建基础tooltip，通过CSS可自定义样式，结合JavaScript能实现动态效果，利用data属性分离内容更利于维护，引入Tippy.js等库则支持高级功能。
-
HTML锚点链接通过id属性和href="#id"实现页面内跳转，如<ahref="#contact">跳转到联系方式</a>配合<h2id="contact">联系方式</h2>，确保id唯一并可结合CSSscroll-behavior:smooth实现平滑滚动，提升长页面导航体验。
-
JavaScript代码压缩与无用代码去除核心在于构建工具链（如Terser）的正确配置与开发规范，关键是如何让工具准确识别可删内容；Terser支持ES6+、混淆、死代码删除与常量折叠，Webpack生产模式默认启用并集成tree-shaking，Vite默认使用Terser（可选esbuild）；tree-shaking依赖ES模块静态结构，需避免CommonJS混用、动态导出，并合理设置sideEffects；开发残留（如console、debugger）需通过DefinePlugin、Babel插
-
本文详解如何通过修正CSSfloat属性与合理设置容器内边距，使图片精准左对齐并环绕文本显示，避免图片沉底错位问题。
-
闭包是函数与其词法环境的绑定，需满足函数嵌套、变量引用、函数传出三条件；它延长变量生命周期，滥用易致内存泄漏，应通过可控引用、销毁接口和WeakMap等手段安全使用。
-
真正稳的圆形菜单实现是用rotate()配合translate()组合位移：先rotate定位到圆周，再translate半径距离，最后反向rotate抵消文字倾斜；需设--item-count变量统一控制角度，用::before扩大热区并设pointer-events:none，且通过外层容器统一管理z-index避免层叠上下文断裂。
-
HTML5不是能“下载”的软件或安装包，它是一套开放标准，浏览器原生支持，不需要用户手动下载。为什么找不到HTML5安装程序或下载链接HTML5是W3C和WHATWG制定的规范集合，不是独立程序。所谓“下载HTML5”，实际是混淆了标准、实现和工具三者：标准本身是文本（如HTMLLivingStandard），可在线阅读，无需安装浏览器（Chrome、Firefox、Safari等）已内置HTML5支持，版本≥2012年的主流浏览器基本覆盖全部核心特性开发
-
设置容器宽度为100%并添加overflow-x:auto，可使表格在小屏幕下横向滑动查看，大屏幕自适应宽度，结合white-space:nowrap和min-width优化显示效果。
-
JavaScript的解构赋值是一种语法糖，通过模式匹配机制从数组或对象中提取值并赋给变量。1.它分为数组解构和对象解构两种形式；2.支持跳过元素、设置默认值、结合剩余操作符等特性；3.可用于交换变量、函数参数处理及嵌套结构解析；4.提升代码可读性和简洁性，尤其在处理API响应和配置对象时效果显著；5.使用时需注意默认值仅对undefined生效、避免过度嵌套影响可读性，并合理结合其他ES6特性增强开发效率。
-
按钮悬停放大应使用transform:scale()配合transition实现，避免width/height改变布局；需设初始transform:scale(1)防闪烁，指定transform-origin和精确transition属性，并注意移动端:hover兼容性。
