-
双击HTML文件可直接用浏览器打开，需确保文件后缀为.html并以UTF-8编码保存；2.拖拽文件到浏览器窗口可快速预览；3.在地址栏输入file:///加本地路径可访问文件；4.使用VSCode的LiveServer插件可实现保存自动刷新。
-
VNode是平台无关的轻量级JavaScript对象，仅描述节点类型、属性、子节点等语义信息；Vue通过可插拔的渲染器将同一VNode树适配到Web、小程序、Native等不同平台，实现跨端复用。
-
动态权重限流是根据业务维度动态赋予权重并实时调控的限流机制。它基于用户等级、场景ID等维度计算权重，结合双层滑动窗口统计加权吞吐量，通过可插拔策略引擎（如权重占比截断法）实现准入控制、异步排队与降级兜底，并支持监控告警、前后端协同及离线保底。
-
<p>calc(100vw-17px)不可靠因滚动条宽度动态变化，应改用JS获取真实宽度注入CSS变量，或优先使用width:100%替代。</p>
-
执行上下文是JS代码执行时的环境，包含变量、函数和this指向。它分为全局和函数执行上下文，前者在脚本加载时创建，后者在函数调用时创建并入栈，形成执行栈。每个上下文有创建和执行两阶段：创建阶段确定this、提升变量、建立作用域链；执行阶段赋值变量并执行代码。全局上下文this指向window或global，函数上下文this取决于调用方式。通过作用域链，内层函数可访问外层变量，支持闭包机制。理解执行上下文有助于掌握作用域、闭包、this指向及调试优化。
-
直接对原始JSON字符串用正则脱敏可行但需谨慎：精准匹配键名、安全捕获值、保留格式；须处理跨行、转义、注释等陷阱，并按值类型差异化脱敏。
-
核心解法是用max-width:100%配合媒体查询做响应式约束：img{max-width:100%;height:auto;}，大图加.detail-img{max-width:800px;margin:0auto;display:block;}，并限制父容器宽度如.detail-content{max-width:1200px;margin:0auto;}。
-
VSCode中按!+Tab可快速生成标准HTML5模板，无需配置，兼容性好、结构干净；而在线生成器常导致冗余代码、性能差和维护难。
-
<colspan="3">不合并列而仅批量应用样式到连续3列，必须置于<colgroup>内且总span需匹配实际列数，与colspan及Tkinter的columnspan本质不同。
-
Object.is()是唯一能同时解决NaN!==NaN和+0===-0问题的原生方法，严格按IEEE754位模式执行SameValue算法：NaN自等、±0不等，其余同===；适用于负零检测、NaN确认及含NaN数组去重，但不适用于对象深比较或高频简单比较。
-
grid-template-areas是最直观的仪表盘布局方法，用字符串定义区域，需注意命名规范、行列对齐、显式声明及响应式优化。
-
replaceWith()是JavaScriptDOM方法，需先获取真实元素节点才能调用；传入字符串不解析HTML，应使用template或DOMParser转换为节点后再替换。
-
font-smooth在现代移动端浏览器中基本无效，因其是已废弃的WebKit私有属性，iOSSafari、ChromeforAndroid和FirefoxMobile均忽略，CanIUse标注无支持；真正影响字体清晰度的是-webkit-font-smoothing（仅限macOS）、text-rendering、font-weight/family组合、硬件加速触发及字体加载控制等。
-
normalize.css是最快最稳妥方案，它校准而非清零浏览器默认样式，统一h1margin、button字体继承、textarea可缩放等行为；必须置于所有自定义CSS之前，否则html行高、button字体等基础校准会被覆盖，导致FOUC或样式失效。
-
JavaScript通过DOM操作实现网页动态交互，核心包括：①获取元素（getElementById、querySelector等）；②修改内容与属性（innerHTML、setAttribute、classList等）；③创建添加元素（createElement、appendChild）；④删除替换元素（remove、replaceChild），掌握这些可灵活控制页面结构与行为。
