-
CSS本身不支持pow、sqrt、exp等指数函数，仅靠calc()无法实现真指数运算；需用JavaScript动态计算后通过CSS自定义属性传值，或用贝塞尔曲线模拟非线性效果。
-
使用grid-auto-rows和minmax()可统一CSS网格行高，避免错位。通过grid-auto-rows设置固定行高或结合minmax()定义最小高度与自适应扩展，实现内容适配与视觉整齐；再配合grid-template-rows可对前几行单独设定，其余行按规则自动生成，提升布局灵活性与一致性。
-
本文讲解如何在PHP中通过preg_match()配合正确转义的正则表达式，精准提取形如[Key:Value]结构中的Value部分（如从[Address:Indonesia]中提取“Indonesia”）。
-
纯CSS3D可实现骰子旋转动画：需用perspective容器+6个绝对定位面，通过translateZ和rotateX/Y/Z定位；用JS动态注入随机旋转变量配合cubic-bezier缓动，禁用动画中按钮并优化移动端GPU渲染。
-
结论：index.html本身不处理404，真正决定是否返回404的是服务器或托管平台对请求路径的匹配逻辑；SPA需通过fallback配置（如Nginx的try_files、Netlify的200重写）将未命中请求交由index.html处理，使前端路由接管，且必须排除API等真实接口路径。
-
pointer-events属性无需浏览器前缀，Chrome4+、Firefox3.6+、Safari4+和IE11+均原生支持标准写法；IE10及更早版本完全不支持，旧WebKit内核曾短暂支持-webkit-pointer-events但已废弃。
-
模板字符串更安全简洁，支持直接嵌入表达式、多行文本、标签函数扩展；${variable}避免隐式类型转换问题，反引号天然保留换行缩进，且IDE高亮支持更好。
-
nonce是CSP中允许内联脚本的安全机制，需服务端动态生成并严格匹配响应头与script标签中的值；不支持meta标签设置，且对eval和内联事件无效。
-
应使用CSS自定义属性（如--tooltip-color）在:root或:host中声明语义化颜色变量，避免内联style设置或重复命名，确保主题切换、暗色模式及跨组件复用的稳定性与可维护性。
-
fill-current仅对内联SVG且无硬编码fill/stroke时生效；失效主因包括img引入、内联fill覆盖、父级无color设置、低版本Tailwind或PurgeCSS误删。
-
用setInterval实现图片轮播需维护索引、防越界、确保加载完成再切换；CSS动画仅适合静态固定图；注意onload重复绑定、404处理、DOM缓存及visibilitychange控制后台运行。
-
address标签用于标识页面或文章的责任主体而非物理地址，应根据归属关系判断：article内标作者，body顶层标全站维护方，仅允许短语内容，禁用块级元素。
-
本文讲解如何使用jQuery根据特定复选框（如“EggRoll”）的选中状态，动态调整另一组复选框（如酱料选项）的最大可选数量：默认限1项，当触发条件成立时放宽至2项。
-
用transition监听上传进度根本行不通CSS的transition只能响应属性值的**离散变化**（比如从width:0%到width:80%），它不会主动“监听”JavaScript中的实时数值更新，更无法绑定到XMLHttpRequest或fetch的upload.onprogress事件。想靠纯CSS实现进度反馈，等于让CSS去读JS的变量——它做不到。进度条必须由JS控制width+CSS驱动动画真正可行的做法是：JS拿到
-
应将watch与副作用整体封装为useXxx组合函数，如useFormValidation、useSearchSuggestion；优先用watchEffect自动追踪依赖；按业务域限定监听边界，避免跨域耦合；内部配合onBeforeUnmount自动清理，确保内存安全。
