-
在Prisma中将对象赋值给JSON列时，TypeScript对interface要求显式索引签名[key:string]:any，而type字面量则天然兼容——这源于二者在结构兼容性检查中的本质差异，理解该机制有助于合理选择类型声明方式。
-
用localStorage实现最近访问菜单需标准化URL（origin+pathname）、限制10条、SPA监听路由变化，点击菜单时先saveToHistory再跳转，避免sessionStorage因关闭丢失且不跨标签页。
-
viewport-fit=cover必须在每个iframe中显式声明，否则env()失效；因WebKit不继承父级配置，iframe需独立设置viewport且容器需100vh/100vw，或改用postMessage动态传递安全距离值。
-
真实阴影效果需多层box-shadow叠加与方向控制：基础态用双层阴影（01px3px0和01px2px-1pxrgba(0,0,0,0.1)），悬停加深并增大blur/spread；padding管内边距，margin或gap管外间距；border-radius推荐8px，适配响应式；避免inset及滥用border。
-
<p>Bootstrap5彻底移除jQuery依赖，基于原生DOMAPI和ES6+类实现组件交互；必须使用data-bs-*属性、bootstrap.bundle.min.js，并在DOM就绪后手动初始化实例。</p>
-
本文介绍如何在React+react-hook-form项目中，借助Yup的test自定义验证方法，检查用户输入是否属于指定的白名单数组（如姓名列表），并配合错误提示实现精准表单校验。
-
必须添加<metaname="viewport">标签，否则响应式布局在手机上无法正常使用；需设width=device-width和initial-scale=1.0，禁用user-scalable=no；图片视频须加max-width:100%和height:auto；断点优先用em/rem；真机测试不可替代DevTools。
-
表单点击无反应通常因form未闭合、嵌套或按钮type非submit；fetch提交后刷新是因未调e.preventDefault()；后端收空数据多因content-type与解析中间件不匹配；禁用提交需监听formsubmit而非仅禁用按钮；name属性缺失导致字段不提交。
-
BEM是约束CSS作用域边界的协作协议，通过块（Block）、元素（Element）、修饰符（Modifier）三部分及双下划线__、双短横--命名规范，确保类名可反推DOM结构与意图，明确组件边界与职责。
-
元素与文字基线不对齐主因是vertical-align:baseline在行内环境生效，需结合line-height、display类型及vertical-align合理调整；absolute元素不参与基线对齐，应改用transform或line-height控制。
-
WebLocksAPI仅协调写操作资格，不直接防止数据库冲突；必须将完整读-改-写流程包入navigator.locks.request()回调，并awaittx.done确保事务完成后再释放锁，否则会导致ABA覆盖和数据丢失。
-
可通过JavaScript动态创建img元素并设置src实现图片加载，如document.createElement('img')并添加到DOM；2.可监听onload和onerror事件处理加载成功或失败；3.可通过修改已有img元素的src属性替换图片；4.懒加载可通过data-src存储路径，待时机成熟再赋值src以优化性能。
-
推荐使用基础正则/https?://1+?.(jpg|jpeg|png|gif|webp|svg|bmp|tiff?)(?=\s|$)/gi匹配HTTP(S)图片链接，增强版可扩展支持//协议相对URL和/开头的绝对路径，生产环境优先用DOM解析确保准确。\s↩
-
HTML中用div套div需嵌套标签并配合CSS设置宽高、边框等样式；注意外边距合并、定位脱离文档流、display属性影响及box-sizing盒模型，默认content-box会导致尺寸偏差。
-
HTML本身不支持3D，真正实现靠CSS的perspective、transform-style:preserve-3d和transform系列函数；perspective必须设在父容器上，preserve-3d需作用于变换父元素以保留子元素Z轴坐标，且Z值须在透视范围内才生效。
