-
Gulp可自动化HTML5项目构建流程，包括文件压缩、代码检查与实时刷新；需初始化Node环境、安装Gulp及插件，编写gulpfile.js定义html/css/js处理与browser-sync服务任务。
-
clearStorageAPI不清除localStorage是因为chrome.storage.local与localStorage互不隶属；需用localStorage.clear()或chrome.scripting.executeScript注入执行，且browsingData.remove在Chrome94+已移除localStorage类型支持。
-
viewport标签必须包含width=device-width且置于HTMLhead中，否则initial-scale=1.0无效；固定宽度值破坏响应性；user-scalable=no违反可访问性规范，应改用touch-action:manipulation。
-
minmax()不能实现侧边栏自动收缩，因其仅设弹性范围而非响应式开关；需配合媒体查询、CSS变量（正确声明与使用）、transform动画及触控热区优化才能实现可靠收缩。
-
SharedArrayBuffer必须由主进程创建并用transferlist传递给Worker，否则仅复制；须用Int32Array视图配合Atomics原子操作读写，禁用普通赋值；Node.js需启用--experimental-shared-array-buffer标志。
-
mix-blend-mode不生效主因是被隔离在独立堆叠上下文或未触发GPU合成层；需检查父容器是否隐式创建stackingcontext，加isolation:isolate或transform:translateZ(0)解决。
-
<picture>+<sourcetype="image/webp">是唯一可靠写法，因浏览器在HTML解析阶段依type属性协商格式，现代浏览器支持时加载WebP并跳过<img>兜底，旧版IE/Safari则忽略<source>直接使用<img>降级。
-
nonce是CSP中允许内联脚本的安全机制，需服务端动态生成并严格匹配响应头与script标签中的值；不支持meta标签设置，且对eval和内联事件无效。
-
行内元素默认不换行且不可设宽高，块级元素默认独占一行并撑满父容器；本质是display:inline与block的CSS默认值差异，而非语义规定。
-
CSScolor属性控制文字颜色，HTML5废弃font标签；推荐内联样式或外部CSS类名管理，避免ID和标签选择器滥用；注意继承、优先级及深色模式适配。
-
用Props控制列表分页状态，即由父组件管理currentPage、pageSize、total、loading及onPageChange，子组件仅反射状态并触发回调，实现逻辑与UI解耦、便于测试复用及统一控制。
-
答案：该倒计时组件通过JavaScript实现每秒更新显示，归零后触发回调。使用方法为调用createCountdown函数传入元素ID、初始秒数和结束回调，支持重置与样式扩展，结构清晰且轻量实用。
-
iframe加载第三方页面被拒绝是因目标站点设置了X-Frame-Options:DENY或CSPframe-src限制，前端无法绕过；应优先使用官方Widget、oEmbed或后端代理解析关键信息替代直接嵌入。
-
x-data必须是返回对象的函数，否则多个实例会共享同一引用导致响应失效；正确写法为x-data="counter()"或x-data="()=>({count:0})"，确保每次初始化都获得独立数据副本。
-
多个link标签能共存，但顺序决定覆盖结果：浏览器按link在head中出现顺序加载CSS，后加载的同权重规则覆盖前者；路径错误会导致静默失败；禁用@import在HTML中使用，因其阻塞渲染且兼容性差。
