-
JavaScript调试应优先使用DevTools断点和作用域检查而非console.log；在Sources面板点击行号设断点，或用debugger语句动态暂停；注意sourcemap对齐、异步上下文及console.table/group等高效日志工具。
-
本文详解为何onclick="del(this.id)"返回undefined，并提供基于事件委托与DOM层级关系的可靠解决方案，包括代码修正、原理说明及现代替代实践。
-
relative定位是“在自身文档流位置基础上偏移”，保留原始占位空间，不脱离文档流；需显式声明position:relative才能激活top/left等偏移，且z-index会隐式创建层叠上下文。
-
福昕PDF编辑器转HTML最稳，但无法完全保形；它兼容中文排版与表格，支持手动选页，转换后HTML含内联样式和table标签，需人工优化语义结构。
-
大批量数据传Props易致卡顿，应采用轻量可控方案：①用Object.freeze或markRaw跳过响应式；②分片加载+虚拟滚动替代全量渲染；③provide/inject替代深层透传；④异步加载+懒初始化优化性能。
-
本文介绍如何精准定位HTML表格中某一特定列（例如<th>TYPE</th>），提取该列所有<td>单元格内容，识别重复值，并仅为这些重复项添加统一背景色（如绿色），避免影响其他列。
-
ReactRouterv6不再支持component或Component属性，必须使用element属性传入JSX元素；同时，所有路由路径必须唯一，否则仅首个匹配路由生效，导致组件无法正常渲染。
-
使用Flexbox可解决表单控件对齐问题：1.设置容器display:flex；2.用align-items:center实现垂直居中；3.justify-content控制水平分布；4.配合重置margin、padding、box-sizing和统一字体行高，确保跨浏览器一致性。
-
flex:0和flex:1不能直接实现“固定+自适应”是因为flex:0等价于flex:00auto（不放大、不缩小、内容宽），而flex:1是flex:110，会抢占剩余空间；正确写法是固定项用flex:00200px，自适应项用flex:1，且需确保父容器display:flex、无flex-wrap干扰。
-
实现滚动加载更多数据在JavaScript中可以通过以下步骤实现：1)监听页面滚动事件；2)当用户滚动到页面底部时，触发加载更多数据的操作；3)使用fetchAPI获取新数据并添加到页面。示例代码展示了如何监听滚动事件并加载数据，同时提供了性能优化和用户体验提升的建议。
-
Docusaurus不解析纯HTML文件，需将HTML重写为MDX：静态内容转Markdown，内联样式改用注释或CSS类，JS行为替换为官方插件或组件，链接改为相对路径.md，资源移至static/并更新引用路径，导航与多语言需配置驱动。
-
策略模式用于解耦支付逻辑与平台差异，而非动态切换SDK；应预初始化各平台SDK单例并缓存，统一返回POJO、异常及回调验签逻辑，避免状态污染与线程安全问题。
-
border会让元素偏移1px，因其占据真实布局空间、改变宽高且参与文档流计算；outline不占空间但无圆角等限制；伪元素方案最可控但需注意定位和缩放；根本原因常是盒模型混用或默认样式未重置。
-
z-index必须用语义化变量统一管理，禁止魔法数字；按组件功能命名（如@z-modal）、预留数值间隙、避免跨模块复用同名变量，并注意层叠上下文对z-index的限制。
-
推荐以rem为主、vw为辅，关键标题用clamp(1.125rem,4vw,1.5rem)控制字号范围，正文统一用1rem配合:root动态调整根字号，并为clamp()提供fallback降级，同时line-height用无单位值、letter-spacing用em保证缩放一致性。
