-
本文介绍在CSS无法直接通过属性值（如id）跨元素关联的情况下，利用:has()伪类实现条件样式控制，并补充兼容性不足时的轻量级JavaScript方案。
-
使用position:sticky可轻松实现导航栏滚动固定，只需设置top:0和z-index，并确保父容器无overflow或transform限制，兼容现代浏览器。
-
根本原因是浮动元素脱离文档流且vertical-align对其无效；应改用flex布局，设父容器display:flex、justify-content:space-between和align-items:center等实现可靠垂直对齐。
-
play命令本身不支持TTS，仅能播放已有音频文件；实现文字转语音需先用espeak-ng等TTS引擎生成音频流，再通过pipe传给play播放，参数必须严格匹配格式。
-
统一按钮大小需绕过Bootstrap默认行为：btn-sm/btn-lg仅相对缩放，受主题类、边框、字体渲染等影响导致尺寸不一致；推荐自定义固定尺寸类（如btn-fixed-md）并用!important锁死属性，或通过Sass变量覆盖重编译。
-
本文介绍如何在w2uiGrid中基于业务逻辑动态禁用部分行的选择能力，同时保留其他行的正常多选功能，核心是利用onSelect事件结合event.preventDefault()精准拦截非法选择。
-
浏览器默认样式通过useragentstylesheet影响按钮等元素，需用normalize.css或精准重置box-sizing、border、font等属性；@import会阻塞加载，应优先用<link>；!important受源顺序影响且不敌内联样式；CSS变量仅继承不跨ShadowDOM，响应式应在:root中配合媒体查询定义。
-
浮动（float）用于元素左右排列，实现图文环绕和多列布局，但会导致父容器高度塌陷，需通过clear、overflow或伪元素清除浮动；虽可构建两栏或三列布局，但响应式差、维护难，现代开发推荐使用Flexbox和Grid替代。
-
滚动条在Chrome/Firefox中默认隐藏，需用.force-scrollbar类配合::-webkit-scrollbar和@supports(-moz-appearance:none)强制显示；iOS/Android不支持或禁用滚动条UI，应改用自定义提示；overflow预留空间会影响布局，需用padding-right或Flex/Grid规避。
-
JavaScript面向对象核心在于prototype、this绑定和对象创建本质，class仅为原型链语法糖；构造函数需new调用，方法应挂prototype以复用；工厂函数更安全灵活，适合无需继承的场景。
-
JavaScript是运行在浏览器中的脚本语言，用于实现网页交互功能，与HTML、CSS并称网页开发三大基础；其语法灵活、大小写敏感，支持变量声明、多种数据类型、条件循环、DOM操作等，强调动手实践。
-
作用域链由函数创建时的词法环境决定，变量查找从内向外逐层搜索。闭包是函数与其词法环境的组合，使内部函数即使在外部执行也能访问外层变量。例如，counter函数返回的函数始终引用其定义时的count变量，形成闭包。循环中使用闭包需注意变量共享问题，var声明导致所有回调共享同一i，用let可解决。闭包会阻止垃圾回收，过度使用可能引发内存泄漏。理解作用域链是掌握闭包的基础，二者共同体现JavaScript的灵活性。
-
window.location.replace()用于替换当前页面并清除历史记录，如登录后跳转至仪表板且禁止返回登录页；而字符串的replace()仅修改文本内容，不触发页面跳转。
-
元素默认无焦点，仅a、button、input等原生交互元素天然可聚焦；div等需tabindex="0"+role+aria-*才具备完整可访问性，且须配可见焦点样式。
-
HTML5页面缩放本身不卡顿，但错误的viewport设置（如user-scalable=no、width硬编码）会引发合成层失效、重排频繁、GPU降级等问题，导致滚动/动画卡顿；应优先使用width=device-width并提供多倍图适配高DPR设备。
