最近观看了Rich Harris的<Rethinking Reactivity>视频，惊叹于Svelte框架的高效同时，还发现了Vue所不具备的一些关于动画的原生支持—defer transition

虚拟列表可以说是一个很常见的需求场景了。 什么是虚拟列表？在我们日常生活中，刷不到底的新闻 Feed 流，无尽图片瀑布流、超级超级长的排行榜等等。对于这种场景，我们不可能一次性加载完所有数据，因为不仅用户手机的视窗大小决定了这种做法很浪费，同时请求如此多的数据，从网络带宽、服务…

最近忽然对canvas动画感兴趣，然后就心血来潮的看了一些文章，事先声明，部分原创，我只是代码的搬运工。我先上一下截图，然后再说下我的想法。 还是那句话，我只是代码的搬运工，首先是雪花飘落的场景。参考文章点击这里 —— canvas实现雪花飘落,文章上来就贴了代码，直接就能用，…

上次记录了，使用canvas绘制的图片，如何下载 https://juejin.im/post/6844903624053620750。今天就记录下如何上传。 前端上传图片，按接口类型分为两种，是否使用 formData。 1、不使用formData，就把图片转为 b…

最近做了个需求，设计提供几张切图。前端把切图还有后台返回的文本信息，拼接到一块绘制为一张图片。然后会下载、或者上传。 做起来其实还是挺简单的。下面说下大概的流程。 前端绘图只能使用 canvas。 2、使用canvas 绘图完毕后。提供导出下载 canvas 有两个API。可以…

这篇文章说如何用canvas画出漂亮的下雨效果，先看看最后实现的效果吧。 看图来分析下，我们需要实现哪些效果。 好的，我们把整个效果大致拆分成三个效果，实现这三个效果，就完成了。 我们一步一步来实现。 用一个数组保存雨滴对象。 往数组中添加一定数量的雨滴对象，然后遍历数组，修改…

写这篇文章是因为某天看到这样一个公式 r=a(1-cosθ) ，我上网搜了下，原来是笛卡尔心形线的极坐标方程，这个方程里面的确有一个浪漫又悲情的爱情故事，感兴趣的朋友可以点这里看看，而至于这个故事是真是假，这 并不重要。 而这篇文章的目的是要用前端的方式，画出笛卡尔心形线。 本…