-
box-sizing默认为content-box时width/height不含padding和border，易致布局溢出；margin:0auto仅对块级元素有效；padding不影响布局流但扩大交互区；vertical-align仅适用于inline/table-cell元素。
-
本文详解如何通过CSS初始隐藏元素，并结合JavaScript的style.display实现点击切换显隐效果，解决因未设置初始display:none导致内容始终可见的问题。
-
text-align:center仅使行内内容水平居中，无法垂直居中多行文本；正确方案是flex+align-items:center+justify-content:center，需设置容器高度；line-height仅适用于单行文本垂直居中。
-
可通过系统设置、右键菜单、注册表或命令行更改HTML文件默认打开浏览器。1、在Windows设置中选择“默认应用”，为.html文件指定浏览器；2、右键HTML文件，选择“打开方式”并勾选“始终使用此应用”；3、通过注册表编辑器修改HKEY_CLASSES_ROOT\htmlfile\shell\open\command的默认值为目标浏览器路径；4、使用CMD或PowerShell输入浏览器路径加HTML文件路径直接运行。
-
虚拟DOM是真实DOM的轻量级JavaScript副本，核心目的是优化频繁DOM操作的性能。它通过在内存中进行计算，利用Diff算法比较新旧虚拟DOM树，找出最小差异并生成补丁，最后批量更新真实DOM，减少重排和重绘。Diff算法基于同层比较、节点类型判断、属性对比和key机制，实现高效更新。同步时，框架根据补丁调用原生API操作DOM，常结合异步调度批量处理，提升渲染效率。
-
本文详解如何在ECharts条形图中优雅呈现null值——不修改原始数据，通过双维度数据集与多系列叠加+visualMap精准控制，实现透明占位柱+文字标注等定制化效果。
-
模板字符串用反引号包裹，支持嵌入变量（${...}）、多行文本及原始字符串处理（String.raw），解决普通字符串无法实现的动态拼接、格式保留与转义控制问题。
-
animation-delay为负值时动画从中间状态开始，非提前触发；多动画需显式声明各延迟值；父容器transform或will-change可能打乱时序；JS动态加class需强制重排或requestAnimationFrame确保样式生效。
-
padding用于设置元素内容与边框间的内边距，提升可读性；支持1-4个值设定不同方向间距，也可单独使用padding-top、padding-right等属性；如div{padding:12px16px}使文字上下12px、左右16px留白，改善拥挤；padding增加元素实际尺寸，但不触发滚动条，建议配合box-sizing:border-box控制布局。
-
本文详解如何解决PrimeNG的p-chip组件中confirmPopup弹出位置异常、未阻塞移除逻辑，以及通过CSS隐藏默认×图标实现自定义删除交互的问题。
-
::first-letter伪元素可实现段落首字放大、变色、浮动等效果，需作用于块级元素且首字符为字母或汉字，注意兼容性（双冒号优先，旧版IE用单冒号）及排版细节如margin-right、line-height设置。
-
异步迭代是通过forawait...of消费异步可迭代对象的机制，适用于逐步获取异步数据的场景。它要求对象实现Symbol.asyncIterator方法，常用于异步生成器、流处理等情境，需在async函数中使用，不能直接用于普通Promise数组，但可通过包装转为异步可迭代对象，从而实现逐个等待值的优雅流式处理逻辑。
-
JavaScript中类的静态方法与属性直接定义在类本身上，不依赖实例即可调用；静态方法用static声明、通过类名调用、不可访问this及实例成员，常用于工具函数或工厂方法；静态属性同样用static声明，为类级别共享值，通过类名访问，适合存放版本号、默认配置等。
-
最直接方式是使用CSS的user-select属性设为none，需加-webkit-、-moz-、-ms-前缀以兼容旧浏览器，可组合实现整体禁用局部启用，但无法完全防止内容被复制。
-
答案：移动端JS调试更棘手源于设备碎片化、资源限制及调试工具隔阂，需借助Chrome/Safari远程调试、VConsole、Charles抓包等工具，结合alert、debugger语句、二分法等非常规手段定位问题。
