前言 作为一个前端开发，不可避免地需要开发动画。如果自己临时写一个动画，还是比较容易出问题的，今天介绍一个很好用的动画库，功能十分强悍 ———— GSAP。 效果 说再多，也不如直接来效果来的直观。

不得不说前端的生态还是非常旺盛的，翻看各种开源前端项目的时候总是能找到些惊喜，安装大型项目时附带的一堆不明所以的库当中往往也会有宝藏级别的存在。凡事先不要想着自己造轮子，多翻翻 npm 绝对好处多多。 最近发现了 mysticatea/npm-run-all 这个神器，这个工具…

前言 最近在挑选手机，发现一加手机官网有一个神奇的功能，滚动条明明在向下滚动，页面却在横向移动，这也太神奇了叭！

提到大文件上传，在脑海里最先想到的应该就是将图片保存在自己的服务器（如七牛云服务器），保存在数据库，不仅可以当做地址使用，还可以当做资源使用；或者将图片

关注 Matter.js 很久了，但一直没有机会使用过，刚好最近《合成大西瓜》这个游戏比较热门，就用 Matter.js 来试着实现了一下。 《合成大西瓜》这款小游戏，核心的原理就是物理引擎的使用。而 Matter.js 的简介是这样的： Matter.js 引擎内置了物体的运…

🦄 Matter.js是一个强大的JavaScript物理引擎，可帮助你创建逼真的动画和交互式效果。如果你正在寻找一种能够增强你网站用户体验的方式，那么Matter.js是一个很好的选择。

因为 button 元素可以使用 before/after 伪元素，所以借助伪元素，可以实现动态图中的遮盖层。 为了避免回流重绘，滑箱的运动方向是垂直方向，所以使用scaleY属性。对于动画的方向，需要借助transform-origin改变动画原点。 果冻特效可以分割成 5 …

JWT是目前最流行的跨域认证解决方案，通过使用Token获取服务器中对应的资源数据给客户端，但Token的有效时间是有限的，那你知道怎么在项目中做到无感刷新Token吗

应用场景 取消请求在前端有时候会用到，以下是两个工作中可能会用到的场景 tab切换时刷新某个列表数据，如果他们共用一个变量存储数据列表，当请求有延时，可能会导致两个tab数据错乱； 导出文件或下载文件