项目中有一个制作电子奖状的需求，需要根据奖状模板和用户编辑的文字生成不同的奖状图片，因此使用了 html2canvas 来将 DOM 元素转为 canvas 再生成图片。

99%的前端不知道的 ctx.fill() 规则 和玩法：fill 默认是 'nonzero' 非零绕组原则，如果是'evenodd'奇偶绕组原则，会有什么表现呢?有坑喔

canvas开发思维导图实战。随意开发一个思维导图，随意记录一下开发过程。随意发一篇试试，有人看就继续更新，没人看就不写了。

在我们写完一个应用程序后，需要发布到npm上，大多数人可能仅仅使用npm publish就完成了，在这里我讲一下如何更好的发布包。 1. registry 在下载包的时候，很多人喜欢设置taobao镜像，因为npm仓库服务器在国外，下载速度真是急死个人。发布的时候也一样，一般开…

这是个还在草案中的API，不过大部分浏览器均已实现（除了IE）。先看下MDN中的介绍： 当页面滚动时，懒加载图片或其他内容。 实现“可无限滚动”网站，也就是当用户滚动网页时直接加载更多内容，无需翻页。 滚动到相应区域来执行相应动画或其他任务。 一直以来，检测元素的可视状态或者两…

本文为稀土掘金技术社区首发签约文章。懒加载是前端性能优化中很重要的一环，可以有效地降低首页的白屏时间，并且可以广泛地应用到小伙伴们的项目中。

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

一、思考 离开页面，发送请求会面临两个问题： ajax请求是异步的，当页面跳转的时候，ajax请求会被取消，导致数据发送不成功。 移动端 unload 监听，有可能不触发。 要解决这两个问题，才可以落

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…