-
核心是只渲染可视区元素以提升性能。通过监听滚动事件，计算可视范围并动态更新内容，利用固定容器高度、总高度占位、起始结束索引计算及transform定位实现；对等高项目直接数学计算，对变高项目用位置映射表和二分查找优化；结合DOM复用、事件节流、RAF和预加载等技巧，确保流畅滚动，适用于万级数据列表。
-
align-items:stretch默认生效但需满足条件：子元素未设固定交叉轴尺寸、未设非stretch的align-self、非带固有尺寸的替换元素，且父容器高度明确；否则可用flex:1强制等高。
-
::marker伪元素用于设置列表项标记的样式，可修改颜色、字体、大小等；它作用于<li>或display:list-item元素，常与list-style-type配合使用；支持属性有限，推荐用::before实现更复杂自定义。
-
HTML5GeolocationAPI提供标准化接口获取用户地理位置：先检测navigator.geolocation支持性；再用getCurrentPosition()获取单次定位或watchPosition()持续监听；需处理code=1/2/3错误；最后可用IP定位容错补充。
-
CSS定位本身不直接导致性能下降，但大量或不当使用会引发重排、重绘及合成层爆炸；应优先用transform替代top/left动画，合理控制合成层数量，明确absolute定位上下文，并谨慎使用sticky。
-
视差动画延迟通常由CSS中不加区分的transition:all或冗余的transition-duration引起，尤其当它作用于background-position等高频更新属性时，会严重拖慢动画帧率。本文提供精准修复方案：仅对filter等必要属性启用过渡，禁用backgroundPosition的过渡效果，并优化CSS结构与类命名。
-
必须先用getContext('2d')获取CanvasRenderingContext2D对象才能绘图，否则调用fillRect等方法会报错；fillRect填充矩形，strokeRect仅描边，二者样式不共享；Canvas尺寸应通过width/height属性设置，而非CSS；动画中需每帧clearRect并合理管理状态。
-
HTML5不提供URL参数加密功能，需用JavaScript实现，推荐WebCryptoAPI的AES-GCM加密；明文传参易泄露于地址栏、日志等，存在越权风险。
-
必须用const的情况是变量声明后不重新赋值；const表示绑定不可重赋值，允许修改对象属性或数组元素；循环中用const可避免意外覆盖；let仅用于需多次重赋值且无法重构的场景。
-
微任务是JavaScript中优先级最高的异步任务，总在当前宏任务结束后立即执行全部队列；常见微任务有Promise.then/catch/finally、MutationObserver、queueMicrotask()及Node.js的process.nextTick；易误认的宏任务包括setTimeout(0)、requestAnimationFrame和setImmediate；微任务递归会导致页面卡死，应改用setTimeout或requestAnimationFrame避免。
-
直接给HTML的<area>标签添加CSS样式无效，因为<area>本身不参与视觉渲染；要实现热点高亮效果，需通过以下步骤：1.将图片放在一个position:relative的容器内作为定位参照；2.为每个<area>创建一个可样式化的替身元素（如div或span）；3.根据coords属性计算并使用position:absolute精确设置替身的位置和大小；4.设置替身默认透明并关闭pointer-events以避免遮挡事件；5.使用JavaScript监听<
-
可在Jimdo网站通过“HTML区块”嵌入HTML5代码：先添加HTML区块并粘贴合法代码，再验证语法与兼容性（禁用内联JS、确保HTTPS绝对路径），Pro用户可启用高级模式支持脚本和CSS，最后发布并在真实环境调试。
-
最直接且推荐的方式是使用CSS的:required伪类，它能选中带有required属性的表单元素并为其设置样式，结合:invalid、:valid、:focus等伪类可提供动态视觉反馈，通过边框颜色、背景色变化及星号提示等方式让用户清晰识别必填项，同时需注意保持样式简洁、确保颜色对比度、配合aria-required提升无障碍性，并辅以JavaScript处理复杂验证逻辑，从而全面提升表单填写体验。
-
Flexbox等高布局默认由align-items:stretch实现，但需父容器有明确交叉轴高度且子项未限制自身高度；常见问题包括父高未定义、子项设固定高或align-self，IE11存在border/padding兼容性问题。
-
:nth-child(odd)和:nth-child(even)可直接实现列表隔行变色，但需确保父元素下仅含<li>标签；若混杂其他节点，应改用li:nth-of-type(odd/even)以精准匹配<li>元素，避免序号偏移。
