-
答案：图片懒加载通过延迟非关键图片的加载，显著提升页面初始加载速度、节省流量并改善用户体验。实现方式首选原生loading="lazy"，兼容性不足时使用IntersectionObserverAPI，其通过监听元素进入视口触发加载，性能优于传统scroll事件监听。需注意布局抖动、首屏加载、SEO及动态内容等挑战，合理设置占位符、预加载关键资源，并处理响应式图片属性以确保最佳效果。
-
SVG适合需要无损缩放、结构化图形和交互的场景，如图标、图表、地图，其优势是矢量清晰、DOM可操作、SEO友好，但性能受限于元素数量；Canvas适合高性能需求场景，如游戏、实时动画、大数据可视化，其优势是像素级高效渲染，但缺乏DOM支持、SEO不友好。1.SVG基于矢量和DOM，适合响应式设计与交互式图形；2.Canvas基于像素，适合大量动态绘制和高性能动画；3.SVG利于SEO和样式控制，Canvas则需手动实现交互逻辑；4.项目选择应权衡图形复杂度、交互需求、可访问性及开发效率。
-
HTML5规范要求以<!DOCTYPEhtml>开头，严格遵循语义化结构（如唯一<main>、<section>需标题）、正确设置lang和charset，script需defer/async，fetch须处理加载/错误/空数据态，并用本地服务器替代file://开发。
-
按钮点击区域偏移主因是视觉位置与热区不一致，常见于relative定位未重置top/left、box-sizing不统一、transform缩放未同步hit-area，或未用伪元素合理扩展热区。
-
最轻量做法是用::after伪元素配合border属性绘制小三角。关键点：仅设置单向实色边框，其余为transparent；父元素需设position:relative以确保精确定位；可灵活切换方向、颜色及适配hover/active状态；兼容IE9+，纯装饰性无需ARIA。
-
卡片悬停效果通过CSS的transition和box-shadow实现，先构建包含标题和描述的div结构，设置圆角、阴影及0.3秒缓动过渡，鼠标悬停时加深box-shadow并上移4px模拟立体感，配合will-change优化渲染，避免使用触发重排的属性，整体提升交互体验。
-
通过font-size、color和text-align类可高效实现文本样式控制，如text-lg设字号、text-blue-600定义颜色、text-center居中对齐，结合响应式类提升开发效率与视觉统一性。
-
本文介绍如何利用浏览器URL的hash值（如#sprites），在页面加载时自动匹配并选中<select>下拉框中具有相同id的<option>，实现导航联动效果。
-
iOS上DeviceOrientation不准的主因是未开启“MotionCalibration&Distance”系统服务，而非陀螺仪硬件故障；该服务默认常关闭，需手动启用，并配合平放静止、缓慢旋转等动作诱导系统重融合，且CIT校准后须重启Safari才生效。
-
DOM是浏览器解析HTML后生成的内存中对象树，每个节点对应可编程JS对象，不等于原始HTML字符串；获取元素优先用getElementById、querySelector、querySelectorAll；修改内容用textContent或innerHTML，属性用点号或setAttribute，样式用className或classList；事件需确保DOM就绪，动态元素用事件委托。
-
本文介绍如何在Webpack5中通过多入口配置与HtmlWebpackPlugin精确控制不同HTML文件所加载的JS资源，实现“1.html加载main.js和123.js，2.html仅加载main.js”的按需打包需求。
-
Proxy的核心用途是提供钩子机制以精准控制特定行为，其能力取决于handler函数，适用于细粒度干预、调试辅助、不可变封装和API边界控制。
-
使用a:visited伪类可改变已访问链接颜色，需按LVHA顺序定义link、visited、hover、active状态，且受限于隐私保护，仅允许修改color等少数属性。
-
用background-position滑动渐变实现颜色过渡动画最稳定，需设background-size为200%且避免简写；多层opacity切换适合硬切多阶段渐变；GPU加速和属性拆分是流畅关键。
-
CSS选择器的功能包括基本选择、属性选择、位置选择和状态选择。1.类型选择器如div、p直接选择元素。2.类和ID选择器通过.和#加名称精确定位。3.属性选择器如input[type="text"]根据属性值选择。4.后代和子选择器如divp和div>p选择特定位置的元素。5.伪类和伪元素选择器如:hover和::before根据交互状态或插入内容选择。通过这些选择器，我们可以灵活控制网页元素的样式。
