-
使用toLocaleString()或正则可实现数字千分位格式化，前者简洁且支持国际化，后者灵活可控；推荐优先使用toLocaleString('en-US')，结合输入校验与小数处理确保稳定性。
-
:active伪类用于定义元素被激活时的样式。当用户点击并按住按钮或链接时，触发该状态，常用于改变背景色或文字颜色以增强交互反馈。例如按钮点击时背景变深，松开即恢复；链接可设置点击瞬间变为红色。此效果仅在按下时生效，释放后消失，适合提供瞬时视觉响应。需注意其短暂性，不适用于持久状态切换，应配合JavaScript实现选中等长期效果。在移动端可能响应迟缓，建议结合:hover或触摸事件优化。同时要确保与:focus、:hover等状态协调，避免样式冲突。合理运用:active能有效提升界面响应感和用户体验。
-
在ES6中，最接近原生支持且被广泛接受的私有方法封装方案是使用#私有类字段。1.使用#私有类字段：这是ES2022引入的特性，在类中以#开头的字段或方法为真正私有，只能在类内部访问，提供语言级强制封装、语法简洁、性能优化等优点；2.约定（\_前缀）：通过下划线前缀表示私有成员，但无强制性，依赖开发者自觉，适用于小型项目或兼容性要求高的场景；3.WeakMap：利用WeakMap存储私有数据，实现真正的私有性，适合需要严格封装且避免内存泄漏的场景，但代码较复杂；4.闭包/模块模式：通过函数作用域实现强封装，
-
绝对定位元素能跑出父容器是因为其定位参考点是最近的已定位祖先元素，而非父元素本身；若父元素未设position，则向上回溯至<html>，导致定位脱离预期容器。
-
HTML5建模是前端通过JavaScript+WebGL在浏览器中实时渲染3D内容的能力，非建模工具；3dsMax是离线专业建模软件，二者属不同技术层级，协作链路为3dsMax建模→导出glTF→Three.js加载运行。
-
可使用五种HTML+CSS方法创建分类框：一、fieldset与legend实现语义化分组；二、div+伪元素自定义样式；三、CSSGrid布局多列分类；四、Flexbox实现横向滚动标签栏；五、details+summary创建可折叠分类框。
-
首先将HTML与CSS结合，通过内联样式、内部样式表或外部CSS文件实现页面设计；接着利用CSS盒模型控制元素尺寸与间距，并运用浮动与清除浮动技术构建多列布局。
-
动态规划是解决重叠子问题的算法策略，背包问题因其阶段性决策、子问题重叠和最优子结构而适合DP；JavaScript中可用二维或空间优化的一维数组实现。
-
transition必须写在初始状态而非伪类中，且仅对可过渡属性（如color、transform）生效；不可过渡属性（如display、height:auto）需用max-height等替代；多处声明时后写覆盖前写。
-
CSS变量统一徽章背景色是最直接、可维护性最强的解法：在:root定义语义化颜色变量（如--badge-success），各徽章类通过var()引用，支持fallback、主题切换及运行时更新，需注意声明顺序与嵌套限制。
-
CSSGrid用repeat(auto-fit,minmax(250px,1fr)))实现自适应列数，Flexbox通过flex-wrap与flex:11250px实现等宽响应式，旧浏览器需媒体查询分档控制，同时需注意对齐、gap适配及可访问性。
-
XML解析慢的根源是移动端DOMParser的同步阻塞实现，而非XML本身；应优先用字符串解析、DocumentFragment批量插入、xhr.responseType='document'，或直接改用JSON。
-
Map和Set不是语法糖，而是分别解决键名不限类型的数据映射与自动去重的唯一值集合问题；Map键可为任意类型，按插入顺序遍历；Set仅存唯一值，支持O(1)成员判断；二者均需用for…of遍历，WeakMap/WeakSet适用于弱引用场景。
-
本文介绍一种符合Angular官方风格指南的响应式数据缓存方案：利用BehaviorSubject触发请求+shareReplay(1)实现单次获取、多次复用，彻底避免getData()被重复调用导致的冗余HTTP请求。
-
HSL()调强调色更可控，因其色相、饱和度、亮度正交分离，调整单一参数不影响其余属性；RGB或十六进制则易导致发灰、过曝或色偏。
