-
div是块级容器，用于布局划分；span是行内容器，用于局部样式修饰。二者主要区别在于display类型与使用场景。
-
通过color属性设置图标字体颜色，因其本质为文本，可直接用color定义颜色，如.icon{color:red;}使图标变红；支持:hover伪类实现悬停变色，如.icon:hover{color:#ff6b6b;}；可通过预设类如.text-success、.text-danger统一管理不同颜色；需确保字体正确加载且无其他样式覆盖。
-
使用相对单位和clamp()函数协调字体与行高，确保响应式设计中文字可读性；通过rem、vw设置font-size，配合无单位line-height（如1.6），实现行距自动适配；结合媒体查询在小屏微调line-height，避免过大或过紧；正文行高建议1.5-1.8，标题1.1-1.4，提升多设备阅读体验。
-
优化HTML页面加载性能需从资源优化、加载策略、监控与持续改进入手。1.压缩HTML、CSS、JS并合并文件，减少请求；2.图片转WebP格式，启用懒加载；3.内联关键CSS，异步加载非关键JS；4.使用CDN和预加载提升传输效率；5.通过Lighthouse、PerformanceAPI和RUM监控性能；6.设定预算并集成CI/CD检测，定期评估第三方脚本影响。坚持执行可显著提升加载速度与用户体验。
-
Promise.all用于处理多个异步操作，接收一个Promise数组并在所有Promise都resolve后返回结果数组；若任一Promisereject，则立即返回该错误。1.Promise.all适用于需所有异步操作均成功完成的场景，如并行请求多个API、加载多个资源、执行多个数据库查询等；2.与Promise.allSettled不同，后者会等待所有Promise结束（无论成功或失败）并返回每个Promise的结果状态；3.处理Promise.all中的错误可通过.catch捕获，或将每个Prom
-
:empty选择器匹配完全空的元素，包括无HTML子元素、空格、换行符等。1.判断标准严格，仅当元素内没有任何内容时才为空；2.可用于隐藏无内容的容器，避免空白区域影响布局；3.控制表单验证中的错误提示，提升界面整洁度；4.清理后端数据不稳定导致的空节点，防止干扰排版与无障碍体验；5.注意空格、换行、注释均会影响判断，动态内容需结合JS处理，部分场景需自定义逻辑判断“空”。
-
JavaScript中扁平化嵌套数组的核心是将多层结构转为一维数组，1.使用Array.prototype.flat()可指定层数或用Infinity扁平化所有层级；2.使用reduce结合递归能手动实现深度扁平化，逻辑清晰且通用；3.使用扩展运算符结合while循环的迭代法可避免递归栈溢出风险，适合处理深度不确定的数组；flat(Infinity)通过递归遍历实现，但需注意性能、内存和兼容性问题；最佳实践包括优先使用flat()、按需指定深度、确保非数组元素正确处理，并在可读性与性能间权衡，最终选择适合
-
内联样式通过style属性直接定义CSS，优先级高且控制精准，适合调试或动态样式；但难以维护、不利复用，影响性能，建议仅用于邮件模板、JS动态设置等特定场景。
-
答案是https://www.w3schools.com，该平台提供HTML完整学习路径、内置实时预览编辑器、配套CSS与JavaScript教程，界面清晰支持响应式浏览，具备精准搜索与目录导航功能，内容持续更新并配备问题解答区和用户评论区，还推出移动端应用支持离线学习。
-
JSONP的核心原理是利用<script>标签不受同源策略限制的特性，通过动态创建<script>标签向跨域服务器请求数据，服务器将JSON数据包裹在客户端指定的回调函数中返回，从而实现跨域数据获取。1.首先生成唯一的全局回调函数名，避免多个请求间的命名冲突；2.创建<script>标签并设置其src为带callback参数的URL，指向目标服务；3.将回调函数挂载到window对象上，供服务器返回时调用；4.服务器响应函数调用格式的数据，浏览器执行该脚本并触发回调；5
-
本文详细介绍了在Vue应用中如何通过监听beforeinput事件，实现对用户输入内容的实时、即时验证与阻止。与传统的watchEffect或v-model结合.replace()方法不同，beforeinput事件允许开发者在字符被实际插入到输入框之前进行拦截，从而彻底防止非法字符的显示，提供更流畅的用户体验。文章提供了具体的代码示例和详细解释，帮助开发者高效地实现前端输入控制。
-
答案：实现不依赖第三方库的JavaScript模板引擎，核心是通过正则匹配双大括号语法{{}}提取变量名，结合replace方法与数据对象动态填充，支持嵌套属性访问（如user.name）可通过路径解析函数getValue实现，复杂逻辑如if/for可选地在预处理阶段处理，保持引擎轻量稳定。
-
CSS颜色关键字是预定义颜色名称，可直接用于color、background-color等属性，如red、blue、green，支持140多个标准名称，使用简单且不区分大小写，推荐小写书写，适用于现代浏览器，便于快速开发。
-
要实现数据高亮搜索，不能依赖::selection伪元素，而应使用JavaScript和CSS协作完成。具体步骤包括：1.获取搜索关键词；2.定位目标文本；3.动态包裹匹配项；4.应用高亮样式；5.提供清除机制。::selection仅控制用户选中文本时的样式，不具备程序自动识别和持久化高亮能力。JavaScript负责查找并包裹匹配内容，如通过正则表达式替换innerHTML或操作DOM节点，CSS则为包裹标签定义高亮样式。清除高亮可通过还原原始HTML或遍历移除标签实现，导航功能则利用查询结果数组与s
-
在HTML中，替代<center>标签的方法有三种：1.使用CSS的text-align属性实现水平居中；2.结合line-height属性实现单行文字的垂直和水平居中；3.使用flexbox或grid布局实现多行文字的垂直和水平居中，这些方法更灵活且符合现代网页开发标准。
