-
HTML转PDF字体丢失的根本原因是@font-face加载失败、PDF工具不支持远程字体且仅认本地.ttf/.otf文件；weasyprint需同目录.ttf+正确声明，wkhtmltopdf须系统安装字体并匹配家族名。
-
WebStorm双击HTML打不开是因浏览器file://协议限制现代API，需用HTTP服务；内置服务配JavaScriptDebug配置URL为http://localhost:63342/路径，或装LiveServer插件启用自动刷新。
-
必须禁用双击缩放并适配安全区域：在HTML中添加viewport禁用缩放，Native端关闭scrollView回弹或侧滑返回；H5与Native通信需用WKScriptMessageHandler或JSBridge加密传输密码；触摸坐标须用getBoundingClientRect计算相对位置，并在capture阶段绑定touchmove事件。
-
本文详解如何在可横向滚动的div容器中实现点击按钮触发的平滑滚动效果，涵盖纯CSS的scroll-behavior:smooth全局方案、现代JavaScript的scrollTo()API（支持behavior:'smooth'），并针对常见误区（如scrollLeft直接赋值不触发过渡）提供可落地的优化代码。
-
HTML页眉应使用<header>而非<head>标签，因<head>仅存放元信息且不渲染，而<header>是语义化页面顶部区域的容器，须置于<body>内并合理嵌套结构化内容。
-
块级元素默认宽度占满父容器、高度由内容撑开；高度不继承父级，需显式设置父容器height/min-height；存在margin合并、content-box计算及HTML语义嵌套限制。
-
本文详解如何在Vue2中通过computed属性高效地将多层嵌套的地理坐标数据（如Lat/Lon对象数组）转换为统一的二维数值数组，推荐使用flatMap或reduce+concat实现简洁、可读性强且无副作用的数据转换。
-
用animation-direction:alternate是唯一可靠解法，它使动画正向播完自动反向播回，循环往复，无需JS干预或重复keyframes，且原生同步无延迟、无跳变。
-
现代浏览器静音策略下play()失败会抛NotAllowedError，老旧浏览器则静默失败或报无描述DOMException；需用try...catch捕获、用户交互后立即调用、audioContext.resume()唤醒、降级提示及微信特殊处理。
-
JavaScript异步编程是单线程事件循环环境下的刚性需求；fetch默认不阻塞主线程因浏览器禁用同步网络请求，且必须用.then()或await消费Promise；fs.readFileSync会阻塞Node.js主线程，降低并发吞吐量，应改用fs.promises.readFile等异步方案。
-
HTML中版权符号的标准写法是©，这是W3C推荐、全浏览器支持的方案；直接使用©需确保UTF-8编码、meta声明及HTTP头charset一致，否则易出乱码。
-
$()选中元素无反应，主因是DOM未加载完就执行代码，需用$(document).ready()或简写$()包裹逻辑，并用.length验证是否选中。
-
absolute元素的top:10%相对于其最近的非static定位祖先（position为relative/absolute/fixed）的contentbox+padding高度（clientHeight），若无此类祖先则相对于初始包含块（如body或视口）；该参照物必须有可计算高度，否则百分比归零。
-
数组扁平化方法包括：1.flat()语法简洁但兼容性差；2.reduce+concat逻辑直观但内存开销大；3.扩展运算符+循环适合中等深度但性能随层数下降；4.栈模拟法避免递归，适合深层结构；5.toString+split仅限数字且最快。性能上，小数组用flat()，大数组用栈模拟，纯数字优选toString+split，深层嵌套避免递归。
-
<fieldset>用于语义化表单分组，<legend>为其唯一合法直接子元素且须置于最前；禁用整组用<fieldsetdisabled>；仅含表单控件，避免混入非交互内容。
