- 博客(39)
- 收藏
- 关注
RSS订阅原创 vue-quill-editor富文本上传图片+视频+全屏缩放【全网最全】
在企微侧边栏中运用到了富文本，在ueditor百度富文本踩了两天坑，终于想通换成quilleditor富文本了.........不多说了，以下代码可以直接copy运用！只要按步骤来就一定能用，直接copy就能用上！拖拽上传图片base64转网络图片还未解决，有大佬能解决的欢迎留言！放代码之前先放一张示意图 方便大家创建文件夹及引用文件。ok，不啰嗦了，以下完整代码奉上！【全屏缩放关键文件】
2025-02-26 16:28:35
474
原创 VUE pc端+移动端上传录音并上传(recorder-core)
首先安装 npm install recorder-core。以下录音组件完整代码可复用。
2024-03-22 11:24:35
1842
1
原创 vue input或者el-input苹果软键盘换行变成发送 安卓软键盘开始变成发送
vue input或者el-input苹果软键盘换行变成发送 安卓软键盘开始变成发送
2022-12-27 13:21:44
2434
原创 vue 签署文件两张图合并成一张图 h5页面转换成图片并长按保存在本地
在项目中需求签署文件两张图合并成一张图 后升级成h5页面转换成图片并长按保存在本地
2022-11-02 13:38:53
1127
原创 JS中国标准时间转化为年月日时分秒‘yyyy-MM-dd hh:mm:ss‘
JS中国标准时间转化为年月日时分秒'yyyy-MM-dd hh:mm:ss'
2022-10-14 16:16:06
2718
原创 input浏览器自动填充解决，input填充后el-date-picker自动触发出现解决
input浏览器自动填充解决，input填充后el-date-picker自动触发出现解决
2022-09-01 11:30:18
1939
1
原创 vue引用DPlayer播放器
用过vue-video-player和html5 video；vue-video-player音量进度调节需要写js且使用感很不好；html5 video虽然音量进度跳不用自己写，但是有些电脑用谷歌或者搜狗浏览器没有倍速选项的情况。综上的缺点改用了dplayer播放，目前感觉良好，功能很完善，期望能兼容各个浏览器，后续有任何问题将会留下笔记。...............
2022-07-28 16:08:15
5420
6
原创 实现vue页面下载成word文档
首先需要两个js文件，jquery.wordexport.js 和 FileSaver.js，源码放在下面// jquery.wordexport.jsif (typeof jQuery !== 'undefined' && typeof saveAs !== 'undefined') { // eslint-disable-next-line no-extra-semi ;(function($) { $.fn.wordExport = function(fileNa.
2022-05-06 09:34:58
3919
6
原创 vue页面下载成截图图片
首先 先安装html2canvasnpm install --save html2canvas然后下面是完整代码<template> <div> <div ref="imageWrapper"> <div> <img src="图片路径" /> <p>文字</p> </div> </div> <div> <b..
2022-05-06 09:29:28
1414
原创 js左右切换日期
废话不多说，直接上代码html代码<img class="video_list_title_btn" src="../../assets/pc/course/left_2.png" @click="reducedate()" alt="" /> {{ time }} <img class="video_list_title_btn" src="....
2022-04-24 16:32:19
450
2
原创 h5微信支付功能
在微信内置浏览器中打开链接，调起微信支付第一种需要openid的情况import { setCookie, getCookie, isWeixin } from '../../utils/common' // 引用方法 async jsapi() { var params = new URLSearchParams() params.append('payment', 1) params.append('userId', this.userId) const .
2022-04-08 14:52:12
2175
原创 VUE项目在线咨询聊天功能
在做项目的过程中遇到了需要做一个在线咨询聊天的功能，通过第三方的方式来实现；首先在public下的index.html文件加上一下代码：<!-- 米多客在线咨询 --> <script type="text/javascript"> window._MICHAT = window._MICHAT || function () { (_MICHAT.a = _MICHAT.a || []).push(arguments) }; _M.
2022-04-02 14:45:09
2738
转载 动态修改vue项目中的页面title
记录一下在开发中遇到的小问题 嘻嘻在main.js中加上一下代码Vue.directive('title', { inserted: function(el) { document.title = el.dataset.title },})在页面最外层的div上加上以下代码<div class="content" v-title data-title="测试title"></div>参考：动态修改Vue项目中的页面title_web青.
2022-03-29 17:21:45
872
原创 h5唤醒支付宝、微信指定页面
h5唤醒支付宝指定页面mes = “alipayqr://platformapi/startapp?saId=10000003”;手机充值mes = “alipayqr://platformapi/startapp?saId=10000007”;扫一扫mes = “alipayqr://platformapi/startapp?saId=10000009”;爱心捐赠mes = “alipayqr://platformapi/startapp?saId=100000011”;彩票首页mes = “
2022-03-14 17:10:29
4799
原创 VUE 页面禁止缩放（华为平板浏览器可能失效）
h5页面移动端禁止缩放、web页面禁止浏览器缩放移动端优先，可禁止用户缩放和双击放大；在App.vue中的script内的方法里加入以下代码：window.onload = function() { document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.preventDefault() } }) docu......
2022-03-10 14:05:26
7286
16
原创 CSS左右摇动动画特效
@-webkit-keyframes bounce-up { 25% { -webkit-transform: translateX(10px); } 50%, 100% { -webkit-transform: translateX(0); } 75% { -webkit-transform: translateX(-10px); }}@keyframes bounce-up { 25% { transform: translateX(10px); } 50%..
2022-03-10 11:30:15
1463
原创 vue 监听web浏览器滚动获取滚动位置
mounted() { window.addEventListener('scroll', this.windowScroll) //监听页面滚动 },// 监听页面滚动 获取滚动条位置 windowScroll() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop console.log(scrollT.
2022-03-04 18:40:41
1497
转载 JS判断字符串长度（英文占1个字符，中文汉字占2个字符）
方法一：String.prototype.gblen = function() { var len = 0; for (var i=0; i<this.length; i++) { if (this.charCodeAt(i)>127 || this.charCodeAt(i)==94) { len += 2; } else { len .
2022-03-01 17:27:15
2769
原创 vue项目视频实现键盘快进快退，音量调大小及监听播放事件
直接上代码<video style="width:100%;height:672px;position: absolute;bottom: 0;right: 0;" :src="视频地址" :poster="视频封面海报图地址" webkit-playsinline playsinline preload="load" controls="controls"></video>用video就不需要多余的js方法去监控键盘事件，直接上面这一串代码.
2022-02-28 10:37:06
3894
原创 vue-video-player键盘控制实现快进退，音量加减
1、在包裹video的div中添加：@keyup="keyup($event)" <div class="video" @keyup="keyup($event)"> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" .
2022-02-28 10:28:05
2872
原创 IIS Web服务器的安装与配置
1、打开控制面板，搜索“程序与功能”；2、点击进入“程序和功能”，选择“启用和关闭Windows功能”；3、点击“启用或关闭Windows功能”，弹出小窗口，找到“Internet Information Services”，选择如下图的配置；4、点击确定，等待安装成功；5、安装成功后，打开c盘找到“inetpub”文件夹；6、点击进入“inetpub”，找到“wwwroot”文件夹；7、点击进入“wwwroot”，这里放你想浏览的...
2022-02-24 17:20:16
51133
10
原创 vue+element+echarts 曲线折线图
两个示例 ① id=chartLineBox ② id=main1<el-col class="echarts1"> <div id="chartLineBox" style="width: 100%; height: 45vh"></div></el-col><div class="echarts1"> <div id="main1" style="width:100%;height:600px;" ref...
2022-02-22 15:13:24
1976
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人