-
currentColor可让图标自动继承父元素文字颜色，适用于内联SVG（fill="currentColor"）和字体图标；背景图不支持，需改用内联SVG或CSSfilter；兼容IE9+，继承计算后color值。
-
Object.seal的作用是密封对象，禁止添加或删除属性，并将现有属性标记为不可配置，但允许修改属性值。具体效果包括：1.不能添加新属性；2.不能删除现有属性；3.现有属性变为不可配置，无法更改其特性；4.允许修改属性值（前提是属性可写）；5.与Object.freeze不同，后者更严格，连属性值也不允许修改。应用场景包括保护配置对象、防止对象膨胀、API数据模型验证等。局限性在于仅浅层密封，嵌套对象不受影响；在非严格模式下错误不易察觉，需注意递归密封以实现深度控制。
-
position:sticky不生效最常见原因是父容器设置了overflow属性，导致失去滚动祖先参照；需确保top/bottom明确、元素类型支持、无transform/filter等干扰。
-
Redux的核心思想是通过单一状态树集中管理应用状态，所有状态变更必须通过reducer纯函数处理；state不可变，每次更新返回新对象；action描述变更意图，dispatch触发action后reducer计算新state；store提供getState、dispatch和subscribe方法，维护状态并通知更新；中间件如redux-thunk扩展dispatch支持异步操作，实现可预测的状态管理。
-
直接用英文命名CSS颜色。CSS标准不支持中文标识符，自定义变量需符合标识符规则，推荐语义化英文组合如--brand-primary；统一使用rgb()或hsl()而非HEX或命名色；CSS变量按作用域+类型两级命名并集中声明于:root；需工具链检测覆盖与未使用问题。
-
本文介绍使用Jest进行JavaScript单元测试，涵盖基础测试、mock函数、模块模拟及高级技巧；2.通过示例展示如何用expect、jest.fn()、jest.mock()和jest.spyOn隔离依赖并验证行为；3.强调测试应关注行为而非实现，建议合理使用mock并清理状态以确保可靠性。
-
本文讲解如何通过jQuery的hover()事件替代点击切换，实现「鼠标悬停触发展开、移出自动收起」的交互效果，避免遮挡触发元素，并提供可维护、无状态变量的简洁方案。
-
答案：构建可扩展JavaScript图表库需模块化架构、插件式注册、灵活主题系统与解耦交互。核心引擎处理通用逻辑，渲染层抽象后端，图表类型以插件注册；通过统一接口支持动态添加图表；主题系统允许样式覆盖与动态换肤；事件总线实现交互解耦，便于扩展动画、响应式等功能。
-
系统掌握HTML5基础的实践步骤为：一、掌握语义化标签，熟记header、nav、main等7个标签并手写页面骨架；二、用Flexbox和Grid强化布局能力，实操对齐与网格排列；三、用原生JavaScript添加点击、输入响应等交互；四、构建含语义结构、Flex/Grid布局及卡片交互的最小可运行项目。
-
:nth-child匹配父元素下第N个子元素（不区分标签类型），:nth-of-type只匹配同标签的第N个元素；前者按位置，后者按类型分组编号。
-
推荐使用LiveServer插件运行HTML文件，安装后右键“OpenwithLiveServer”即可在浏览器中实时预览，支持自动刷新；也可右键文件用系统浏览器直接打开（file://协议），适合临时查看；还可通过终端使用npxserve或npxhttp-server启动本地服务器预览，更贴近真实部署环境。
-
用[class="xxx"]可匹配类名含指定子串的元素，如button[class="btn-"]选中所有含"btn-"的按钮，但不区分单词边界；需全词匹配时应使用[class~="xxx"]。
-
异步函数的副作用源于其非阻塞和时间不确定性，导致状态变化难以预测。1.利用Promise或async/await封装副作用，构建清晰执行链；2.强化错误处理机制，通过.catch()或try...catch确保异常可控；3.引入Redux、Vuex等状态管理工具，实现状态变更可追踪；4.使用AbortController等手段实现取消机制，避免竞态条件；5.设计幂等性操作，提升重试机制安全性。选择方案需根据项目复杂度、团队熟悉度权衡，从小型项目的简单封装逐步过渡到大型项目的高级工具。
-
Grid适合二维布局，Flexbox擅长一维排列，二者结合可高效构建响应式页面。用Grid定义整体结构，如通过grid-template-areas划分头部、侧栏等区域，并利用fr单位和媒体查询实现自适应；在Grid区域内使用Flexbox处理导航、卡片等子元素的对齐与分布；不同断点下可切换布局模式，如桌面端用Grid三栏，移动端转Flexbox堆叠；核心原则是Grid管全局、Flexbox管局部，按需组合以提升代码语义与维护性。
-
Bulma通过container、columns网格和响应式类实现响应式布局。使用container控制内容宽度，结合mobile、tablet、desktop等断点，通过is-half-tablet、is-one-third-desktop等类设置列宽，利用is-hidden-mobile、is-visible-desktop等控制元素显示，配合is-multiline和is-gapless调整布局，无需JavaScript即可构建多端适配的页面。
