刘一笔

入职四周年了，在蚂蚁这所大学“本科”毕业，开始“读研”生涯，以后就是「师姐」了。在这特殊的日子里回忆过往，回归初心。分享一些经历出来，感恩成长为今天的依枫。

我终于将我续费了2个月的ChatGPT4.0取消订阅了！每月节省了150RMB，真香！ 今天跟大家分享的是如何免费使用GPT4.0

Scrollload 是一个无依赖，体积极小（压缩 + gzip 后不到 2k），可配置性高 (可以自定义加载时候动画，加载完后的 dom，提前加载的距离)，功能强大（能做到指定容器内的滚动，多 tab 的滚动, 异常处理，刷新重新加载），性能好（在滚动的时候做了一些性能优化，如缓存 window 的高度，函数节流）的 js 插件。

本文带大家实现官网平滑滚动过渡动画、视差滚动公话以及复杂的组合动画的基础功能。他对于增强网站用户体验、提升品牌形象以及缓解用户情绪、引导用户行为等有积极的作用。

前言 PWA的好处 我就不提了，介绍类文章已经非常多了。产品需要这个作为流量入口，不考虑离线网络访问，缓存维护等等，只想多一个用户访问链接的前提下，如何快速接入PWA成为了我的需求。

笔者以实际项目为例，带着读者学习TailwindCSS，并运用到项目中，举一反三，进行优化实践。Vite+Vue3+TS+TailWindCSS打造个性化在线简历项目。

前端性能优化：本文系统性讲述了利用H5 api特性实现图片懒加载的方式，并使用模糊图片占位符来增强用户使用体验。最后使用自定义的 loading 动画来美化界面。

图片懒加载是一种常见的网页性能优化技术，它可以延迟加载页面中的图片，只在用户需要时才加载显示，而不是一次性加载所有的图片资源。这可以减少初始页面的加载时间和带宽占用，提升用户的浏览体验。

👏实现一个音频loading动画还蛮有趣的，速速来Get吧~ 🥇文末分享源代码。记得点赞+关注+收藏~