-
:only-of-type选择器用于选中父元素中某标签类型唯一的子元素。例如p:only-of-type会匹配其父级中唯一的<p>元素，而忽略有多个同类型子元素的情况。与:only-child不同，后者要求该元素是唯一子元素，不考虑类型。实际应用包括：仅有一个图片时居中显示、单标题卡片加大字号、单一输入框占满宽度等。语法为element:only-of-type{样式声明}，可减少额外类名使用，提升HTML简洁性。关键是理解“类型唯一”的判定条件。
-
使用HTML5构建现代响应式网站需五步：一、搭建标准语义化文档结构；二、用header、nav等标签组织内容；三、嵌入srcset响应式图像与带controls的音视频；四、结合CSS3媒体查询与HTML5表单属性增强交互；五、通过localStorage和ServiceWorker实现本地存储与离线功能。
-
答案：HTML5中通过CSS3的text-shadow属性实现文字阴影效果，语法为“水平偏移垂直偏移模糊半径颜色”，支持多重阴影叠加，可创建发光、浮雕、外描边和3D投影等特效，现代浏览器兼容性良好，使用时需注意性能与可读性。
-
WebWorkers是HTML5的后台线程API，用于执行计算密集型任务而不阻塞主线程。通过newWorker()创建独立线程，利用postMessage进行主线程与Worker间通信，支持传递基本数据及ArrayBuffer等高效传输方式，Worker内不可操作DOM或访问window对象。任务完成后应调用terminate()或self.close()释放资源，避免内存泄漏。合理使用可显著提升页面性能和响应能力。
-
CSS渐变背景主要分为线性渐变和径向渐变两类。线性渐变沿直线方向实现颜色过渡，适用于导航栏、按钮、卡片等需要方向感和层次感的场景；径向渐变从中心点向外辐射，适合用于焦点突出、光晕效果或背景装饰，营造聚集感和空间感。通过background-image属性结合linear-gradient()和radial-gradient()函数，可精确控制方向、角度、形状、大小及颜色停止点，实现丰富视觉效果。实际应用中需注意浏览器兼容性、性能优化、可访问性对比度、响应式适配及调试便捷性，推荐使用现代工具辅助生成与调整渐
-
Proxy是JavaScript中用于拦截并自定义对象基本操作的内置构造函数，通过target和handler参数实现对get、set等操作的可控拦截，常用于响应式系统、验证、日志等场景。
-
JavaScript事件循环严格遵循“宏任务→清空全部微任务→下一宏任务”节奏：先执行一个宏任务，再连续执行所有微任务直至队列为空，最后浏览器可能渲染并取下一个宏任务。
-
1、使用LiveServer扩展可实现HTML文件的实时预览，安装后通过右键菜单打开服务器；2、手动双击HTML文件用浏览器打开，适合简单页面但需手动刷新；3、配置tasks.json任务调用系统命令运行当前HTML文件；4、安装CodeRunner扩展后点击播放按钮即可快速运行。
-
使用markdown-it解析Markdown并提取代码块语言标识；2.集成highlight.js对代码进行语法着色；3.通过监听输入事件实现左右分栏实时预览；4.利用防抖优化渲染性能，加载高亮主题样式，完成轻量编辑器构建。
-
使用padding属性统一按钮内边距，通过设置固定值如padding:10px20px实现视觉一致；2.定义类名.btn、.btn-lg、.btn-sm区分不同尺寸按钮，便于复用和管理；3.避免混用margin与padding，建议使用重置样式清除浏览器默认差异，并为图标按钮设置统一内边距如padding:10px15px，确保整体布局整齐。
-
D3.js通过数据绑定与DOM操作实现动态可视化，先引入库并设置SVG容器，再用data()绑定数据，enter()生成元素，结合scale和axis添加坐标轴，最后通过on()监听事件实现交互，适合高定制化需求。
-
必须用repeat(auto-fill,minmax(280px,1fr)))实现响应式网格：auto-fill预留空列保结构稳定，minmax设定卡片最小宽度与弹性伸缩，配合gap和无固定宽的卡片，确保多端自适应且不溢出。
-
使用Flexbox和媒体查询可高效实现响应式导航。1.用Flexbox创建水平导航栏，设置flex-wrap:wrap允许换行；2.中等屏幕下导航项自动折行；3.移动端通过@media(max-width:768px)切换为垂直堆叠布局，隐藏nav-links并显示汉堡按钮；4.JavaScript控制点击菜单切换active类，实现展开/收起。结合display、flex-direction与断点控制，适配多设备体验。
-
JavaScript数组扁平化是将多维数组转为一维数组的过程，常用方法包括：使用ES2019的flat()方法可指定层级或Infinity展开全部；递归遍历数组并合并元素实现自定义逻辑；结合reduce与concat进行函数式编程处理；利用扩展运算符与some循环展开直至无嵌套。推荐优先使用flat()，兼容性不足时选用其他方式，操作中应注意保持原数据不变，必要时深拷贝。
-
空值合并运算符（??）在JavaScript中用于精确处理null和undefined的默认值赋值，与逻辑或（||）不同，它仅当左侧为null或undefined时返回右侧值，保留0、""等假值；典型应用场景包括配置项设置和API数据处理，如config.timeout??5000；注意不可与&&或||直接混用，需加括号避免语法错误。
