字体在某些浏览器不显示是因为仅提供单一格式（如仅.woff2），旧版浏览器（IE9–11、老版Safari等）不支持；应通过@font-face按“从新到旧”顺序声明.woff2、.woff、.eot/.ttf等多种格式以确保兼容。

本文详解如何让<h1>元素真正相对于整个浏览器视口（而非父容器）水平居中，解决Flex布局下justify-content:space-between导致的“伪居中”问题，并提供语义清晰、可维护性强的纯CSS方案。

CSS加载失败主因是路径错误，解析起点为HTML文件所在目录；相对路径以HTML为基准，绝对路径以网站根目录为起点；@import在CSS中解析起点为当前CSS文件；需确保服务器配置、文件路径、URL三者严格匹配。

单例模式确保类仅有一个实例并提供全局访问点，常用于配置、日志等共享资源管理；核心是控制创建逻辑，常见实现有闭包封装、ES6静态属性及最推荐的模块级单例。

childNodes返回包含所有类型子节点的NodeList（包括文本、注释节点），children仅返回元素节点的HTMLCollection；2.遍历时可用for...of或forEach，结合nodeType筛选或使用Array.from()转换后filter；3.querySelector/querySelectorAll提供更灵活的选择器筛选；4.注意实时集合的动态更新特性，避免遍历中删除元素导致的异常；5.大量操作时应转换为静态数组或使用DocumentFragment提升性能。正确选择API

slice支持负索引且最推荐，substring不支持负索引但可自动调整参数顺序，substr按长度截取但已废弃。日常应优先使用slice以确保代码清晰与兼容性。

启用flex-wrap:wrap实现换行，通过justify-content设置主轴对齐，结合gap控制间距，子项设flex:01200px保证响应式；末行不对齐时可用伪元素填充或改用Grid布局。

防抖函数的核心作用是控制函数执行频率，解决高频事件触发带来的性能问题。1.防抖通过定时器机制，确保函数在连续触发后仅在停止触发指定延迟时间后执行一次；2.它适用于搜索框输入、窗口resize等场景，有效减少冗余计算和网络请求，提升性能与用户体验；3.与节流函数的区别在于，防抖关注“操作结束后的最终执行”，而节流关注“周期性执行”；4.实际应用中需注意this上下文绑定、参数传递、提供cancel方法以支持取消、在组件销毁时清理定时器避免内存泄漏；5.支持immediate模式可实现首次调立即执行，适用于按

动态规划是通用算法思想，核心为“用空间换时间”，需满足重叠子问题和最优子结构；JavaScript中可通过记忆化递归或迭代实现，如爬楼梯问题可用两变量优化求解。

localStorage适合存前端专属数据（如用户偏好、UI状态），cookie适合存需服务端参与的小型关键数据（如HttpOnly登录态）；选型依据是读取主体、时机及是否需发往服务器。

使用link标签的type属性可显式声明样式表MIME类型，提升代码清晰度与兼容性；2.基本语法为<linkrel="stylesheet"href="styles.css"type="text/css">，其中type="text/css"明确指定CSS文件类型；3.尽管HTML5中type属性可省略，浏览器默认按text/css处理，但在旧版浏览器兼容、代码规范性和特殊场景下建议保留；4.实际开发中仅广泛支持text/css，其他

用transition实现自然悬停效果需明确指定属性、合理设置时长与缓动曲线，并确保初始和hover状态值可插值，transition必须写在非hover的原始状态中。

WebWorker是独立于主线程的后台脚本，不共享内存、不可操作DOM，通过postMessage通信，支持Transferable优化大数据传输，需显式错误监听，SharedArrayBuffer+Atomics可实现共享内存但需跨域隔离。

需从官网下载TwaverHTML5SDK压缩包，依次完成访问官网下载、选择稳定版压缩包、解压并校验文件结构、通过script引入或npm安装五步操作。

HTML5新增标签核心是语义归位而非功能增强，必须优先掌握7个：<header>、<footer>、<nav>、<main>、<article>、<section>、<aside>，其中<main>每页仅一次且不可嵌套，<article>强调独立分发，<section>用于逻辑分组，<aside>须关联邻近内容，<header>/<footer>是语义