-
HTML不负责美化，CSS通过外链或style标签控制样式；应多用class而非id；禁用过时标签和内联样式；用rem+clamp()实现响应式；伪类和媒体查询需真实设备测试；字体加载需font-display:swap。
-
section与div的本质区别在于语义有无而非功能强弱：section表明“有主题的内容区块”，需含h1–h6标题；div则明确表示“无语义的通用容器”，适用于纯布局或交互场景。
-
本文介绍通过CSS定位与背景尺寸控制，实现响应式覆盖层（如可点击的甜甜圈）在任意窗口尺寸下始终精确对齐背景图像中目标区域的方法，适用于图片、GIF和视频背景场景。
-
Map和Set是解决键值映射与自动去重问题的专用工具：Map支持对象作键、插入顺序遍历、O(1)查存；Set提供O(1)去重与存在性判断；小规模静态场景仍宜用对象和数组。
-
推荐四种HTML5邮件发送方案：一、保存为本地文件作附件；二、内联样式脚本后以HTML正文发送；三、用Mailchimp等模板服务生成兼容邮件；四、生成静态截图加超链接分享。
-
border-color:transparent不会让边框消失，它仍占布局空间；应改用outline或box-shadow实现视觉无边框效果，避免影响盒模型。
-
使用transform和opacity属性、创建合成层、结合anime.js等轻量库优化动画性能，避免重排重绘，提升渲染效率。
-
使用标准Hex或RGBA格式可解决浏览器颜色显示不一致问题。推荐采用六位Hex颜色码（如#66ccff）以确保兼容性，避免使用颜色关键词以防解析差异；使用RGBA时应确保RGB值为0–255整数且Alpha为0到1小数，并可提供Hex降级方案；网页设计应基于sRGB色彩空间，避免嵌入ICC配置文件图片以防止色彩管理导致偏色；同时需在多设备、多浏览器中测试配色，利用开发者工具核对渲染颜色，并统一团队显示器校准标准，从而实现跨平台颜色一致性。
-
JavaScript拖放功能依赖原生DragandDropAPI，需设draggable="true"，关键事件包括dragstart、dragover（须preventDefault）、drop等，dataTransfer用于传数据，注意兼容性及移动端不支持。
-
Proxy与Reflect是JavaScript元编程核心工具，Proxy可拦截对象操作如get、set，实现日志、验证、响应式等高级功能，Reflect提供统一默认行为接口，确保操作一致性。示例中Proxy用于属性访问日志、数据类型验证（如age必须为数字）、防止属性删除，结合Reflect正确执行默认行为；在响应式系统中，通过副作用函数追踪依赖，实现数据变化自动更新，是现代前端框架核心机制。掌握二者可提升代码灵活性并深入理解框架原理。
-
HTML5页面性能优化需五步：一、图片懒加载用IntersectionObserver；二、移除隐藏DOM节点；三、动画改用transform/opacity；四、长列表启用虚拟滚动；五、JS任务拆分并延迟执行。
-
section与div的本质区别在于语义有无而非功能强弱：section表明“有主题的内容区块”，需含h1–h6标题；div则明确表示“无语义的通用容器”，适用于纯布局或交互场景。
-
行内元素默认并排显示、宽度由内容决定且不可设宽高，块级元素独占一行、可设宽高并默认撑满父容器；通过CSS的display属性可改变元素显示类型，其中inline-block兼具行内排列与块级盒模型特性，是实现水平布局的重要手段。
-
Math.random()生成[0,1)浮点数，整数范围[min,max]用Math.floor(Math.random()(max-min+1))+min，浮点数范围[min,max)用Math.random()(max-min)+min。
-
D3.js通过数据驱动实现高度定制化图表，核心是数据绑定、选择集、比例尺与轴，支持从柱状图到力导向图、地图等复杂可视化，结合SVG与交互设计可创建动态渐变、动画过渡效果，并可通过Canvas优化性能，适合构建个性化数据展示。
