-
history.pushState()通过向浏览器历史栈添加新记录来更新URL且不刷新页面，需传入可序列化state对象、非null标题及同源URL。
-
JavaScript操作DOM需先获取元素再操作；document.getElementById最常用因其按id精确匹配、返回单个元素且兼容IE6+；querySelector返回首个匹配元素，querySelectorAll返回静态NodeList；修改内容优先用textContent防XSS；addEventListener需防重复绑定，推荐once选项或事件委托。
-
答案：通过CSS实现卡片悬停动画可提升交互体验，常见效果包括缩放、颜色变化和3D翻转；首先构建基础卡片结构，利用transition实现平滑过渡，hover时通过transform改变大小或旋转角度，配合box-shadow增强视觉反馈，翻转效果需设置preserve-3d与backface-visibility，注意动画简洁性及移动端兼容性。
-
网页图片轮播有三种主流实现方式：一、用Swiper插件，引入CSS/JS文件，构建swiper容器并初始化自动播放；二、用原生JavaScript定时器，通过数组和setInterval切换img的src；三、用纯CSS@keyframes配合radio实现无脚本轮播。
-
猎豹浏览器无法真正重置HTML5环境，因其基于已停更的Chromium49–53内核，缺失chrome://flags、WebGL2.0、MediaRecorder等现代API支持，且无系统级重载机制；唯一有效方式是强制结束进程并清除Cache/GPUCache后重启。
-
HTML5提供Canvas像素编辑和CSSfilter滤镜两种动态调图方式：Canvas通过JavaScript操作RGBA实现精确处理，CSSfilter则用内置函数高效叠加效果，二者可混合使用但toDataURL不捕获CSS滤镜。
-
JavaScript有8种数据类型：7种原始类型（string、number、boolean、null、undefined、symbol、bigint）按值存储且不可变，1种引用类型（object及其派生类型）按引用存储且可变；判断类型应组合使用typeof、instanceof和Object.prototype.toString.call()。
-
答案是使用transition属性可解决:hover文字颜色闪烁问题。通过在正常状态添加如transition:color0.3sease，使颜色变化平滑过渡，避免突变；将transition写在非hover状态确保进出均有动画，并控制持续时间与缓动函数优化体验。
-
使用iframe实现安全沙箱需遵循最小权限原则，通过分离域名强制跨域隔离，避免同源部署导致XSS穿透；配置X-Frame-Options和CSP防止恶意嵌入与资源加载；启用sandbox属性限制iframe能力，如仅允许脚本执行时使用allow-scripts；严格校验postMessage的origin与数据结构，防止信息泄露与命令注入；结合CSP的frame-ancestors、child-src等指令构建多层防御，确保通信可控、可验证，从而有效防范iframe相关攻击。
-
浏览器缓存导致CSS未更新，解决方法有二：强制刷新（Ctrl+F5或禁用缓存）或URL加版本号；生产环境应采用服务端缓存策略，如内容哈希命名或合理设置Cache-Control头。
-
JavaScript通过GeolocationAPI调用系统定位服务获取位置，核心方法为getCurrentPosition()、watchPosition()和clearWatch()，需用户授权且仅限HTTPS环境，精度取决于设备能力与环境。
-
应使用v-html指令渲染可信HTML内容，或结合DOMPurify净化后注入；也可用render函数构造VNode规避XSS，或通过自定义指令封装校验逻辑。
-
可通过CSS3动画、transition、JavaScript样式操作、类名切换及WebAnimationsAPI五种方法实现HTML5元素动态效果：一用@keyframes定义关键帧并配置animation属性；二用transition设置属性过渡；三用JavaScript直接修改style；四用JavaScript增删CSS类触发动画；五用WebAnimationsAPI原生控制动画。
-
使用百分比宽度可使盒子按父元素比例显示，.child设置width:50%时宽度为父容器300px的一半即150px，需注意padding和border会额外增加宽度，导致溢出；通过box-sizing:border-box可将内边距和边框包含在宽度内，确保尺寸准确；结合Flex布局时，设置display:flex与flex:1可让子元素平分父容器空间，适用于响应式设计。关键在于理解百分比基于父级宽度，并配合box-sizing和弹性布局实现精确控制。
-
HTML5的<mark>元素用于高亮与当前上下文相关的文本。1.它通过语义提示突出特定内容，如搜索结果中的关键词；2.使用时直接包裹目标文本，如<mark>HTML5</mark>；3.默认背景为黄色，但可通过CSS自定义样式，如修改背景色、文字颜色、添加圆角等；4.可结合类名实现多种高亮效果，例如普通高亮与关键信息高亮区分；5.与、、、不同，其核心在于表达“上下文相关性”而非强调或视觉样式；6.应用于搜索结果、引用重点、代码教程、用户反馈等场景，不应仅用于视觉效果、替
