- 博客(37)
- 收藏
- 关注
原创 VUE pc端+移动端上传录音并上传(recorder-core)
首先安装 npm install recorder-core。以下录音组件完整代码可复用。
2024-03-22 11:24:35
1106
原创 vue input或者el-input苹果软键盘换行变成发送 安卓软键盘开始变成发送
vue input或者el-input苹果软键盘换行变成发送 安卓软键盘开始变成发送
2022-12-27 13:21:44
2161
1
原创 JS中国标准时间转化为年月日时分秒‘yyyy-MM-dd hh:mm:ss‘
JS中国标准时间转化为年月日时分秒'yyyy-MM-dd hh:mm:ss'
2022-10-14 16:16:06
2641
原创 input浏览器自动填充解决,input填充后el-date-picker自动触发出现解决
input浏览器自动填充解决,input填充后el-date-picker自动触发出现解决
2022-09-01 11:30:18
1744
1
原创 vue引用DPlayer播放器
用过vue-video-player和html5 video;vue-video-player音量进度调节需要写js且使用感很不好;html5 video虽然音量进度跳不用自己写,但是有些电脑用谷歌或者搜狗浏览器没有倍速选项的情况。综上的缺点改用了dplayer播放,目前感觉良好,功能很完善,期望能兼容各个浏览器,后续有任何问题将会留下笔记。...............
2022-07-28 16:08:15
5202
5
原创 实现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
3737
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
1286
原创 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
406
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
2106
原创 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
2630
转载 动态修改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
838
原创 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
4583
原创 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
6978
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
1362
原创 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
1414
转载 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
2648
原创 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
3737
原创 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
2660
原创 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
50245
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
1795
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人