-
答案：HTML5的<meter>元素用于展示标量测量值，如磁盘使用率或投票比例，通过value、min、max定义数值范围，low、high、optimum标识状态区间，并可结合CSS美化样式，提升数据可视化语义表达。
-
用HSL调亮度最自然可控，因L值独立控制明暗且保持色相统一；如品牌色#4A6FA5转为hsl(213,38%,47%)，升L至82%得浅色版hsl(213,38%,82%)。
-
前端埋点系统通过JavaScript采集用户行为数据，主要类型有代码埋点、可视化埋点和无痕埋点；1.通过事件监听捕获用户操作；2.收集页面与设备上下文信息；3.使用唯一ID维护用户标识；4.采用sendBeacon等策略上报数据，并优化频率、脱敏、离线重发以保障稳定性与准确性。
-
静态站点生成通过预编译HTML、CSS和JavaScript提升性能、安全性和低成本。利用Jekyll、Hugo、Eleventy、Next.js或Astro等工具，将模板与数据结合生成静态页面，适合博客、文档类网站；应对动态内容可集成HeadlessCMS、第三方服务及CI/CD自动化部署，兼顾效率与功能扩展。
-
防抖只执行最后一次操作，节流按固定频率执行；防抖适用于搜索输入等需用户停止后响应的场景，节流适用于滚动监听等需持续稳定反馈的场景。
-
表单样式异常多因多个CSS框架对原生元素设置不一致默认样式所致，应通过reset.css在所有样式前重置边框、内外边距、字体继承等关键属性，并配合手动微调确保可用性。
-
核心是只渲染可视区元素以提升性能。通过监听滚动事件，计算可视范围并动态更新内容，利用固定容器高度、总高度占位、起始结束索引计算及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仅用于需多次重赋值且无法重构的场景。
