-
HTML表格中td不能真正拆分，只能通过colspan和rowspan合并单元格后重写结构实现；强行用JS操作内容或CSS布局会导致DOM错乱、样式失效及兼容性问题。
-
高阶函数是接收函数为参数或返回函数的函数；map要求回调必须返回值，否则填undefined，filter依据返回值真值性筛选，链式调用顺序影响结果，且需注意this绑定问题。
-
display无法过渡因属离散属性，浏览器不能插值；应改用opacity、transform、max-height等可动画属性，并在初始类中声明transition才能生效。
-
使用:enabled伪类选择器可选中用户能交互的表单元素，如input、textarea、select、button；2.示例中为启用的输入框设置绿色边框，禁用的则降低透明度；3.元素需未设置disabled属性且父容器未被禁用才被视为启用，常用于通过样式区分可操作状态以提升用户体验。
-
回流是浏览器重新计算元素几何属性并重建渲染树的过程，重绘是仅更新样式而不改变布局的视觉刷新；回流必触发重绘，但重绘不一定触发回流。
-
重力加速度需用requestAnimationFrame结合deltaTime实时累加：vy+=gravity×deltaTime×0.016，y+=vy×deltaTime×0.016；反弹时精确置位、乘恢复系数并设静止阈值。
-
使用CSS的letter-spacing属性可调整HTML文本字间距，提升排版美观与可读性；通过具体长度或em单位设置字符间距，结合word-spacing控制英文词间距，合理运用可增强标题、按钮等元素的视觉效果。
-
实现列表横向滑动需设容器为flex布局并禁换行，再启用overflow-x:auto；关键要防止子项被压缩，可设flex-shrink:0或flex:none，辅以scroll-behavior:smooth等优化。
-
适合批量更新元素内容的DOM方法是textContent、setAttribute()和DocumentFragment；单个文本用textContent，批量插入用DocumentFragment避免重排重绘。
-
JavaScript发送浏览器通知需三步：检查支持性、请求用户授权（须用户手势触发）、创建通知；受限于HTTPS、用户主动触发、权限不可重置及iOS不支持等限制。
-
需升级客户端至指定版本并手动启用HTML5播放器：PC端v11.0+、安卓v11.6.20+、iOSv11.2.0+；网页端禁用Flash并清除缓存；APP开启H5加速；必要时修改hosts绑定CDN。
-
CSS文件名必须带.css后缀，统一用短横线分隔单词，体现一级职责，条件状态置于末尾，避免冗余前缀和过度拆分文件。
-
网页无法通过BOM直接获取短信发送权限，这是浏览器安全模型的设计原则；1.浏览器禁止网页代码访问敏感硬件或系统功能，防止恶意行为；2.可通过sms:协议启动短信应用，但需用户手动发送；3.WebShareAPI允许用户选择短信分享，但不能静默发送；4.网页无直接API访问短信模块，所有敏感权限必须用户明确授权；5.实际业务中通过服务器调用第三方短信服务完成发送，确保安全合规。
-
图片墙高度不一致的根源在于图片原始尺寸、宽高比、加载时机或父容器约束差异；用grid的auto-rows配合align-items:stretch可简洁实现等高，关键需子项设height:100%并配object-fit:cover。
-
纯CSS响应式导航栏用checkbox实现：将隐藏的checkbox作为状态开关，通过:checked+.nav-menu控制菜单显隐，需确保HTML结构中input与.nav-menu同级且后者紧邻其后，配合max-height过渡或transformscaleY实现流畅动画。
