-
鸿蒙NEXT不支持Android兼容层和WebView，H5应用需适配HTTPS、沙盒限制及禁用API；Uni-appx+UTS或Taro+鸿蒙插件桥是可行方案；Cordova/Capacitor因权限、插件、配置不兼容无法使用。
-
响应式padding/margin需用rem/em+媒体查询+移动优先：设htmlfont-size基准，断点处统一调小根字号；聚焦卡片、表单等视觉节奏位；Flex/Grid中慎用margin:auto，改用margin-inline或justify-content。
-
必须设置border-style才能显示边框，通过border-width、border-color和border-style可分别定义宽度、颜色和样式，或用简写属性border统一设置，如"border:2pxsolidblue"，也可单独设置某一边如border-top，四者结合CSS实现元素边框控制。
-
Jest是JavaScript生态中最省心、开箱即用的单元测试框架，尤其适合React和Node.js项目；无需配置即可运行test/spec文件，需注意文件命名、ESM支持、expect链式调用、mock时机及React测试聚焦用户行为。
-
HTML5在索尼Xperia手机上无需专属适配，但需严格设置viewport（含initial-scale=1.0）、用screen.width动态计算rem基准、双绑touchstart与click事件并preventDefault，且真机覆盖新旧机型测试。
-
使用input标签的value属性可设置文本框默认内容，如<inputtype="text"value="请输入姓名">；结合name、placeholder等属性提升功能，value用于预填信息，placeholder用于输入提示。
-
transition-timing-function控制动画速度变化，常用关键词如ease、linear、ease-in、ease-out、ease-in-out实现不同节奏，cubic-bezier()可自定义贝塞尔曲线实现弹性或过冲效果，结合场景选择合适曲线可提升动画流畅度与用户体验。
-
HTML中普通空格不显示是浏览器默认行为，解析器会压缩连续空白并忽略首尾空格；需用 、<pre>或white-spaceCSS等语义化方式保留格式。
-
实现响应式HTML5按钮需五种方法：一、CSS媒体查询按max-width断点调整样式；二、用rem/vw等相对单位替代px；三、Flexbox控制容器与按钮伸缩；四、CSS变量配合requestAnimationFrame优化的JS动态适配；五、Tailwind等框架的响应式工具类。
-
答案：通过CSS的:hover伪类可实现导航栏悬停变色。首先构建ul+li的HTML结构，用CSS设置无列表样式、水平排列和基础颜色；然后为nava添加:hover状态，修改background-color和color实现视觉变化；最后通过transition属性增添背景色渐变过渡效果，提升用户体验。注意去除文本下划线并设置display:block以确保点击区域完整。
-
答案：通过按需动态加载语言包、统一翻译函数与DOM更新、缓存降级策略及构建工具优化，实现JavaScript应用的高效国际化。首先检测用户语言环境，使用异步import()加载对应JSON语言文件，减少首屏体积；定义t(key)函数获取翻译文本，并绑定data-i18n属性元素实现动态渲染；结合localStorage缓存已加载语言包，设置默认语言回退机制，捕获加载失败异常；支持运行时语言切换并重新渲染界面；利用Webpack或Vite进行代码分割和模块批量注册，预加载常用语言资源提升性能。核心为“按需加
-
Chrome28前、Safari8前、iOSSafari7.1前、AndroidBrowser4.3及更早需-webkit-前缀；Firefox/Edge12+无需前缀，Opera12.1前需-o-；现代项目支持Chrome70+/Safari12.1+/iOS12.2+可不用前缀，但Android4.4仍需保留。
-
服务工作者通过拦截网络请求实现离线访问，其核心是生命周期管理与缓存策略。注册后经历安装、激活阶段，可预缓存资源并清理旧缓存；fetch事件中采用缓存优先、网络优先或竞速模式应对不同资源需求；需注意HTTPS限制、缓存版本控制及存储增长问题，结合DevTools调试确保离线功能稳定可靠。
-
background-attachment:fixed在现代CSS中常因父容器存在transform、perspective、filter或will-change而被浏览器静默降级为scroll；替代方案包括position:sticky、calc()配合background-position实现纯CSS视差，或使用scroll-drivenanimations（Chrome115+），iOSSafari则需特殊处理避免错位。
-
:checked伪类仅在radio/checkbox的checked属性为true时匹配，需配合+/~选择器控制关联标签样式，并隐藏原生input；常见失效原因包括缺name、for/id不匹配、漏cursor:pointer等。
