-
微信AndroidX5内核主动限制密码框focus事件，需避免自动聚焦、显式设置inputmode="text"、固定height并用flex布局、按钮用button标签且z-index>1，遵循X5特有规则而非标准浏览器逻辑。
-
后代选择器“抓太多”因匹配任意嵌套层级的元素；应优先用子选择器>限定直接子级，再结合语义化类名（如.card>.card-title）实现精准控制。
-
HTML5对移动端适配更强，因其原生支持viewport、flexbox/grid及媒体查询等响应式底层能力；而HTML4/XHTML需外部补丁，且在非HTML5doctype下viewport常失效、flex/Grid错位、媒体查询基准错误。
-
HTML可在嵌入式设备上通过三种方式实现轻量级UI：一、用lighttpd等微型Web服务器部署HTML文件；二、在Linux/RTOS中用WebView组件加载本地HTML并双向通信；三、在MCU上用Duktape等JS引擎解析HTML片段直驱硬件。
-
答案：HTML标签嵌套需遵循语义化和结构规范，避免浏览器解析错误、SEO下降和维护困难。块级元素可包含行内和其他块级元素，而行内元素不可嵌套块级元素；列表、表格、表单等有特定嵌套规则；HTML5新增如<article>、<section>、<nav>等语义化标签，提升可访问性和SEO；使用外部CSS、合理选择器、有意义类名及验证工具可优化代码质量和样式管理。
-
JavaScript中最常见内存泄漏场景是DOM元素移除后事件监听器或闭包仍持有引用；需及时清理addEventListener、定时器、全局变量及跨模块引用链。
-
CSS属性选择器默认大小写敏感，使用[i]修饰符可实现ASCII字母的大小写不敏感匹配，支持=、~=、*=、^=、$=等类型，现代浏览器已兼容，IE不支持。
-
IE11对HTML5video支持不完整：仅支持MP4/H.264+AAC，需显式声明type="video/mp4"；动态设置src后须等待loadedmetadata事件再play()；需检查canPlayType()并启用video.js等兼容方案。
-
动态导入与代码分割通过按需加载提升性能。1.动态import()实现运行时条件加载，适用于按钮触发、路由切换等场景；2.构建工具据此拆分代码，生成独立chunk，支持路由分离、vendor提取；3.配合React.lazy和Suspense优化异步组件加载；4.preload/prefetch提示浏览器预加载资源，减少等待；5.魔法注释控制chunk行为，合理设计命名与缓存策略可进一步优化体验。
-
new操作符执行四步：创建空对象、设置原型链、绑定this并执行构造函数、按返回值决定最终结果；省略new会导致this指向错误或返回undefined；箭头函数因无prototype和[[Construct]]不可被new调用。
-
本文详解如何通过CSS的position:absolute与z-index配合，使<details>元素在点击展开时脱离文档流、层叠显示于其他<article>之上，解决默认展开导致页面重排和视觉遮挡问题。
-
本文聚焦于Vue前端开发中“图片链接已正确获取但页面不渲染”的典型问题，核心原因是后端返回的JSON字段名（如imgurl）与前端模板中使用的属性名（如card.imgUrl）存在大小写差异，导致响应式绑定失败。
-
visibility:hidden使<select>隐藏但保留布局空间且仍可聚焦操作；display:none则彻底移除、不占位且禁交互；需禁交互时应配合disabled或pointer-events:none，或直接使用hidden属性。
-
FormData.append()传文件无效主因是未正确传入File对象或字段名不匹配，且fetch上传时手动设置Content-Type会破坏boundary导致后端收不到文件，必须由浏览器自动设置。
-
Grid容器只需最外层设display:grid，内部用grid-column/row定位；避免冗余嵌套、滥用margin和subgrid，优先用gap、grid-template-areas及align-self等高效方案。
