-
本文介绍如何用JavaScript编写一个规范、可复用的BMI计算函数，支持传入体重（kg）和身高（m），自动计算并四舍五入返回整数BMI值，并解析常见实现错误。
-
浮动元素无法通过margin:auto居中，因其脱离文档流且CSS规范禁止该行为；应改用绝对定位+transform、flex或inline-block配合text-align实现居中。
-
纯CSS轮播关键在scroll-snap实现精准停靠：需设scroll-snap-type:xmandatory、每项scroll-snap-align:center、容器overflow-x:auto+scroll-behavior:smooth，:target仅触发锚点定位。
-
HTML5语义化布局通过header、nav、main、article、aside、footer等标签明确页面结构，提升可读性、SEO和无障碍访问，结合CSS实现清晰、响应式的网页布局。
-
点击video元素移位主因是焦点触发滚动锚定或:focus样式重排；修复优先设tabindex="-1"、禁用outline、preventDefault()及避免transform缩放。
-
box-shadow的四个参数依次为水平偏移、垂直偏移、模糊半径、扩散半径，方向由前两个值的正负及大小决定；blur-radius过大或overflow:hidden、transform等会干扰阴影显示效果。
-
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，语法清晰，语义明确，底层仍基于原型，是现代开发首选方案。
