打算收拾收拾心情，迎接2022年，于是整理了自己的收藏夹，也跟大家分享一些2021年个人收藏的前端学习资料，包括文章65篇、视频37个、书籍24本，欢迎一起成长

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)

为什么好看的动画都在别人的项目？？ 这次给前端工友们收集了10+个高逼格加载动画效果！！复制就可以直接使用！！收藏等于学会！！

在身份证输入框绑定@input事件（在 Input 值改变时触发），代码如下： js代码如下： 效果图如下：

能解决 90% 需求的js库，这里推荐 JS 库，这些库都有很好的文档，也非常流行，并一直在维护中。

随着 Web 的发展，用户对于 Web 的实时推送要求也越来越高，在 WebSocket 出现之前，大多数情况下是通过客户端发起轮询来拿到服务端实时更新的数据，因为 HTTP1.x 协议有一个缺陷就是通信只能由客户端发起，服务端没法主动给客户端推送。这种方式在对实时性要求比较高…

😃 感谢大家阅读, 最后推下自己的小工具, 作为工作了8,9年的老菜鸟插件用多了自己也造了几个小工具, 大家看看有没有需要的. 🔥 支持vscode版本, 查正则再也不用"百度"了. 😃 vscode中搜索"any-rule"进行安装. 👋一个手势库, 支持tap(点击…

下面是我在开发大型 Vue 项目时的最佳实践。这些技巧将帮助你开发更高效、更易于维护和共享的代码。 今年做自由职业的时候，我有机会开发了一些大型 Vue 应用程序。我所说的这些项目，Vuex store 超过十个，包含大量的组件（有时候几百个）和视图页面。对我来说这是个很有益的…

对一个developer来说，有时候变量命名，提交代码时的提交信息会让人很头疼，本文主要聊聊怎么优雅的书写commit message。 曾在上家公司的一个项目中，见过我至今以来见过最奇葩的代码提交信息，让我至今难忘。那个项目的前三个commit记录的提交信息分别是： 简直让人…