-
Object.entries返回一个二维数组，每个子元素为[key,value]形式的数组，仅包含对象自身可枚举、非Symbol的属性，不遍历原型链、不可枚举属性或Symbol键。
-
<inputtype="hidden">必须置于<form>内，设置合法name和动态/静态value，禁用敏感信息硬编码；CSS隐藏不可替代，因其语义错误且存在验证与可访问性风险。
-
HTML5播放器彻底绕过Flash依赖需从资源层、运行层双路径替换：SWF课件须转HTML5格式或重做；FLV/RTMP流需服务端转HLS/MP4并用hls.js播放；前端FlashAPI调用须重写为标准事件或postMessage通信。
-
KeepAlive本身不会导致内存泄漏，问题在于被缓存组件未清理的全局事件、定时器、第三方实例、watch副作用及大型数据引用；需在deactivated或beforeUnmount中显式清除。
-
用setInterval实现图片轮播需维护索引、防越界、确保加载完成再切换；CSS动画仅适合静态固定图；注意onload重复绑定、404处理、DOM缓存及visibilitychange控制后台运行。
-
正确做法是将图片嵌入相对定位容器，遮罩层同级绝对定位覆盖，仅对图片应用transform:scale()并设初始值，配合overflow:hidden防溢出、display:block去间隙、opacity过渡遮罩，触屏需JS降级处理。
-
Chrome仅识别字面值translate="no"，它是HTML5枚举属性（合法值仅"yes"/"no"），作用是阻止翻译器提取该元素及子节点文本，不改变DOM或JS执行；需在初始HTML的<html>标签声明，动态插入内容须手动添加，且需配合精确lang值（如lang="zh-CN"）才能可靠生效。
-
父容器背景不显示是因浮动元素脱离文档流导致高度塌陷，解决方法为清除浮动。推荐使用伪元素清除法：.container::after{content:"";display:block;clear:both;}，同时可结合overflow:hidden触发BFC，确保父容器包裹子元素并正常显示背景；避免背景重叠需设置margin间距、合理宽度及box-sizing:border-box。
-
答案：基于JSON语言包和自定义I18n类实现前端国际化，通过data-i18n属性标记元素，支持动态加载与切换语言。
-
用iframe嵌入静态地图最简：直接复制GoogleMaps或高德地图分享页的iframe代码，设宽高像素值（如width="600"height="400"）；示例高德：<iframewidth="600"height="400"src="https://www.amap.com/embed?marker=116.48,39.99&zoom=14"></iframe>。
-
<p>元素宽高计算不准确主因是盒模型（content-box）下width/height不含padding和border，或受box-sizing设置、父容器限制、替换元素固有尺寸、margin折叠等影响；推荐全局设*{box-sizing:border-box;}并用开发者工具实时验证布局。</p>
-
-webkit-user-select:none仅禁用鼠标选中文本，不影响开发者工具查看、JS读取、抓包或截图，纯属UI交互优化，无任何安全防护能力。
-
vertical-align仅对行内、行内块和表格单元格元素有效，常用于调整文字与图片对齐、实现单行文本居中（配合line-height）或通过table-cell布局垂直居中内容，但不适用于普通块级元素的垂直定位。
-
通过在SVG标签中显式声明width和height属性，并配合CSS的background-size:100%100%，可强制SVG背景无比例拉伸以完全覆盖容器，解决因矢量图缺乏固有尺寸导致的缩放不一致问题。
-
用Props控制换肤的核心是将结构化主题对象（如{primary:'#4a6fa5',background:'#f8f9fa'}）通过Props透传，子组件用style动态注入CSS变量（如--primary），并结合class切换（如theme-dark）实现语义化与兼容性降级，顶层统一管理主题状态，子组件无感消费。
