1、根据input获取用户选取的图片文件let_file=this.$refs.input.files[0]2、将_file文件流通过FileReader转化成base643、处理base64数据通过

在项目中前端和后端通常是并行开发，为了减少等待后端接口开发的时间，我们经常需要在本地模拟后端接口用来测试前端效果。这种做法称之为构建前端Mock。 本地启动一个静态服务，将所需要的接口写成json文件，根据接口名字将文件放在项目目录下。 再启动一个Server作为Mock Se…

这篇关于this的文章，仅仅是自己认为比较重要且易混淆的知识点。 在JavaScript中，this对象是指当前函数中正在执行的上下文环境，因此this并非是定义时(箭头函数除外)。 永远指向最后调用它的对象。 简单记忆：A.B()这里的this就指.左边的A. 4. 具体内容…

双十一光棍节又要来临了，每年这个时候都是本人最苦闷的时刻。日渐消瘦的钱包，愈发干涸的双手，虽然变强了，头却变凉了。今年一定要搞点事情！ 最近听女神说想谈恋爱了，✧(≖ ◡ ≖) 嘿嘿，一定不能放过这个机会，给她来个不一样的表白。 作为整天搞可视化的前端攻城狮，最先想到的就是常玩…

少年，我看你骨骼精奇，是万中无一的武学奇才，我这有本《图片流》秘籍，见与你有缘，就送于你了。 本文所说的图片流就是读取本地图片，并在页面使用文件流的方式显示出来。 paste事件提供了一个clipboardData属性，是一个DataTransfer类型的对象，前面我们说到，拖…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

在两指缩放后会有一个手放手另一个手继续操作的情况。这样在touchend时，e.touches还存在一个元素。所以需要在这里做一个判断。

我们知道，做动画有多种形式，可以用CSS的animation，也可以用Canvas，或者是用JS控制CSS的属性形成动画。我们经常使用CSS做一些比较简单的动画，像过度、加载的动画，对于一些比较复杂的，可能会做成gif，或者是用Canvas，使用Canvas的控制粒度可以很细，…