xioao555-CSDN博客

原创 js获取网页URL参数获取网页后面问号的参数

//获取url参数function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); // 匹配目标参数...

2019-12-10 16:04:39 995

原创纯JS 实现简易 Toast 消息提示框

//提示信息封装function Toast(msg,duration){ duration=isNaN(duration)?3000:duration; var m = document.createElement('div'); m.innerHTML = msg; m.style.cssText="font-size: .32rem;col...

2019-12-10 15:36:46 1483

原创纯JS实现使用crypto-js 生成Sha256withRSA 2048位应用私钥以及公钥

//获取密钥对function getRsaKeys(func){ window.crypto.subtle.generateKey( { name: "RSA-OAEP", modulusLength: 2048, //can be 1024, 2048, or 4096 publicExpone...

2019-12-10 15:28:55 5270 1

原创 vue-cli 接入环信，本地缓存储存聊天记录以及简易聊天框

了解环信：http://docs-im.easemob.com/im/web/intro/basic#登录http://docs.easemob.com/start/450errorcode/40weberrorcode1、vue配置环境：安装node版本的环信SDK，安装strophe.jscnpm install easemob-websdk --savecnpm install ...

2018-12-13 17:24:46 2854 5

原创 vue-cli 封装压缩图片上传返回图片地址方法。 import引用

创建js文件，命名为uploadImg.js1、封装好压缩图片import Vue from 'vue';//上传图片自动压缩处理//传入参数//action：接口地址//param：input获取的input File//path：可选，图片上传目录需要后端配合//reWidth，reHeight 压缩设置最大宽高export function uploadImg(actio...

2018-12-13 15:50:04 728

原创 vue-cli + ElementUI 实现自定义接口上传图片

1、使用ElementUI风装好的方法<el-upload class="upload-demo" :before-remove="beforeRemove" //移除前动作:on-remove="handleRemove" //移除时动作:action="action" //上传接口:show-file-list="true" //是否显示文件列表:http-request=..

2018-12-13 15:37:36 2063

原创 vue-cli + ElementUI 裁切上传图片自定义接口

项目需要引入 vue-cropperjs npm 运行 cnpm install cropper js --save1、页面中HTML//触发HTML 未定义css&lt;div class="crop-demo"&gt; &lt;div v-if="imageUrl==''" class="pre-img"&a

2018-12-13 15:30:06 3938

xiao5的博客