-
max()函数可从多个值中选取最大值用于字体大小，实现响应式文本。例如font-size:max(1rem,1.5vw)在小屏用1rem，大屏随视口放大；相比clamp()仅设下限无上限，适合无需严格限制字体上限的场景，主流浏览器已支持，旧版可加降级方案兼容。
-
html5play不是HTML5标准函数，而是项目自定义封装；正确监听播放事件应绑定在video/audio元素上，如playing、pause、ended等标准事件。
-
sizes必须带单位（如vw、px），用于告知浏览器图片渲染宽度，再结合srcset中宽度描述（如100w）匹配最适源；写错则选图偏差。
-
Symbol通过创建唯一属性键避免命名冲突，确保扩展内建对象时的唯一性和未来兼容性，其非枚举特性提升代码可维护性与可读性，同时需注意误用Symbol.for、序列化丢失及过度依赖等问题，最佳实践包括使用描述性名称、避免直接修改原型链并做好文档说明。
-
模态窗口的层叠显示依赖CSS定位与层级控制，需注意以下要点：1.使用position:absolute使模态框脱离文档流，并相对于最近的已定位祖先定位，配合top、left和transform实现居中；2.当父容器设置overflow:hidden且为定位上下文时，absolute元素会被裁剪，解决方法是将模态框移出该容器或使用position:fixed；3.通过z-index控制层叠顺序，确保模态框（如z-index:1000）高于遮罩层（如z-index:999）及其他页面元素；4.推荐将模态框挂载
-
JavaScript动态填充select应直接操作options或innerHTML，先清空再填，正确转义value和text，用select.value获取值，避免iOS兼容问题，重视数据稳定性与边界处理。
-
本文详解如何为多个Bootstrap标签页（Tabs）中结构相同的表单，实现基于当前标签页网络运营商的独立AJAX下拉联动，解决因DOMID重复导致仅首标签生效的问题。
-
本文详解如何在transitionend事件完成后可靠地重新触发CSS过渡动画，重点解决“直接修改class无效”的常见陷阱，并提供setTimeout延迟调用与CSS动画替代方案两种专业级实现方式。
-
JavaScript命令行工具是基于Node.js在终端运行的可执行程序，需配置shebang、package.json的bin字段，用npmlink测试，借助commander等库解析参数，最后通过npmpublish发布。
-
使用float:right会导致导航项顺序颠倒，推荐改用Flexbox的display:flex+justify-content:flex-end实现右对齐，保持HTML结构顺序不变。
-
JavaScript继承基于原型链，ES6的class为语法糖。1.原型链继承通过子类prototype指向父类实例，实现方法共享，但引用属性共用有污染风险；2.构造函数继承利用call调用父构造函数，实现属性独立，但无法继承原型方法；3.组合继承结合两者优点，既通过call继承实例属性，又通过原型链继承方法，是传统方式中最推荐的；4.ES6Class继承使用extends和super，语法清晰，语义明确，底层仍基于原型，是现代开发首选方案。
-
纯CSS下拉菜单hover失效主因是DOM间隙导致状态中断及触屏不支持；标签页用:checked+radio实现需严格结构；:focus-within需容器可聚焦且有兼容性问题；纯CSS方案存在无障碍缺失、移动端失效等固有局限。
-
JavaScript模块打包是将多个JS及非JS资源按依赖合并转换优化为少量浏览器可运行文件的过程；它解决ES6模块的局限性，支持Loader/Plugin扩展、代码分割、TreeShaking等工程化能力。
-
overflow-wrap不生效的主因是容器未设宽度限制；需配合width/max-width、清除浮动、避免white-space:nowrap冲突，并兼容书写word-wrap。
-
gap属性不生效的首要原因是父容器未设置display:flex或display:inline-flex；gap仅在Flex和Grid布局中有效，若父元素为block等非Flex显示模式则完全无效。
