蓝色的落叶-CSDN博客

转载上传视频获取视频时间

// 获取视频信息getVideoPlayerInfo(file) { return new Promise(resolve => { const videoElement = document.createElement('video'); videoElement.src = URL.createObjectURL(file); videoElement.addEventListener('loadedmetadata', function() { res

2022-02-09 17:03:03 1035

原创客户端设备类型

const ua = navigator.userAgent let isAndroid = ua.indexOf('Android') > -1 let isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) let isWechat = ua.indexOf('MicroMessenger') > -1 let isAlipay = ua.indexOf('AlipayClient') > -1

2021-12-17 14:54:05 415

原创 web端连接融云（无UI集成）聊天室遇到的问题

web端连接融云（无UI集成）聊天室遇到的问题1.发送自定义消息：客户端（安卓、IOS）接收不到内容，原因：客户端未注册自定义消息类型 https://docs.rongcloud.cn/v4/5X/views/im/ui/guide/private/conversation/msgsend/ios.html#custommsg2.图片消息发送图片的略缩图是需要base64字符串且不超过80kb,方法：拿到图片的url，然后用 canvas.toDataURL(‘image/jpeg’, 0.8)，注：

2021-11-23 18:13:46 699

原创图片链接转base64

// vue3 + vite2 框架const getBase64Image = (url) => { return new Promise((resolve, reject) => { var image = new Image() image.src = url + '&v=' + Math.random() // 处理缓存 image.crossOrigin = '*' // 支持跨域图片 image.onload = () => { var ca

2021-09-16 17:48:02 323

原创 replace全局替换换行符

'1111\n1'.replace(/\\n/g, '<br/>')

2021-09-03 17:38:41 2330

原创 vue3 ant design vue图片上传预览

<template> <div :class="['enter-text' ,'description']" > <div></div> <div class="select-opation"> <a-upload accept="image/*" list-type="picture" v-model:file-list="fileList" class="upload-list-inline"> <im

2021-08-05 13:47:19 2042

原创 sourceTree clone显示无效代码及拉取报错

错误如下：解决方法：在文件中全局搜索sourcetree, 然后将所有有关的 sourcetree文件全部删除，包括项目中 .git文件夹中的sourcetree.config文件，再重新安装就可以了（多搜索几遍，确保所有的sourcetree文件都删除了）从官网下载的souretree需要登陆，可以在%LocalAppData%\Atlassian\SourceTree\ （直接复制到地址栏回车一下就可以找到）文件中新建accounts.json ,重新启动sourcetree就可以跳过登录了/

2021-08-02 20:11:20 957

转载 axios的post请求方式，怎么把参数直接加在URL后面，不用payload

//已测试export const delUser = (id) => { return axios.post("/user/remove", null, { params:{ id, } })}

2021-07-05 16:44:47 2296 2

原创上海异地期满换驾驶证的一天

没有“交管12123”app 要先下载安装注册，登录之后点击下图更多2.然后在业务中心—>驾驶证业务中点期满换驾驶证（第一次需要扫下驾驶证的备案码）如果没有体检报告的话需要先去体检上传报告，（我没有去体检，所以关于有体检报告的操作我也不知道，后面是关于去医院体检的流程）在“交管12123” 中点击办事网点，如下图：5.点击下图更多6.点击驾驶人体检7.会出现如下图各个体检医院的地址距离，可选择离自己比较近的医院。注意：有些医院是周一至周五，有些是周一至周六，也可以直接去百度上.

2021-05-18 18:51:28 6593

原创 element的el-scrollbar用法

<template> <div> <el-dialog class="add-comparison" title="添加" :visible="visible" @update:visible="updateVisible" width="540px" > <div class="content"> <div class="default-scro

2021-04-19 11:00:42 372

原创 ps切图

1.用ps打开psd格式的文件3.选择切片工具4.然后 Ctrl+C(复制) ----->Ctrl+N（创建新画板），如下图，选择背景头面透明，然后点击确定5.然后ctrl+s（点击文件，选择储存为） ,如下图选择图片格式，一般png、jpg等格式，点击保存就可以了备注：切图的方法有多种，后期会陆续补充...

2021-03-17 14:41:09 157

原创年月日转换成标准时间

let a ='2021-01-18T07:15:48.00z';let data=new Date();data.toUTCString(a) //"Wed, 03 Mar 2021 07:14:23 GMT"let a ='2021-01-18T07:15:48.00z';new Date(a); // Mon Jan 18 2021 15:15:48 GMT+0800 (中国标准时间)

2021-03-03 15:24:13 1177 1

原创 vue数字滚动动画

方法1<template> <div> <div class="head" @click="this.numFun(0,5000)">点击金额变动</div> <div>{{amount}}</div> </div></<template> <script>export default { data () { return { amount:

2021-01-07 15:18:19 1615

原创浏览器设置黑色背景

Dark Reader1.先下载 dark reader 插件2.打开浏览器(快捷键 Alt+E)更多工具–> 扩展程序，将下载好的dark reader 解压，然后将CRX格式的文件拖进浏览器的扩展程序（需开启）

2020-12-14 17:10:18 1327

原创 Unexpected token o in JSON at position 1

一开始时用JSON.parse()方法来转化，但是会报如下错误，后来改成 eval(’(’ + data + ‘)’)就可以了（没有使用qs.parse()）

2020-12-02 13:48:45 110

原创 excel下载模板，批量上传

<a download href="../tpl/template.xlsx"> 下载模板 </a>  <div style="margin-top:20px;padding-left:70px;"> <el-upload ref="upload" action="#" :show-file-list="false" :on-cha.

2020-11-17 11:09:37 411

原创 element ui 多个el-checkbox多选框用法

效果图： <div class="permissions-information-content" v-for="(data, index) in newJurisdictionData" :key="data.id" > <el-checkbox :label="data.code" @change="checkAllChildren($event, data, ind

2020-11-13 15:12:52 5976

转载使用element-ui的checkbox插件报错vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘length‘ of un

前言：刚好遇到这个问题，亲测有效1.完整报错信息2.解决在使用el-checkbox-group组件的时候，一定要为其指定一个数组来存放多选框组的值，不然就会报这个错。

2020-11-12 10:14:39 3847

转载正则表达式分割地址获取省市区详细地址

2020-09-23 15:43:40 5899 8

原创模拟tree组件

//弹框用的是elementUI组件<template> <div> <el-dialog class="set-key-world" title="设置" :visible="visible" @update:visible="updateVisible" :close-on-click-modal="false" width="800px" > <div..

2020-09-15 16:56:33 170

原创后台权限管理

1.菜单权限//permission-button.js文件，在main.js中引入//用法 <div v-has="1001">权限按钮</div>import Vue from "vue";const has = Vue.directive("has", { inserted: function(el, binding, vnode) { let hasPermisssion = Vue.prototype.$_has(binding.value);

2020-07-28 16:14:04 350

原创 quill 编译器插入标签显示高亮

2020-07-27 16:00:41 1147 2

原创 vue mock模拟数据

//首先创建一个mack.vue {{text.title.trim()}} //css

2020-06-03 16:54:02 239

原创 echarts 折线图渐变

npm install echarts --save//main.jsimport Vue from "vue";import echarts from "echarts";Vue.prototype.$echarts = echarts;

2020-05-09 17:37:13 610 1

原创模拟分页加载更多

overlayScrollbars<template> <div class="user-footprint">  <overlay-scrollbars ref="osComponentRef" :options="osComponentOptio...

2020-04-02 17:06:55 202

原创 element中文本域初始化失去焦点

最近用element中drawer组件作弹框，发现里面的文本域会自动获取焦点，不符合UI设计，因此只能继续修改了 <el-input type="textarea" v-model="cardEndTips" @focus="changeValue(0)"></el-input>export default { data() { return { ...

2020-03-30 16:09:18 598

原创 vue中的赋值问题

this.form={ a:1, b:2, c:3, d:[ {e:4}, {f:5} ] } //父组件(这种传值会将引用指向同一个地址，导致修改了子组件值会导致父组件也被修改) this.dialog={ visible: true, params: this.form } //方法1 let newData = JS...

2020-03-24 17:12:31 1066

原创 OverlayScrollbars插件监听滚动条的用法

注意:vue JavaScript 的用法OverlayScrollbars// 1.安装 npm install overlayscrollbars npm install overlayscrollbars-vue// 2.main.js中引用import Vue from "vue";import "overlayscrollbars/css/OverlayScro...

2020-03-23 16:36:28 8538 2

原创自适应弹框宽度

<div class="dialog_wrapper" @click.self="close()" v-show="visible"> <div class="dialog-setting" v-show="visible" :style="{width:dialogWidth}"> <!-- 弹框的内容（用的是element框架的弹框）---&gt...

2020-03-23 16:15:08 728

原创修改element UI中input的清空按钮

上图是element UI中自带的清空按钮下图是我需要的清空按钮/***修改：在element UI文档上找到默认的清空按钮，然后找到默认按钮的content属性，直接替换content的值就可以***/.el-input__suffix { .el-input__suffix-inner { border-color: none; .el-ico...

2020-03-13 20:19:09 18611 3

原创展示多个列表

<template> <div name="tapanle"> <div class="container"> <div v-for="(item,index) in data" :key="index"> <div class="title"> <div>{{ite...

2020-03-02 10:35:39 226

原创 vue自定义提示框

<template>  <div class="alsrtInfo" :style="{display: visible}"> <div class="profPrompt_test"> <div>{{tipsContent}}</div> ...

2020-02-27 15:05:23 1275

原创 [Vue warn]: Failed to resolve directive: infinite-scroll

直接引用Element中无限滚动结果出现以下问题百度之后才知道需要安装vue-infinite-scroll用法： npm install vue-infinite-scroll --save//main.js import infiniteScroll from "vue-infinite-scroll"; Vue.use(infiniteScroll);效果如下：...

2020-01-08 15:26:00 11395 2

原创 PingFang（苹方）字体的引用

链接：https://pan.baidu.com/s/1_PdnuJcby73XgiL2LKXviA提取码：anc7苹方-简常规体font-family: pingFangSC-Regular, sans-serif;　　苹方-简极细体font-family: pingFangSC-Ultralight, sans-serif;　　苹方-简细体font-family: pi...

2019-12-31 14:03:43 7842 1

原创 vue富文本编译器

1. wangEditor直接下载：https://github.com/wangfupeng1988/wangEditor/releasescdn:https://unpkg.com/wangeditor/release/wangEditor.min.jsnode:npm install wangeditor （注意 wangeditor 全部是小写字母）用法：<!D...

2019-12-10 10:47:14 261