-
HTML5无序列表圆点不显示时，可采用四种方法修复：一、设list-style-type:disc并确保li的color为黑色；二、用list-style-image引用黑点PNG图；三、用::marker伪元素设content和color；四、用li::before伪元素模拟黑点。
-
必须等用户交互后调用audioContext.resume()激活上下文，再通过requestAnimationFrame循环调用analyser.getByteFrequencyData()获取频率数据，结合归一化处理和CSS自定义属性驱动动画。
-
封装LocalStorage因原生API仅支持字符串、无过期机制、缺乏错误处理；通过StorageUtil类实现序列化、异常捕获、过期控制，提升安全性与易用性，并可扩展监听、加密等功能。
-
ES6的class继承本质是原型继承的语法糖，更简洁且强制super调用；原型继承更底层灵活但易出错，适用于动态控制或兼容旧环境等特殊场景。
-
nav标签用于标识页面主要导航链接区域，提升语义化；2.常见位置是页眉、页脚和侧边栏，取决于设计与用户习惯；3.避免滥用，仅包裹主要导航链接，非所有链接都适用；4.正确使用可增强可访问性（如屏幕阅读器识别）和SEO（帮助搜索引擎理解结构），最终提升用户体验并以完整句结束。
-
column-gap不生效的根本原因是旧版多列布局依赖column-count/column-width触发，且不兼容inline-block、float等干扰样式；需确保容器为纯文本流、使用现代浏览器支持版本，或用column-rule模拟间隙。
-
Relative定位先占位再偏移，原位置保留；absolute参照最近已定位祖先，丢失则回退视口；fixed不随滚动容器移动，局部固定优先用sticky；z-index仅在同层叠上下文内生效，opacity等属性会隐式创建新上下文。
-
JavaScript通过调用栈处理同步任务，事件循环协调宏任务与微任务的执行，确保异步操作不阻塞主线程，从而实现高效非阻塞I/O和流畅的用户交互体验。
-
Flexbox响应式布局应移动端优先，默认flex-direction:column，媒体查询中动态调整flex-direction、flex-wrap和justify-content；尺寸控制交由子元素，主容器仅设display:flex及对齐属性。
-
事件溯源通过记录状态变化为不可变事件流实现状态管理，使用JavaScript可构建轻量级系统。首先定义包含类型、时间、数据和聚合ID的事件结构，并用数组模拟事件存储；接着创建聚合根如BankAccount类，通过applyEvent方法根据事件类型更新状态，并提供deposit、withdraw等行为触发新事件；为重建状态，实现loadAggregate函数，筛选特定聚合ID的所有事件并依次重放以恢复最新状态；示例中账户存款100后取款30，重载后余额正确为70；该模式核心是将状态变更转化为事件流并通过重
-
使用CSS的transform:rotate()和@keyframes可实现旋转动画，通过animation属性控制持续时间、速度曲线和循环次数，常用于加载图标、悬停效果等场景，配合transform-origin和硬件加速可优化视觉与性能表现。
-
<p>使用position:fixed或sticky可实现网页固定头部和底部布局。首先通过fixed将头尾元素脱离文档流并定位在视窗两端，配合margin和min-height为内容区预留空间，避免遮挡；推荐在简单场景中使用sticky实现粘性头部，需确保父容器未设置影响sticky的样式；注意设置足够z-index保证层级，结合calc(100vh-头高-尾高)适配全屏，移动端优先考虑sticky或添加-webkit-overflow-scrolling:touch以提升兼容性，最后通过媒体
-
倒影必须是视觉副本而非原元素翻转，需用伪元素或cloneNode创建独立节点；::after实现需满足position:relative、content:""与显式尺寸、opacity+scaleY(-1)+transform-origin三个条件。
-
高级正则通过捕获组、非贪婪匹配、断言和条件逻辑实现精准文本处理。1.捕获组用()提取年月日或重写URL，命名捕获提升可读性；2.非贪婪量词*?避免过度匹配，适用于HTML标签提取；3.前瞻(?=)和后顾(?<=)断言验证上下文不占字符，用于精确过滤数字或密码格式；4.条件匹配(?(cond)yes|no)处理可选结构如电话号码。掌握这些可实现结构化解析，需结合调试工具避免复杂化。
-
获取用户地理位置主要通过HTML5的GeolocationAPI，使用navigator.geolocation.getCurrentPosition()方法获取位置信息；1.调用时需处理权限问题，若用户拒绝授权则进入错误回调；2.成功回调中可获取经纬度、精度等数据，部分字段如海拔、方向可能不可用；3.常见错误包括权限被拒、定位不可用、超时，应根据不同错误码提示用户；4.可配置选项如启用高精度、设置超时时间、是否使用缓存以优化定位行为；5.移动端浏览器需在HTTPS环境下使用该API。
