2020-06-24 标签:vue,实现,剪切板,图片,压缩功,监听,粘贴,事件,读取,文件,转成,base,64,通过,img,标签,显示出来,此时,可能会,存在

监听剪切板粘贴事件，读取剪切板中的图片文件，转成base64通过img标签显示出来，此时可能会存在剪切板中图片过大，产生上传速度慢问题，接下来就跟大家分享下如何将base64图片进行压缩。先跟大家展示下最终实现的效果：实现思路监听剪切板粘贴事件从事件回调中获取clipboardData中的image

2020-06-24 标签:vue,eslint,配置文件,eslintrc,js,说明,规则,介绍,默认,代码,末尾,加分,存在,多行,空行,tab,使用,必须

默认eslint规则：代码末尾不能加分号 ;代码中不能存在多行空行；tab键不能使用，必须换成两个空格；代码中不能存在声明了但未使用的变量；最简单的方法，关闭eslint检测，其实很简单，把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。但不推

2020-06-24 标签:vue,组件,创建,三种,方式,小结,使用,extend,全局,var,com,通过,template,属性,指定,展示,html,结构,h

1.使用Vue.extend创建全局的Vue组件//1.1 使用vue.extend创建组件var com1 = Vue.extend({//通过template属性指定组件要展示的html结构 template : "使用vue.extend创建的组件"})//1.2使用Vue.component

2020-06-24 标签:vue,简单,封装,axios,插件,接口,统一管理,操作,示例,本文,实例,讲述,分享,大家,参考,具体,如下,现在,公司

本文实例讲述了vue简单封装axios插件和接口的统一管理操作。分享给大家供大家参考，具体如下：现在很多公司的项目都是前后端分离的项目，那么说到前后端分离，必定会有ajax请求来获得后台的数据。在做jquery项目的时候，我们都会使用它封装好的方法来直接发起ajax请求。在vue项目中，我们使用最多

2020-06-24 标签:javascript,indexof,用法,技巧,使用方法,概述,大小写,敏感,其中,o,大写,字符串,而言,返回,第一次,出现,位置,var

JavaScript中的indexOf使用方法概述indexOf大小写敏感，其中的O要大写对于字符串而言indexOf返回字符串第一次出现的位置，若没有出现返回-1var str = "hello world";alert(str.indexOf("o"))//显示4alert(str.indexO

2020-06-24 标签:javascript,实现,商品,图片,放大镜,优化,原因,现在,商城,项目,解决,主要是,购买,问题,主要,要看,清楚,表面

优化原因现在的电商商城项目解决的主要是购买商品的问题，那么购买商品主要要看清楚商品表面外形的主要特征和细节，如果图片处理过小，或者细节过于模糊，就需要做一个商品高清图片放大局部的功能。技术关键点1.左侧和上侧距离，在一个水平位置和垂直位置中有我们可以挪动的区域，就是原图片区域，鼠标挪动位置是一个块状

2020-06-24 标签:javascript,实现,切割,轮播,效果,本文,实例,为大,分享,具体,代码,大家,参考,具体内容,如下,doctype,html,lang,en

本文实例为大家分享了javascript实现切割轮播的具体代码，供大家参考，具体内容如下效果代码Document.container{position: relative;width: 560px;height: 300px;}.container ul{/*transform-style:pres

2020-06-24 标签:javascript,如何,实现,create,方法,这篇文章,主要,介绍,文中,通过,示例,代码,非常,详细,大家,学习,工作,具有,一定的,参考

这篇文章主要介绍了javascript如何实现create方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1. 背景项目使用 easyui + jquery作为前端框架，之前基本上是些后端代码设计，前端涉略仅限于应用。项目js是之前部门领导写的一

2020-06-24 标签:javascript,实现,视频,弹幕,效果,版本,本文,实例,为大,分享,具体,代码,大家,参考,具体内容,如下,基础,doctype,html

本文实例为大家分享了javascript实现视频弹幕效果的具体代码，供大家参考，具体内容如下基础版本* {margin: 0;padding: 0;}.dm {width: 800px;height: 600px;background-color: blue;margin: 0 auto;}.box

2020-06-24 标签:javascript,如何,处理,移动,拍摄,图片,旋转,问题,本文,实例,为大,分享,js,具体,代码,大家,参考,具体内容

本文实例为大家分享了js移动端拍摄图片旋转的具体代码，供大家参考，具体内容如下第一步：引入exif-js第二步：/*** 处理图片文件（处理移动端拍摄图片旋转问题）* fileObj.file 图片文件独享* fileObj.resolution 在指定图片格式为 image/jpeg 或 imag