- 博客(7)
- 收藏
- 关注
原创 如何绘制一个圆型进度条
1.我们先创建一个100*100的容器<div style="height: 100px; width: 100px;"></div>2.绘制出第一个完整的圆<div style="height: 100px; width: 100px;"> <svg viewBox="0 0 100 100"> <path d=" M 50 50 m 0 -48 a 48 48 0 1
2021-10-27 18:30:49 300
原创 Element-ui 上传文件到七牛云
1.按照qiniu-jsnpm install qiniu-js2.引入qiniu-js上传模块import * as qiniu from 'qiniu-js'3.上传文件到七牛云html:<el-upload :http-request="sliderRequest" name="file" accept='video/*' > <el-button size="small" type="primary">点击上传<
2021-10-27 16:50:28 439
原创 使用js压缩图片后转为二进制上传
1.封装压缩图片方法 methods:{ compress(img) { var url = null; var canvas = document.createElement("canvas"); var scale = img.height / img.width; canvas.width = 720; canvas.height = 720 * scale; var ctx = canva
2021-10-26 18:56:38 624
原创 VUE 实现钉钉扫码登录
1.引入钉钉SDK在public文件夹下的index.html中引入钉钉SDK<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>2.初始钉钉登录生成二维码let url = encodeURIComponent( `${UPLOAD_BASE_URL}/dist/index.html#/login`);//这里的
2021-10-26 14:31:57 1765 1
原创 es6-Promise解决回调地狱
1、什么是回调地狱?假如我们有很多异步事件,而这些异步事件又有很紧密的联系,比如一个异步事件要依赖另一个异步事件的返回值,看下面的:$.ajax({ url: '', data: {}, type: 'post', dataType: JSON, success: function (res) { $.ajax({ url: '',
2021-10-25 14:54:51 273
原创 vue crypto-js加解密
1.安装crypto-jsnpm install crypto-js --save2.编写encrypt.jsconst CryptoJS = require('crypto-js'); import md5 from 'js-md5';var key_str = 'B120F1D92561A123'; //16位12进制字符串 ---秘钥var iv_str ='1A123B120F1D9256'; //16位12进制字符串 ---偏移量var key = CryptoJS.
2021-10-11 10:02:31 707
原创 在JS文件中获取Vue组件实例
111. 背景 最近在写项目时候遇到这样一个需求:我封装了一个js文件utils.js,然后在组件my-component.vue中引用了该js文件。 在utils.js文件中有一些函数,需要操作my-component.vue中的data和methods。为了方为了方便理解,上述 js 文件和组件名非实际工程中的名字,仅是示例。2. 思路 通过调用函数把组件实例 this传递到被应用的 js 文件里。3. 目录结构src/├...
2021-10-11 09:49:00 5535 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人