-
HTML5无法真正兼容IE6–IE8，IE9起部分支持但存在差异，IE10–IE11属有限兼容；需用html5shiv注册语义标签、适配事件绑定、填补ES5+API、处理CSS前缀及文档模式降级问题。
-
防抖解决连续触发事件时只在最后一次操作结束后延迟执行的问题，如搜索框输入防频繁请求；节流则控制高频事件每N毫秒最多执行一次，适用于scroll、拖拽等需限频场景。
-
HTML原生title属性能当tooltip用但不推荐；它无法自定义样式、不支持HTML、移动端失效且交互不可控；正式场景应选CSS伪元素、JS动态控制或Tippy.js等方案。
-
本文详解如何通过float属性将图片精准置于文本框左侧（而非底部），纠正常见浮动失效问题，并提供可直接运行的代码示例与关键注意事项。
-
async和defer的核心区别在于脚本执行时机和顺序。async脚本下载完成后立即执行，不保证顺序，适用于独立且无需操作DOM的脚本；defer脚本在HTML解析完成后按序执行，适用于依赖DOM或需顺序执行的脚本。两者均不阻塞HTML解析，但async可能打断渲染，defer则更利于页面首次渲染性能。
-
requestAnimationFrame是浏览器原生API，用于在下一次重绘前执行动画回调；它由浏览器调度，自动适配刷新率、后台暂停、节电状态，避免setTimeout的定时不准、后台耗电、不同步丢帧等问题。
-
小屏幕下网页内容被裁切时，应通过设置overflow-x:auto启用横向滚动，并结合Flexbox或CSSGrid实现自适应布局。1.使用overflow-x:auto允许容器水平滚动，配合min-width防止内容压缩；2.采用display:flex与flex-wrap:wrap使子元素弹性伸缩并自动换行；3.利用grid-template-columns:repeat(auto-fit,minmax(200px,1fr))创建响应式网格；4.避免固定宽度，优先使用fr、%等相对单位；5.在关键容器
-
计算属性的setter是用于实现双向绑定的写入逻辑，需用对象语法定义，接收新值并更新源数据，避免自身修改以防循环。
-
本文详解如何通过CSS选择器优先级解决导航栏中“Home/Shop/Pages/Contact”等链接无法变黑、字号难调整的问题，提供可立即生效的代码方案与避坑指南。
-
本文介绍如何用语义更清晰、维护性更强的方式替代多Checkbox+jQuery.show()/.hide()的繁琐逻辑，通过原生Radio按钮实现单选互斥，并结合CSS类（如shown）与结构化DOM关系，高效、可扩展地控制关联表单区块的显隐。
-
float布局下渐变背景不显示的根本原因是浮动元素高度塌陷导致父容器无高度，需确保浮动元素有明确高度或内容撑开，同时避免与flex/grid混用，并正确书写linear-gradient语法。
-
fr单位按剩余空间分配而非容器总宽，受padding、gap、min-width影响；响应式需用repeat(auto-fit,minmax(280px,1fr))；等高靠align-items:stretch或flex-column+margin-top:auto；IE11不支持fr，应降级为Flexbox。
-
Vue组件通信中异步数据问题的核心是子组件需具备未就绪状态容错能力：用v-if控制挂载、prop设默认值、模板用可选链、watch监听+immediate、provide/inject共享状态。
-
浏览器真正需要的是<metacharset="UTF-8">（必须最前防乱码）、<title>（否则标签页无名）、<base>（若使用则影响所有相对URL）、viewport（移动端必需）和X-UA-Compatible（仅IE8–11有效）；CSSlink需在head中阻塞渲染以避免闪烁，script需defer/async避免阻塞解析。
-
WebSQL被废弃因其未进入W3C标准流程，仅是SQLite私有实现，而IndexedDB成为标准替代方案；二者本质不同：WebSQL关系型、SQL驱动，IndexedDB对象存储、键值+索引驱动，迁移需重构数据访问逻辑。
