-
type="email"不可信，因其仅按RFC5322极小子集校验，放行user@domain..com等无效格式，且存在兼容性问题；需JS补强+后端兜底三层验证。
-
纯CSS粒子仅支持静态或简单循环动画，因无逐帧计算能力，无法实现鼠标吸附、碰撞反弹等交互效果，且粒子数超150易致渲染瓶颈；canvas+requestAnimationFrame才是高密度、物理响应式粒子的正确方案。
-
Grid更适合主容器布局，因其二维可控性强、无需脱离文档流、响应式健壮；float易致塌陷、清除困难、维护成本高，且无法精准控制区域宽高与对齐。
-
最简单方法是设html{scroll-behavior:smooth;}，但Safari15.4前及部分安卓WebView不支持；JS需显式调用scrollIntoView({behavior:'smooth'})，注意目标元素存在性与渲染时机。
-
--scale变量配合calc()控制尺寸比transform:scale()更可靠，因它改变布局盒而非仅渲染层，避免点击区域错位、坐标系失准、字体糊化等问题。
-
正确设置CSS和JS文件引用路径是实现网页美化与交互的基础。一、通过<linkrel="stylesheet"href="...">引入外部CSS文件，应置于<head>中，支持相对路径如css/styles.css或绝对路径如/css/style.css及完整URL。二、使用<scriptsrc="..."></script>加载外部JS文件，可放在<head>或<body>
-
HTML本身不发热——它是纯文本标记语言，解析几乎不耗CPU；风扇狂转主因是JavaScript执行、Canvas渲染或浏览器渲染管线高负载，如未节流的scroll监听、频繁getImageData调用或强制同步布局。
-
PWA必须在HTMLhead中用<linkrel="manifest"href="/manifest.json">声明manifest，且href须以/开头；需配置viewport为width=device-width,initial-scale=1并禁用user-scalable=no；必须使用HTTPS（或localhost）；manifest中需显式定义theme_color和background_color，并设display为"sta
-
会，主流HTML→PDF工具（如Puppeteer、wkhtmltopdf、WeasyPrint）能识别display:none并跳过渲染；但visibility:hidden仍占空间，@mediaprint需显式启用--print-media-type参数，异步内容需等待DOM更新。
-
通配符选择器（*）可匹配所有元素，用于全局样式重置；可与类型、属性、伪类及兄弟选择器组合，实现灵活精准的样式控制。
-
Angular不支持通过插值语法{{}}直接绑定自定义data属性，必须使用属性绑定语法[attr.data-*]才能动态设置data属性值。
-
可纯CSS实现树形结构：一、无序列表缩进法，用伪元素绘连接线；二、Flexbox布局，配合transform画斜线；三、CSSGrid精确定位节点；四、SVG内联+CSS动画绘制路径。
-
HTMLPWA对原生APP无技术要求，但三类场景易致误解：企业用WebView壳加载、绕过应用商店时遇iOS限制、需原生桥接调用受限API；WebView加载PWA需满足JS启用、ServiceWorker配置、manifest正确引入等硬性条件。
-
在移动端，关闭覆盖式对话框后常意外触发底层元素的click事件（如对话框重新弹出），根本原因是touch交互会触发后续的模拟click。本文提供兼容pointer与touch的可靠解决方案。
-
前端性能漏斗不能照搬业务转化漏斗的“人数逐层递减”逻辑，必须以navigationStart、domContentLoadedEventEnd等关键时间点为节点，绑定session_id和行为上下文，否则只是“假漏斗”。
