86.CSS加载文本动画特效
视频地址：https://www.bilibili.com/video/BV1YA411n7xu/
87.服务条款的一种展示特效
视频地址：https://www.bilibili.com/video/BV1vA411E77W/
88.幽灵文字特效
视频地址：https://www.bilibili.com/video/BV17T4y1A7Vg/
89.破碎的玻璃横幅
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2sgPimf1-1611533633646)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/826c56ca089c40678e282013aacc7603~tplv-k3u1fbpfcp-zoom-1.image)]
视频地址：https://www.bilibili.com/video/BV1s5411b78Q/
90.CSS列表项悬停特效
视频地址：https://www.bilibili.com/video/BV1KZ4y1N7nr/
91.方向感应卡悬停效果
视频地址：https://www.bilibili.com/video/BV1Jf4y1D7Lm/
92.发光文字加载特效
视频地址：https://www.bilibili.com/video/BV17A411J7RL/
93.砖石旋转背景动画特效
视频地址：https://www.bilibili.com/video/BV1yv411C7NJ/
94.文字悬停分割特效
视频地址：https://www.bilibili.com/video/BV1RV411m7LQ/
95.按钮涟漪特效
视频地址：https://member.bilibili.com/v2#/upload-manager/article
96.魔幻的滚动视差特效
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1E2yG0mI-1611533633650)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3bdb7460cfb14f70b149d08b61ae5a94~tplv-k3u1fbpfcp-zoom-1.image)]
视频地址：https://www.bilibili.com/video/BV1LK411A7X2/
97.炫酷加载特效(模拟手机信号)
视频地址：https://www.ixigua.com/6882247186009031181/
98.炫酷发光特效
视频地址：https://www.ixigua.com/6882247186009031181/
99.仙境特效
视频地址：https://www.ixigua.com/6883784380632793611/
100.模拟播放暂时特效
视频地址：https://www.ixigua.com/6885309534483513859/
101.新拟物渐变加载特效
视频地址：https://www.ixigua.com/6886389124811457032/
102.使用Vanilla lift.js实现3D视差倾斜效果
视频地址：https://www.ixigua.com/6887878632572715532/
103.3D书籍模型
视频地址：https://www.ixigua.com/6888608009556230667/
104.打工人的撕裂方式
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1NTfvPtq-1611533633657)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/cf16e0a8751c484b8a81186d292e63ca~tplv-k3u1fbpfcp-zoom-1.image)]
视频地址：https://www.ixigua.com/6890835336868397572/
105.液体流加载特效
视频地址：https://www.ixigua.com/6891580915374359043/
106.创意视频球特效
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EqPyi1HB-1611533633661)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/81b6a79150ba4ba9a7e72512999d7b96~tplv-k3u1fbpfcp-zoom-1.image)]
视频地址： https://www.ixigua.com/6893066211257483784/
107.CSS响应卡片悬停特效
视频地址：https://www.ixigua.com/6893808422605554183/
108.使用Grade.Js自动生成渐变背景颜色
视频地址：https://www.ixigua.com/6894533882432094728/
109.现代CSS按钮悬停效果
视频地址：https://www.ixigua.com/6897449872975200780/
110.无限叠卡特效
视频地址：https://www.ixigua.com/6897450763094753800/
111.使用CSS进行彩色烟雾视频和文本处理
视频地址：https://www.ixigua.com/6898262151455048199/
112.使用 sketch.js 实现彗星特效
视频地址：https://www.ixigua.com/6899588911862022660/
113.文字肖像特效
视频地址：https://www.ixigua.com/6901230535520027143/
114.使用SVG filter创建粘糊糊效果
视频地址：https://www.ixigua.com/6902344348986262024/
115.滑动菜单指示器特效
视频地址：https://www.ixigua.com/6903449899006689804/
117.纯CSS 和 JS 实现泡泡特效
视频地址：https://www.ixigua.com/6904504548409213454/
118.CSS3按钮悬停闪亮特效
视频地址：https://www.ixigua.com/6906066035506414084/
119.css按钮边框渐变发光特效
视频地址：https://www.ixigua.com/6906796258489270788/
120.如何使用 JS 动态更新CSS变量
视频地址：https://www.ixigua.com/6907873173098889731/?&wid_try=1
121.使用gsap scrollTrigger滚动触发CSS动画
视频地址: https://www.bilibili.com/video/BV1964y1f7CK/
122.为你的博客和网站设计一个简单的日历
123.火箭发射特效
视频地址：https://www.ixigua.com/6910132650648797699/
124.酷炫box-shadow 悬停特效
视频地址：https://www.ixigua.com/6911265897659400708/
125.如何使用 JS 实现背景视差特效
视频地址：https://www.ixigua.com/6911983867603878407/
126.如何使用CSS和 JS 创建简单图片切换
视频地址：https://www.ixigua.com/6914222592170263053/
127.CSS 图标魔法线悬停特效
视频地址：https://www.ixigua.com/6914589524660224526/
128.落叶飘舞动画特效
视频地址：https://www.ixigua.com/6915324225184072200/
129.好家伙，女朋友让我用前端人的方式，描述一下一幅画被墨水洒的到样子
视频地址：https://www.ixigua.com/6916439319217603085/
130. HTML+CSS完成苹果logo加载效果，好家伙，还不收藏一波！
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yRxMwir6-1611533633680)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/aa3d5ca7ee7d4d4c86af5fc4f606a7ab~tplv-k3u1fbpfcp-zoom-1.image)]
视频地址：https://www.ixigua.com/6917189337700368907/
131.手撸一个跑马灯加载特效送给前端女朋友
视频地址：https://www.ixigua.com/6917930699139842563
132.前端人，来，给沾满雾气的玻璃刮一刮，好家伙，这工具超好用！
视频地址：https://www.ixigua.com/6919046116382081540
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容，详细完整版的JavaScript面试题文档，或更多前端资料可以点此处免费获取。
-1712319628693)]
[外链图片转存中…(img-fuKcmRXt-1712319628694)]
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
[外链图片转存中…(img-tSQT0GUg-1712319628694)]
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
[外链图片转存中…(img-iYMXfbTt-1712319628695)]
[外链图片转存中…(img-N6BkwTsE-1712319628695)]
由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容，详细完整版的JavaScript面试题文档，或更多前端资料可以点此处免费获取。
