-
vh和vw是视口单位，1vh等于视口高度的1%，1vw等于宽度的1%。常用于全屏布局（如height:100vh）、响应式字体（font-size:5vw）和弹性容器（width:90vw;max-width:1200px）。适配移动端时需注意iOSSafari工具栏导致的100vh异常，建议用100dvh替代；避免在多行文本等场景过度使用，应结合max/min属性控制极端情况，确保布局稳定。
-
<pre>仅保留空白符无语义，须嵌套<code>标识代码语义；<code>为行内元素需<pre>支撑换行；CSS应重置默认样式并设置等宽字体、tab-size及UTF-8编码。
-
插槽（slot-scope或#default）是最常用、最直观的ElementUI表格自定义列方式，适用于渲染按钮、标签、状态徽章等非文本内容；Vue2用<templateslot-scope="scope">，Vue3用<template#default="scope">，均通过scope.row访问行数据，需注意语法差异、插槽位置及避免与prop冲突。
-
Howler.js是纯JavaScript音频库，需手动通过script标签引入CDN版本，加载后检查typeofHowl==="function"；首次播放必须在用户手势（如click/touchstart）回调中调用play()，否则静音；iOSSafari需显式调用Howler.ctx.resume()；复用实例并手动unload()避免内存泄漏。
-
<progress>标签需确保value和max为数字类型，用requestAnimationFrame节流更新，IE需降级为div+CSS；自定义样式须兼容WebKit/Firefox伪元素；手写进度条必须添加role="progressbar"及aria属性；上传进度需校验event.lengthComputable并确认后端返回Content-Length。
-
推荐使用CSSGrid结合fr单位与minmax()及auto-fit实现响应式网格列。通过grid-template-columns:repeat(auto-fit,minmax(250px,1fr))可自动调整列数，每列最小250px、最大均分剩余空间，适配不同屏幕；搭配gap设置间距，小屏下自然堆叠。如需精细控制，可辅以媒体查询在特定断点固定列数，例如大屏四列、平板两列、手机单列。同时建议设置max-width:100%防止图片溢出，确保内容可访问性与布局美观，整体语义清晰、维护简便。
-
该错误表明TailwindCSSv4+要求PostCSS8，但项目中存在PostCSS7或版本冲突；解决方法是卸载旧版并安装兼容组合：npmuninstalltailwindcsspostcssautoprefixer&&npminstall-Dtailwindcss@npm:@tailwindcss/postcss7-compatpostcss@^7autoprefixer@^9。
-
滚动条挤占内容宽度是浏览器默认行为，非bug；最优解是html元素上使用scrollbar-gutter:stable配合overflow-y:auto，不支持时降级为html{overflow-y:scroll}。
-
FormData里append文件和字符串，后端收不到文件？不是FormData用错了，是后端没按multipart/form-data解析。浏览器发的FormData自动设为Content-Type:multipart/form-data;boundary=...，但如果你用fetch或XMLHttpRequest提交时手动加了Content-Type头，浏览器会把它清掉——可如果后端框架（比如Express、SpringBoot）依赖这个header做解析
-
因为transform不触发重排，它仅操作合成层的几何变换矩阵，不改变文档流、盒模型尺寸或布局上下文，浏览器跳过样式计算、布局和绘制，直接在合成阶段利用GPU更新图层位置。
-
在BlazoriseDataGrid中直接显示HTML字符串（如<a>链接）时，默认会进行HTML编码而无法渲染为真实元素；需通过MarkupString显式标记可信内容，才能实现安全、可控的HTML渲染。
-
margin:auto水平居中需满足两个前提：元素为块级（display:block）且设置了明确宽度；否则对内联、浮动、绝对定位元素或无宽元素无效。
-
直接混用BEM和原子类会出事，因二者设计哲学冲突：BEM强调语义化与作用域隔离，原子类追求极致复用；混用导致样式不可追溯、class爆炸、重构难判断真需求。
-
grid-template-areas配合图片时常见错位，主因是img未设width:100%和height:100%，需嵌套于命名区域容器中，并配合object-fit、overflow:hidden及响应式调整确保尺寸、比例与语义统一。
-
本文介绍如何将TypeScript全局常量文件（如GlobalConstants）中的URL配置，通过组件属性绑定方式注入到AngularHTML模板的<a>标签中，实现链接动态化、可维护且类型安全的href渲染。
