前言 GIF 我相信大家都不会陌生，由于它被广泛的支持，所以我们一般用它来做一些简单的动画效果。一般就是设计师弄好了之后，把文件发给我们。然后我们就直接这样使用： 这样就能播放一个 GIF ，不知道大

几乎每个前端开发都应该用过这个滑动组件库吧？这就是大名鼎鼎的swiper.js 当然我也不例外，确实非常全面，也非常强大。 不过很多时候，我们可能只用到了它的10%不到的功能，显然是不划算的，也会有性

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知道为什么要用 debugge

transfer：可选参数，高级用法，这里不作讨论，是一串和message 同时传递的 Transferable 对象. 这些对象的所有权将被转移给消息的接收方，而发送一方将不再保有所有权。

前端实现文件预览（pdf、excel、word、图片），使用pdfjs第三方包和canvas实现pdf文件渲染，使用xlsx预览excel文件，使用docx-preview预览word文件

对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，以便于存储和处理。

Vue3.3发布了，主要改进了开发者体验，新增了一些语法糖和宏，以及对TypeScript的改善。其中包括泛型组件、defineSlots、defineEmits、defineOptions 等特性

css实现tabs圆角切换效果，使用伪元素、border-radius、box-shadow叠加处理。

如何实现一个有特色的按钮交互效果，按钮的背景色可以随着鼠标的移动变化且背景区域会随着鼠标的移动产生弹性变化效果，按钮的文字阴影会随着鼠标的变化而变化，快看看看吧~