-
CSS选择器对动态插入元素不生效，因其依赖静态匹配机制，仅在首次渲染或重排时扫描DOM；新节点若未显式携带匹配所需class/id等属性，则无法触发样式计算。
-
Word打不开含HTML图片的文档，根本原因是其不解析<img>标签，仅识别内嵌对象或OLE/EMF容器；直接保存HTML代码为.doc/.docx会被当纯文本读取，图片路径不加载。
-
textarea设resize:none有时不生效，因浏览器用户代理样式默认为both且可能被继承覆盖；iOSSafari直接忽略该属性；需!important强制、JS拦截或改用max-height+overflow控制。
-
本文介绍如何通过HTML/CSS/JavaScript在GoogleChart图表上方精准叠加可交互、可动态更新的文本层，无需修改图表数据或依赖注解（annotation），适用于标题增强、状态提示、实时指标等场景。
-
可行但有副作用：display:none会使下拉框彻底脱离渲染树，无法交互、不可见、读屏器不可识别，且表单提交时值仍存在；推荐结合disabled属性使用以确保安全。
-
最直接的换行方式是使用<br>标签；它专用于强制换行，适用于地址、诗歌等需紧凑换行的场景，且为自闭合标签，不可嵌套滥用或连续堆叠。
-
使用TensorFlow.js可在浏览器中直接运行AI模型，无需安装软件。首先通过tf.loadLayersModel()加载预训练模型文件（如model.json），再将用户输入的图像、文本等数据转换为张量格式，调用model.predict()进行推理，并提取结果。为提升性能，应启用WebGL加速、使用tf.tidy()管理内存、采用量化模型减小体积，同时添加加载提示与错误处理以优化体验。整个过程涵盖模型加载、数据预处理、推理执行和性能优化四个关键步骤。
-
HTML5无内置星空闪烁滤镜，CSSfilter无法实现非同步明暗变化；需用canvas每帧独立控制星点alpha、大小和相位，或WebGL实现3D效果。
-
最常用方式是设置cursor:pointer实现小手图标，推荐用于hover状态以避免误判；还可根据交互意图选用move、grab、not-allowed等值增强语义表达，并注意移动端兼容性与误用风险。
-
暗黑模式下:root变量未生效，主因是CSS加载顺序错误或作用域覆盖；应确保:root声明在末尾、避免局部重定义、用“Computed”面板排查继承链；主题切换需统一由setTheme()控制，以data-theme为唯一权威源；变量命名须语义化（如--color-text-primary），禁用表现式命名；闪动问题可通过临时禁用transition和确保可动画属性解决。
-
label默认不对齐顶部是因为其作为行内元素，vertical-align默认为baseline，导致与input基线不一致而视觉错位；flex布局（flex-direction:column）是顶部对齐最稳方案。
-
正确声明@font-face需同时满足五点：格式组合（woff2+woff+ttf）、路径相对CSS文件、font-family名称严格一致、font-weight/style与字体文件匹配、必加font-display:swap。
-
JavaScript实现单例模式的核心是控制构造函数只返回同一全局唯一实例，常用方式包括闭包+静态属性、ES6模块天然单例、Symbol+WeakMap私有单例，不推荐全局变量硬绑定。
-
JavaScript模块打包本质是按依赖关系组织分散代码生成浏览器可运行产物；Webpack“先打包再运行”，Vite“边运行边编译”，开发启动与HMR性能、生产构建路径、配置复杂度及适用场景均有显著差异。
-
答案：前端i18n通过键值映射实现多语言切换，利用语言包对象存储不同语言文本，通过当前语言标识获取对应翻译内容；结合data-i18n属性标记可翻译元素，使用t()函数动态替换文本，并可通过setLanguage()更新界面语言；自动读取navigator.language判断用户偏好，支持插值和模块化扩展，适用于SPA和静态站点的国际化需求。
