-
createGlobalStyle必须作为组件挂载到React树顶层渲染才生效，不可直接调用；支持函数式接收theme等props，多个实例按挂载顺序覆盖同名样式，SSR中需确保首屏即渲染以防FOUC。
-
最常用的是<div>、<p>、<h1>–<h6>、<img>和，覆盖80%以上页面需求；<div>因无默认样式、高嵌套性与布局兼容性成最安全容器，但不可替代语义标签。
-
PHP动态生成静态HTML文件有四种方法：一、用file_put_contents写入HTML字符串；二、用ob_start捕获输出再保存；三、基于模板替换占位符生成；四、用fopen/fwrite/fclose手动分段写入。
-
Symbol.for()与Symbol.keyFor()在跨模块中能真正共享符号的前提是键名字符串完全一致且运行于同一全局符号注册表；通过===比对不同模块中Symbol.for('x')结果及Symbol.keyFor()返回非undefined可验证共享成功。
-
模板编译是将字符串模板转为JavaScript渲染函数的过程，预编译在构建阶段完成该转换，避免运行时解析，提升性能。以{{name}}欢迎你！为例，编译后生成function(data){returndata.name+"欢迎你！";}，运行时直接调用函数。预编译优势包括减少运行时开销、加快首次渲染、支持代码压缩和提前报错。主流实现有Handlebars通过命令行工具预编译为轻量runtime依赖，Vue的SFC在构建时用@vue/compiler-dom转为render函数，生产环境无需编译器，Reac
-
函数节流是通过requestAnimationFrame实现帧同步，匹配屏幕刷新率避免丢帧；滚动回调仅缓存scrollTop和标记RAF注册状态，真实逻辑统一在RAF中执行；需规避强制同步布局、全量DOM更新与复杂计算；动画用transform+will-change硬件加速；监听必须设passive:true。
-
油猴脚本注入UI需动态创建DOM并防护冲突：用固定id防重复、fixed定位+最大z-index确保置顶、内联CSS避免依赖；事件须用addEventListener或挂载到window；焦点问题需setTimeout延后focus；适配暗色模式应监听prefers-color-scheme。
-
location.href触发同步导航，立即卸载当前页并中止JS执行；支持相对/绝对/完整URL，但跨域跳转可能静默失败或报安全错误；无法控制历史记录与标签页复用，替代方案包括location.replace()（替换当前history条目）和history.pushState()（仅更新URL，不加载新页面）。
-
Temporal是必须替换Date的全新时间模型，它通过强制显式处理时区、夏令时和精度等细节来杜绝传统Date的隐式错误。
-
用<progressvalue="4"max="7">正确显示小组任务完成率，需通过data属性存原始数据并用JS动态更新value、文案及状态，避免硬编码或误用<meter>；纯HTML无法实现动态更新。
-
TypedArray通过Uint32Array/Float32Array扁平化存储坐标与节点元数据，消除对象开销和GC压力，提升Quadtree构建、遍历与查询性能；采用量化整数比较、预分配缓冲区、栈模拟递归及SIMD加速实现高效空间索引。
-
clamp()设置字号必须单位兼容、顺序正确、首选值合理浮动，否则整条声明被浏览器丢弃；Safari中clamp不生效主因是vw解析延迟，缺viewportmeta或嵌套@media会加剧问题。
-
highlight.js必须用<pre><code>结构、language-xxx类名、DOM就绪后调用highlightAll()，单独<code>不生效；需引入CSS，HTML特殊字符要转义或用text/plain脚本标签。
-
本文介绍如何在Dynamics365模型驱动应用中，通过自定义HTML/JavaScript弹窗（WebResource）收集用户输入，并将选项集（OptionSet）等字段值回传至主表单，替代简单提示框，提升数据录入效率与用户体验。
-
直接用clamp()写死值不灵活，CSS变量可复用、可继承、可条件覆盖，需定义带单位的完整值（如1.25rem），避免混用单位，媒体查询中批量重置变量实现统一缩放。
