-
现代项目不推荐圣杯/双飞翼布局，应改用Flexbox或Grid：前者适合高度不敏感场景，后者支持等高、间距、对齐及响应式函数如minmax()和clamp()。
-
ping属性在链接跳转上报中常失效，因其依赖CORS配置、同协议（仅HTTPS有效）、页面未关闭等隐性条件，Chrome94+更静默禁用HTTP环境下的ping，且不具备送达保障。
-
JavaScript中对象创建应按需选择：字面量适合单例和静态数据，构造函数/class适用于多实例、方法复用与封装，工厂函数则提供无new的可控创建方式。
-
能，Svelte中顶层<style>标签默认启用作用域隔离，样式仅影响当前组件内元素；编译时自动为元素和选择器添加唯一哈希属性（如svelte-123abc），确保不泄漏。
-
媒体查询必须配合正确的viewport标签才能生效，正确写法是<metaname="viewport"content="width=device-width,initial-scale=1.0">，断点应由内容实际错乱位置决定，优先使用min-width和相对单位，布局推荐flex或grid。
-
PHP动态生成静态HTML文件有四种方法：一、用file_put_contents写入HTML字符串；二、用ob_start捕获输出再保存；三、基于模板替换占位符生成；四、用fopen/fwrite/fclose手动分段写入。
-
location.href触发同步导航，立即卸载当前页并中止JS执行；支持相对/绝对/完整URL，但跨域跳转可能静默失败或报安全错误；无法控制历史记录与标签页复用，替代方案包括location.replace()（替换当前history条目）和history.pushState()（仅更新URL，不加载新页面）。
-
用<progressvalue="4"max="7">正确显示小组任务完成率，需通过data属性存原始数据并用JS动态更新value、文案及状态，避免硬编码或误用<meter>；纯HTML无法实现动态更新。
-
TypedArray通过Uint32Array/Float32Array扁平化存储坐标与节点元数据，消除对象开销和GC压力，提升Quadtree构建、遍历与查询性能；采用量化整数比较、预分配缓冲区、栈模拟递归及SIMD加速实现高效空间索引。
-
clamp()设置字号必须单位兼容、顺序正确、首选值合理浮动，否则整条声明被浏览器丢弃；Safari中clamp不生效主因是vw解析延迟，缺viewportmeta或嵌套@media会加剧问题。
-
本文介绍如何在Dynamics365模型驱动应用中，通过自定义HTML/JavaScript弹窗（WebResource）收集用户输入，并将选项集（OptionSet）等字段值回传至主表单，替代简单提示框，提升数据录入效率与用户体验。
-
直接用clamp()写死值不灵活，CSS变量可复用、可继承、可条件覆盖，需定义带单位的完整值（如1.25rem），避免混用单位，媒体查询中批量重置变量实现统一缩放。
-
async/await是JavaScript中基于Promise的异步语法糖，使异步代码更易读；async函数必返回Promise，await暂停当前函数执行并交还控制权，依赖微任务机制，不阻塞主线程，错误通常用try/catch处理。
-
flex-1不能替代align-items:stretch，因其仅分配主轴剩余空间，不影响交叉轴拉伸；等高由父容器默认的items-stretch控制，flex-col时拉伸宽度而非高度。
-
cover等比缩放确保覆盖容器但可能裁剪，contain等比缩放确保完整显示但可能留白；flex容器中背景不显常因高度坍缩为0；移动端禁用auto，优先cover+center；清晰缩放首选SVG或image-set()。
