-
最简单可靠的方式是每个HTML页面在<head>中用<linkrel="stylesheet">引入同一外部CSS文件；推荐将common.css置于css/子目录并统一引用href="css/common.css"；公共CSS应只含通用规则，页面专属样式须后引入以控制覆盖顺序。
-
mounted钩子是初始化第三方库的黄金时机，此时$el已存在且已挂载；created和beforeMount因DOM未就绪而不可用；需注意销毁清理、异步加载及SSR兼容性，并推荐使用ref精准控制挂载元素。
-
HTML数据归档需确保完整性与可持续性，首选WARC格式或结构化打包，结合自动化采集、元数据记录及定期验证，保障长期可读可用。
-
推荐使用display:flex+justify-content:flex-start实现图片左对齐，不破坏文档流；float:left已过时且需clear:both清除浮动；text-align:left需作用于父容器且图片保持inline；注意vertical-align和全局样式干扰。
-
HTML中font-size最可靠方式是CSS属性而非废弃的<font>标签；推荐使用rem单位配合viewport设置和根元素重置，兼顾响应式与可访问性，并注意font-size-adjust等属性优化多字体渲染一致性。
-
wkhtmltopdf是生成可搜索PDF最可靠方案，因其基于WebKit将HTML标签转为矢量文本图层，支持复制、搜索与屏幕阅读；需加--enable-local-file-access参数并指定中文字体如NotoSansCJKSC。
-
:target伪类失效主因是目标元素缺失id或id值与URL片段不严格一致；它仅匹配带对应id的唯一元素，不支持name、class等其他属性，且id区分大小写、需匹配解码后字符。
-
Parcel的CSS热更新问题通常源于配置不当或缓存问题。首先确认使用最新Parcel版本并检查browserslist配置，避免与PostCSS插件冲突；其次清除.parcel-cache缓存目录后重启开发服务器；确保CSS通过JavaScript导入而非HTMLlink标签；审查postcss.config.js，禁用生产环境插件如cssnano、purgecss；检查是否误用CSSModules或受浏览器扩展干扰；在WSL等特殊文件系统中验证文件监听是否正常。Parcel通过WebSocket实现H
-
页面内跳转需用id属性标记目标并用#链接指向，id须唯一、合法（字母开头，禁空格中文）、与href值完全一致；目标元素必须可见且在DOM中，SPA需手动处理滚动。
-
BFC能清除浮动是因为它使父容器形成独立渲染区域，将浮动元素包含在内从而撑开高度；触发条件包括float不为none、position为absolute/fixed、display为inline-block/table-cell等、overflow不为visible。
-
本文详解如何解决为动态创建的DOM元素（如待办列表中的“完成”按钮）绑定事件时出现的Cannotsetpropertiesofnull错误，核心方案是避免重复ID、改用事件委托，并推荐使用createElement替代innerHTML+=。
-
Flexbox容器内文字不会自动随容器缩放，必须通过clamp()配合容器查询或ResizeObserver实现响应式字号。
-
position:relative本身不引起偏移，必须配合top/right/bottom/left才生效；它建立新定位上下文、不脱离文档流、影响后续布局且支持z-index。
-
nextTick优先级高于setImmediate；nextTick在当前操作完成后立即执行，属最高优先级微任务，而setImmediate在事件循环check阶段执行，需等待当前阶段结束。
-
HTML函数开发本身不耗电，真正决定电源需求的是开发设备整机功耗；纯前端开发约80W–250W，加后端/容器/调试可达300W+，建议按(CPU_PL2+GPU_TGP)×1.2+60W并向上取整选电源。
