-
全局样式应限定作用域以避免覆盖组件样式，如用#app包裹；CSSModules需配置localIdentName防类名冲突；第三方库样式优先使用其定制机制；Tailwind需在content中显式声明动态类名。
-
RxJS通过Observable实现函数式响应编程，利用观察者模式处理异步事件流。1.Observable作为数据源，可被Observer订阅，支持next、error、complete回调；2.操作符如map、filter、debounceTime等提供链式调用的函数式变换，生成新流而不改变原流；3.广泛应用于表单防抖、路由监听、HTTP请求串联等场景，提升异步逻辑的可读与可维护性。
-
实现链式调用的核心是每个方法返回this，使后续方法可连续调用；需注意终端方法（如getValue）返回实际值，异步方法需配合Promise，且非所有方法都适合返回this。
-
答案：动态加载通过import()实现按需加载，提升性能。利用ES模块的import()函数可异步加载代码，结合构建工具实现懒加载与代码分割，解决首屏加载慢、资源浪费等问题，适用于路由级或功能级模块拆分，同时需注意错误处理、缓存策略、依赖管理及SSR兼容性，避免过度拆分导致请求过多，确保应用性能与用户体验平衡。
-
答案：使用HTML的details和summary标签可创建可折叠内容区域，details定义折叠块，summary定义标题，点击可展开或收起详细信息。
-
前端通过OAuth2.0授权码模式+PKCE实现安全认证，先生成code_verifier和code_challenge，重定向至授权服务器获取code，校验state一致性后，由后端或可信服务用code换取access_token，避免暴露client_secret，前端凭token访问API，推荐使用Auth0等库简化流程并确保安全。
-
本文介绍在Vuetify+Nuxt应用中，当表格单元格内容动态更新时，自动触发动画（如高亮闪烁）的可靠实现方案，重点使用MutationObserver监听textContent变化，并配合CSS动画完成无侵入式视觉反馈。
-
Map适用于键为任意类型且需保持插入顺序的键值映射，Set适用于自动去重和高效存在性判断的唯一值集合；对象适合结构化数据，数组适合有序索引列表。
-
直接抓取百度百科HTML会触发反爬导致403或乱码，因其为服务端渲染+动态JS注入，原始HTML仅含占位div；合规做法是调用百度搜索API或构建静态仿百科页，使用语义化标签如h1、dl/dt/dd、p、ol等确保结构清晰可维护。
-
使用::before伪元素可独立控制图标大小，避免影响文本。通过定位与字体隔离，实现样式分离，提升布局灵活性与可维护性。
-
sticky定位不生效最常见的原因是父容器未设置非visible的overflow属性或高度不足，导致无法形成滚动上下文；它依赖最近的有滚动行为的祖先容器而非视口，且必须配合top/bottom等偏移值才能生效。
-
Map强引用键对象，阻止垃圾回收，可能导致内存泄漏；2.WeakMap弱引用对象键，允许垃圾回收，适合关联私有数据或缓存，避免内存泄漏。
-
本文介绍在父容器设置了padding-left且必须保留display:flow-root的约束下，精准居中首个子元素的两种可靠CSS方案，兼容TailwindCSS并兼顾响应式表现。
-
可通过::placeholder伪元素设置输入框占位符样式，需兼顾::placeholder、::-webkit-input-placeholder、::-moz-placeholder、::-ms-input-placeholder等前缀以确保兼容性，支持color、font-size、opacity等文本属性，但不支持display、padding等盒模型属性。
-
用transition实现自然悬停效果需明确指定属性、合理设置时长与缓动曲线，并确保初始和hover状态值可插值，transition必须写在非hover的原始状态中。
