-
虚拟滚动处理不固定高度列表的核心是动态测量+高度缓存+位置映射；通过元素测量首次获取真实高度并存入Map，构建前缀和数组offsets实现O(1)偏移计算，结合二分搜索确定可视范围，并用ResizeObserver监听动态变化、节流更新缓存与offsets。
-
fetch是原生API，简洁但需手动处理JSON、错误状态和Cookie；axios是功能完备库，自动解析、拦截器、超时取消等开箱即用；轻量场景选fetch，中大型项目优先axios。
-
纯CSS可通过父级:hover配合后代或子代选择器实现悬停父元素改变子元素样式，推荐使用.parent:hover>.child；需注意移动端hover兼容性、子元素内联样式覆盖及选择器层级错误。
-
JavaScript事件监听器生效需满足三条件：元素存在、绑定成功、事件路径未中断；动态元素须用事件委托；注意避免移除失败、重复绑定、冒泡阻断及CSS禁用事件。
-
::first-letter伪元素用于设置块级元素首个字母的样式，常用于首字下沉或强调段落开头。通过p::first-letter可定义字体、颜色、大小等，支持font-size、color、line-height等文本属性，需注意仅对块级元素生效，且自动包含前导标点符号。
-
JavaScript本身不能直接实现服务端渲染（SSR），必须运行在Node.js环境中并配合框架或手动调用renderToString/renderToNodeStream等API；纯浏览器端JavaScript无法SSR。
-
HTML无障碍是开发者可控的编码实践，屏幕阅读器是用户端依赖的辅助工具；原生语义（如button）比div加ARIA更可靠；aria-label、aria-labelledby、aria-describedby用途各异，不可混用；语义标签不能靠CSS模拟；aria-live生效需满足DOM存在、内容更新方式及预置节点等条件。
-
优先用Flex布局解决缩略图与标题对齐问题：给图片容器设display:flex;align-items:flex-start;，标题用align-self:center;；避免float和vertical-align失效，统一弹性容器对齐基准，并删除固定height确保响应式正常。
-
本文介绍如何将HTML页面中多个表格与各自上方的搜索输入框一对一绑定，确保每个搜索框仅过滤其紧邻下方的对应表格，避免全局误匹配。
-
media属性仅参与响应式源选择而不控制播放，浏览器按顺序匹配media值（CSS媒体查询）并加载首个匹配且格式支持的<source>，省略时等价于"all"，不支持JS动态修改。
-
Promise构造函数中executor必须同步执行，否则违反Promises/A+规范；then必须返回新Promise并正确处理状态流转、微任务调度及thenable递归展开。
-
本文介绍如何通过forkJoin与catchError+of(null)组合替代嵌套mergeMap/zip链式调用，使各服务请求独立失败、互不阻断，保障UI能稳定消费可用数据。
-
应使用setInterval或requestAnimationFrame实现打字删除效果，显式管理状态与索引；优先用textContent防XSS和重排；配合caret-color、user-select等CSS确保光标同步与体验一致。
-
JSP需在服务器环境下运行，解决方法包括：1、使用Tomcat部署并访问JSP文件；2、用HTML结合JavaScript模拟动态内容；3、通过Servlet生成带数据的HTML；4、利用JSP包含机制模块化开发。
-
必须显式设置background-color和color才能有效改变mark样式，仅设color无效；需满足WCAGAA对比度（≥4.5:1），并适配深色模式，避免XSS与语义滥用。
