-
响应式编程通过数据流与变化传播简化异步处理，RxJS基于Observable、Observer、Operators和Subscription实现异步操作的声明式管理。1.使用debounceTime防抖优化搜索请求；2.combineLatest合并多数据源；3.switchMap响应路由变化并获取数据。应避免嵌套订阅，及时取消订阅以防内存泄漏，善用操作符提升性能与可维护性。
-
display:none使元素彻底退出文档流，导致布局错乱主因是定位基准、尺寸依赖或父子关系断裂；应检查父容器塌陷、替代隐藏方案、JS竞态及定位上下文变化。
-
微博网页版无“热点推送频率”设置项，因其不支持系统级推送，仅通过前端短轮询更新热门内容，刷新节奏不可调；用户只能手动点击刷新或按F5重载，无法像App那样在设置中调整推送频次。
-
轮播图高度不一致的解决方法是给容器设固定高度并添加overflow:hidden。具体为：设置.carousel的height（如400px），避免min-height或auto；配合overflow:hidden裁剪溢出，子项用absolute或flex定位；图片用width:100%;height:100%;object-fit:cover。
-
跳表通过多层级链表和随机化层级设计，在平均情况下实现O(logN)的查找、插入和删除性能，其核心优势在于实现简单、并发性能好、缓存友好，且适用于有序数据的高效操作，常见于Redis有序集合等场景。
-
能改，但仅限theme-color、referrer等少数属性，影响仅限JS运行时或部分浏览器API，不触发重渲染、不影响网络请求头和SEO；搜索引擎只抓取初始HTML，动态修改无效。
-
可通过CSShover伪类结合transform:scale()与transition实现搜索框悬停平滑放大，辅以box-shadow增强浮起感，使用CSS变量统一配置缩放系数，并通过transform-origin和容器约束防止布局偏移，最后用@supports提供兼容性回退。
-
响应式表单布局优化关键在于使用Flexbox和Grid实现自适应排列，结合媒体查询调整断点样式。通过设置flex-wrap、min-width和flex:1使控件在不同屏幕下合理伸缩换行；采用grid-template-columns配合minmax()实现多列响应式网格；在移动端利用媒体查询垂直堆叠字段、增大触控区域，提升可读性与操作体验。输入框高度不低于44px，增强触摸友好性，整体保持结构简洁。
-
直接监听scroll易卡顿因触发频率过高导致重排重绘，应改用IntersectionObserver实现触底加载，配合cursor分页与AbortController避免状态混乱。
-
防抖和节流是工具而非自动优化方案；用错场景或参数会恶化体验。debounce需正确处理immediate逻辑并透传参数；throttle应据场景选leading/trailing；框架中需稳定函数引用；实时性高、必响应的场景禁用。
-
必须写<!DOCTYPEhtml>，因为HTML5不基于SGML，无需DTD引用；其他写法如大小写错误、加空格、前置内容或BOM均会导致怪异模式或验证失败。
-
align-self没生效最常见原因是父容器未设display:grid/inline-grid；它仅对Grid/Flex直接子元素有效，且受align-items:stretch、子元素尺寸、writing-mode等影响。
-
FontAwesome图标不显示主因是路径错误或class不匹配，推荐CDN引入并注意v6使用fa-solid/fa-brands等新前缀，避免混用版本或CSS隐藏。
-
FetchAPI是现代浏览器发起网络请求的标准方式，比XMLHttpRequest更简洁且基于Promise；需手动检查response.ok并调用.json()，POST需设置headers和JSON.stringify()，默认不带Cookie，不支持超时和上传进度监听，IE不兼容。
-
ES6模块必须顶层import因静态解析需预建依赖图；动态导入用import()；export分具名（绑定）和默认（值快照）；浏览器需type="module"且本地启服务，Node需.mjs或"type":"module"。
