-
auto-fill会保留空轨道以维持固定列数，auto-fit则合并空轨道使内容拉伸占满；前者适用于预设占位的仪表盘，后者适合响应式卡片列表，且需注意gap对列数的影响。
-
配置Transmit的FoldersWatcher实现快速同步：先设置服务器连接，选择本地项目文件夹与远程路径，启用Synchronize功能并选用Standard模式，再通过FoldersWatcher监控.html、.css等文件变更，保存后自动上传，配合编码与路径规范，提升前端开发效率。
-
HTML元素渲染尺寸不一致的主因是浏览器对“相同尺寸”的解析与人不同，涉及默认样式、盒模型（content-box）、字体度量、基线对齐及内置边距等隐式影响。
-
给遮盖层加pointer-events:none可使鼠标事件穿透至下层元素，若其子元素需交互则单独设pointer-events:auto；该属性仅影响鼠标/触控事件，不支持IE11及以下，且在普通HTML中仅auto和none有效。
-
百分比高度不生效的根本原因是父容器高度为auto，导致无法计算相对值；需逐层检查祖先元素是否有显式高度（height/max-height/min-height或flex/grid撑开），推荐用flex:1替代height:%，并统一设置box-sizing:border-box。
-
HTML5就业门槛低但高薪需掌握底层API：重点学fetch+AbortController、IntersectionObserver、CustomElements+ShadowDOM三类能力，并具备跨端交付经验。
-
CSS元素宽度设置无效通常因盒模型、内边距、边框或外边距干扰，关键要区分width控制的是内容区还是整个盒子；默认content-box下width不包含padding和border，改用border-box可使width包含二者，同时需检查父容器限制、display类型及margin/padding视觉干扰。
-
JavaScript通过自动内存管理和垃圾回收机制避免内存泄漏，核心是标记-清除算法与分代回收策略，结合ChromeDevTools的堆快照和时间线分析可有效诊断内存问题。
-
ConstantVNode是编译期可确定且运行时永不变化的VNode，需满足：纯静态内容、无动态绑定、子节点全静态、无响应式指令、不含插槽/组件、不在动态上下文中；编译器通过transformHoist插件递归判定并提升。
-
本文详解如何用现代CSSFlexbox替代混乱的position:absolute，解决图片错位、文本消失、元素相互干扰等常见布局问题，提供可复用的响应式结构与实战代码。
-
点击下载证书时浏览器直接打开PDF而非保存是因Content-Disposition响应头缺失或前端未用download属性；纯前端需jsPDF+html2canvas生成，注意跨域图片、中文乱码（须嵌入NotoSansCJK字体）及微信拦截（需降级提示）。
-
Edge18及更早版本不支持IntersectionObserver，需运行时检测并降级；ChromiumEdge79–83对ResizeObserver支持不全；Edge18的fetch不支持credentials和AbortController；CSSGrid/subgrid存在显著版本断层；应坚持运行时检测+最小降级。
-
HTML倒计时精度不依赖定时器而依赖时间戳差值计算；必须用服务端返回的可信时间戳与Date.now()实时差值来计算剩余时间，UI更新可用requestAnimationFrame或动态setTimeout，但核心逻辑不可累加或依赖setInterval。
-
子元素填满父容器需父容器设明确高度（如height:100vh）并启用display:flex，子元素设flex:1；height:100%在flex中常失效，应优先用flex分配而非百分比高度。
-
Canvas绘图完全依赖JavaScript控制，需先获取2d或webgl上下文并确认可用性，再通过ctx方法绘制图形、实现动画和响应交互。
