开发时遇难题：用户关闭页签、特定状态开启需调用关闭接口。用常规方法、navigator.sendBeacon 及同步请求都失败，好在借助 AI，最终巧用Image对象成功解决，开发之路虽坎坷，好在终有

2种方式实现页面滚动时，元素缓慢上升效果；第一种通过自定义指令方式实现；第2种通过封装为组件使用(SSR页面中也可正常使用)

最近在需求里遇到了一个手指引导交互的动画需求。这篇文章就来讲讲如何CSS实现这个动画，如下图所示： 简单分析了一下效果，是一个手指移动到某处位置，然后会触发呼吸灯闪烁的效果，所有实现整个动画可以分两步

格局 所谓格局，就是要抛弃自己是个前端切图仔的身份，站在更高的维度，更广的技术视野，更好的开发体验，来跟面试官聊技术 站在编程思想的角度， 理解 OOP, FP, AOP 在前后端的不同。 理解 Ne

FPS、PV、UV、AMD、CMD、UMD、BFC、IFC、BEM、DRP、TDZ、SPA、SFC、SEO....

Vue3 中有两种注册生命周期的方法，一种是选项式的 API 风格，另一种的组合式的 API 风格。Vue3 的生命周期是完全兼容了 Vue2 的生命周期的。生命周期选项和组合式 API 中的生命周期

如果文件是浏览器可以直接打开的类型（如图片、PDF 等），浏览器默认会直接打开文件而不是下载。除了通过设置服务器响应头 来强制下载外，前端也可以通过一些方法实现文件的强制下载

浅拷贝与深拷贝 浅拷贝 浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址，所以如果其中一个对象改变了

文字超出换行应该是大家项目中高频的css样式了，它也是非常容易出现样式bug的一个地方。 分享一下我工作中遇到的问题。前几天开发代码的时候，突然收到两个测试提的bug：