Cherish

webpack是现在主流的前端构建工具，主流公司的项目中几乎都有他的存在。很多同学接触到现代前端可能就是学习的Vue，vue-cli脚手架会自动帮你生成一个web工程，他就是基于webpack进行构建的。但是只会使用现成的脚手架工具是远远不够的，想要更深入的了解其中的运行机制还…

写在前面1.需求2.组件源码template部分3.写在后面

移动端九宫格转盘抽奖vue组件，中奖的奖品数据由接口决定。 因为中奖的结果是后台返回的，所以要考虑转盘的最终停下来的位置必须是在对应后台返回结果的奖品的位置，也就是要模拟出这个中奖的过程（所以所谓的抽奖都是骗人的，嘿嘿）。先要写出移动的背景框对应的各个位置的css，然后动态切换…

上周做一个关于移动端图片压缩上传的功能。期间猜了几个坑，在此总结下。大体的思路是，部分 API 的兼容性请参照 caniuse：利用 FileReader, 读取 blob 对象，或者是 file 对象，将图片转化为 data uri 的形式；使用 canvas，在页面上新建一个画布，利用 canvas 提供的 API，将图片画入这个画布当中；利用 canvas.toDataURL()，进行图片的压缩，得到图片的 data uri 的值上传文件。

以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 有兴趣的同学可以关注 [实践系列] 。 求star求follow~ 全称 Domain Name System ,即域名系统。 简单的说,通过域名,最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。 有d…

之前在公司项目中实现了一个可配置的转盘抽奖，主要是用canvas进行绘制，写这篇文章是为了通过一个大家可能会感兴趣的点，来熟悉canvas的一些api，我自己也算是进行一些复习，当然文章不会像项目中实现的那样复杂，只是一个简易版本的，尽量做到通俗易懂，给感兴趣的你指引一条路（其…

这只是我临时兴起的一个小项目，如果你觉得还不错，不妨给个赞鼓励下，您的鼓励是我前进的动力。 最后奉上源码。