花花鱼的专栏

前端调试陷阱：为什么打印的对象值会"自动变化"？ 在处理Excel解析、表格数据组装时，常遇到一个诡异现象：console.log打印的对象值在控制台中显示为修改后的状态，即使修改代码在打印之后。这并非代码执行顺序错误，而是由JavaScript对象引用特性和控制台懒加载机制共同导致。 核心原理： 引用类型特性：对象/数组存储的是内存地址，console.log记录的是引用而非快照，后续修改会同步反映。 控制台懒加载：浏览器仅在展开对象时读取当前内存值，而非打印时的值。 解决方案： JS

本文介绍了一种利用离屏渲染技术优化BootstrapTable弹窗显示的方法。通过将容器设为visibility:hidden（而非display:none），表格在后台完成初始化、高度计算等操作，避免布局抖动。待resetView完全执行后，再显示最终渲染结果。相比setTimeout和shown.bs.modal方案，该方法能确保渲染完成后再显示，彻底消除视觉闪烁。实现关键是在弹窗HTML中将表格容器设为visibility:hidden，待resetView完成后切换为可见状态。这种"预渲染

本文介绍了TypeScript中Promise的概念和应用，通过一个基于JSONPlaceholder API的示例展示了Promise如何优化异步操作。Promise的三种状态（pending、fulfilled、rejected）确保了异步操作的可控性。文章详细解析了fetchData函数的实现，包括请求发送、响应处理、错误处理和超时机制等关键环节。示例代码演示了如何使用Promise.all进行并行请求，以及自动重试等增强功能。通过Vue组件展示了数据获取的完整流程，包括加载状态、错误处理和UI渲染。

在JavaScript中，剩余运算符（Rest Operator）和展开运算符（Spread Operator）虽然在某些方面有相似之处，但它们各自有不同的用途和功能。使用展开运算符（Spread Operator）当你需要将一个数组或对象的元素/属性分散到另一个数组或对象中时。用于将数组元素或对象的属性“展开”到某个位置，比如在函数调用、数组构造或对象字面量中。使用剩余运算符（Rest Operator）当你需要处理不定数量的参数时。：用于将数组或对象的元素/属性“展开”到另一个数组或对象中。