-
Bootstrap分页默认横向，需通过CSS覆盖.pagination{flex-direction:column;}实现纵向，并确保样式优先级高于原生规则，同时注意焦点顺序、触摸热区和无障碍支持。
-
text-align:justify对中英文混排无效是因中文无空格，需配合text-justify:inter-character（Chrome120+/Firefox110+/Safari17.4+）、lang属性及合理font-family顺序才能实现真正两端对齐。
-
async函数自动返回Promise，await在async内暂停执行等待Promise完成；多任务需据依赖关系选Promise.all（并行）或链式await（串行），并合理处理错误。
-
WebLocksAPI通过资源维度唯一锁名协调多标签页对共享状态的原子访问，所有读-改-写操作须在锁回调内完成并返回Promise，不支持环境需服务端幂等或前端提示降级。
-
ESM循环引用触发TDZ报错，本质是实例化阶段导出绑定未激活时提前读取let/const变量；解析→实例化→执行三步中，循环发生在实例化期，此时顶层代码未执行，导出值仍为“未初始化”状态。
-
非贪婪量词+?无法解决嵌套括号提取，仅适用于单层或已知不嵌套场景；因其依赖线性匹配，不能识别括号层级或计数平衡；真正处理嵌套需用递归正则、栈解析或专用解析器。
-
按钮禁用样式失效需在Tailwind配置中启用disabled变体；加载中状态应结合disabled属性与条件渲染图标文案；务必设type="button"防重复提交，并在请求终了恢复按钮状态。
-
Number.MAX_VALUE是IEEE754双精度浮点数能表示的最大有限正数，约1.7976931348623157×10³⁰⁸，非整数上限也非精度边界，超此值即溢出为Infinity。
-
rel属性是决定浏览器行为与安全的关键属性，必须配合target="_blank"才生效；单独使用rel="noopener"无效，需显式声明以防止reversetabnabbing攻击，且现代最佳实践为rel="noopenernoreferrer"。
-
jQuery已非新项目必需，因现代浏览器原生API成熟、主流框架减少DOM操作、体积负担与维护成本高；仅老系统、特定插件依赖或极简静态页等场景暂难替代。
-
闭包能构建真正的私有命名空间，通过将变量和函数限定在函数作用域内，使其不挂载于任何可遍历对象（如window、模块导出对象），从而杜绝三方脚本通过for...in、eval、Function构造器等方式读取或篡改；工厂函数为每次调用创建独立闭包环境，配合IIFE与接口精简导出，实现双重隔离防护。
-
JavaScript游戏开发分三类：轻量级Canvas适合入门和2D小游戏；Phaser是主流成熟2D引擎；Three.js适配高性能3D需求，需自建框架。选型应据项目目标而定。
-
Base64不推荐用于WebSocket传图片，因编解码阻塞主线程、体积膨胀33%、内存拷贝冗余；应优先用Blob零拷贝直传，或ArrayBuffer做字节级控制，注意分片与MIME类型严格匹配。
-
函数防抖在搜索输入中要求用户停止输入指定时间（如300ms）后才触发请求，每次按键需清除旧定时器并重设；回车立即执行、ESC取消、blur可选触发；工具函数须可销毁、防内存泄漏，并配合loading与请求校验。
-
本文讲解如何通过前端JavaScript或HTML原生方式，确保点击按钮后在用户本地浏览器的新标签页中打开目标URL，彻底避免服务端误执行（如webbrowser.open()在Flask后端调用导致的无效行为）。本文讲解如何通过前端JavaScript或HTML原生方式，确保点击按钮后在**用户本地浏览器的新标签页**中打开目标URL，彻底避免服务端误执行（如`webbrowser.open()`在Flask后端调用导
