-
最直接设置文字颜色透明度的方式是用rgba()函数而非opacity属性。rgba由红、绿、蓝及alpha（0–1）组成，仅影响颜色本身，不改变元素其他样式；opacity则会使整个元素及其子元素一同变透明。
-
line-height在响应式中易失衡因默认基于font-size倍数计算，而font-size随屏幕变化导致行距视觉不均；iOSSafari对小字号还有额外压缩。用clamp()动态控制可守住1.2–1.6安全区，如line-height:clamp(1.25,0.2vw+1.35,1.55)，配合@supports降级，避免媒体查询碎片化和JS重排。
-
@import可在CSS中引入其他样式文件，实现模块化管理，提升项目可维护性；通过将样式按功能拆分，支持结构清晰、易于维护、复用性强和逻辑分层的开发模式；使用时需置于文件开头，支持相对路径、绝对路径或URL，并可结合自定义属性实现主题切换；但每次引入会增加HTTP请求，影响性能，建议开发时使用，生产环境合并文件以优化加载速度。
-
history.pushState()新增历史记录，适合导航跳转；replaceState()替换当前记录，适合修正URL而不留返回点；二者均需配合popstate监听及服务端配置防404。
-
justify-content:space-around是Flexbox中用于实现子元素等间距排列的属性值，它将主轴空间平均分配给每个子项两侧，使元素间视觉间距相等，两端留白为中间的一半，适用于导航栏、图标组、卡片列表等布局场景，相比space-between更具外边距，相比space-evenly更显自然；使用时需确保父容器设置display:flex，并注意容器宽度与子元素数量，避免压缩或溢出，可配合flex-wrap处理换行。
-
本文讲解如何在Bootstrap中实现移动端手风琴（Accordion）与桌面端选项卡（Tabs）的无缝切换，解决因DOM状态未同步导致的“内容正确但标签名错位”问题。核心在于手动触发对应Tab的点击事件，保持两者激活状态一致。
-
JavaScript性能优化核心是减少主线程负担、降低资源加载压力、提升执行效率，关键策略包括代码压缩（用Terser等工具精简语法、TreeShaking、图片字体优化）和懒加载（路由级、组件级、图片、第三方SDK按需加载），辅以减少长任务、避免强制同步布局、缓存计算结果及使用现代API。
-
localStorage不能存敏感信息，仅适用于非敏感前端状态数据；使用setItem/getItem/removeItem操作字符串，对象需JSON序列化；存在XSS窃取、明文存储、无访问控制等安全风险。
-
答案：使用CSS框架如Bootstrap、TailwindCSS可高效实现响应式布局。通过其网格系统与断点类（如col-md-6、md:前缀），结合容器、行、列结构，使页面在不同设备自适应；利用显示控制类（d-noned-md-block）优化内容可见性，并为媒体设置img-fluid或w-full等类保证缩放，最终依托语义化HTML与实践掌握跨设备兼容布局。
-
模板字符串中变量需用${}包裹，反引号定义；支持属性访问、方法调用、表达式（如三元、算术），但不可含语句；嵌套直接使用反引号；null/undefined会转为对应字符串，可用??提供默认值。
-
装饰器与AOP结合可在不修改原逻辑前提下增强代码功能。通过@LogMethod示例，实现日志与错误处理的分离，提升模块化与可维护性；装饰器作为高阶函数，利用元数据操作行为，支持日志、缓存等横切关注点。挑战包括执行顺序、调试复杂性及性能开销，需遵循单一职责、清晰命名、单元测试等最佳实践，并注意环境兼容性与避免滥用。
-
生成器使用function定义，返回可迭代对象，通过yield暂停，用for...of同步遍历；异步生成器用asyncfunction定义，返回异步可迭代对象，支持await和自动等待Promise，需用forawait...of遍历，适用于流式异步数据处理。
-
next()方法用于获取当前元素的下一个同级兄弟元素，可带选择器筛选，如$('.item').next('p')；仅返回一个元素，无后续兄弟则返回空对象，常用于事件中操作相邻元素，如点击按钮切换下一元素显隐。
-
DOM是浏览器解析HTML后生成的内存树结构，非静态文件；操作对象是实时可读写的Element，需注意执行时机、内容安全、样式控制及事件绑定方式。
-
visibility有三个值：visible使元素正常显示；hidden隐藏元素但保留空间；collapse用于表格，隐藏且不占空间。
