![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
xioao555
这是我的个人简介
展开
-
纯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 · 1398 阅读 · 0 评论 -
纯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 · 5130 阅读 · 1 评论 -
vue-cli + ElementUI 裁切上传图片 自定义接口
项目需要引入 vue-cropperjs npm 运行 cnpm install cropper js --save1、页面中HTML//触发HTML 未定义css<div class="crop-demo"> <div v-if="imageUrl==''" class="pre-img"&a原创 2018-12-13 15:30:06 · 3854 阅读 · 0 评论 -
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 · 2041 阅读 · 0 评论 -
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 · 702 阅读 · 0 评论 -
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 · 2740 阅读 · 5 评论