![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
sasha学习
这个作者很懒,什么都没留下…
展开
-
vue 视频播放插件vue-video-player
vue视频播放插件vue-video-player的具体使用方法原创 2022-07-18 11:47:45 · 5912 阅读 · 0 评论 -
vue h5页面音频播放
业务:需要监听页面用户触发页面任何一处,进去播放音频if (activityInfo.musicPlay) { that.audioAutoPlay('myaudio') // 监听音乐播放完成 document.getElementById('myaudio').addEventListener( 'ended', function() {原创 2022-05-07 11:57:04 · 1273 阅读 · 0 评论 -
h5 分享操作
1.需要后端编写一个接口,前端传该路由过去,返回签名,时间戳这些 wx.config({ debug: false, appId: res.appId, timestamp: res.timestamp, nonceStr: res.noncestr, signature: res.signature, jsApiList: [ 'up原创 2022-05-07 11:53:29 · 571 阅读 · 0 评论 -
vue h5进行软键盘的换行改成搜索字眼,并进行点击搜索后收起来软键盘
1.页面 <form action="" @submit.prevent="onRefresh"> <input type="search" @keyup.13="onTextareaKeyDown" ref="searchInput" placeholder="请输入关键词" v-model="page.keyword"原创 2022-05-07 11:39:26 · 1166 阅读 · 0 评论 -
vue keepAlive缓存 首页-列表-详情页面 三个页面缓存与刷新处理
首先在路由上配置列表页面:meta: { title: '列表', keepAlive: true, isrefer: true }首页和详情页面:meta: { title: '详情', keepAlive: false,isrefer: false}一、首页进入列表页面需要刷新beforeRouteLeave(to, from, next) { to.meta.isrefer = true; next(); }二、列表页面一进来页面直接在监听路由进入去做处理,以及离开原创 2022-05-07 11:25:29 · 2288 阅读 · 1 评论 -
解决vue单页返回不刷新的问题(公众号)
问题根源在列表页点击一条数据进入详情页,按返回键返回列表页时页面刷新了。理想状态:点击详情页面返回列表不需要刷新原创 2021-06-07 16:05:17 · 392 阅读 · 0 评论 -
Vue单页面应用下IOS签名失败
Vue-router用的是history模式,在某个页面要应用jssdk,应用其中的录音等方法。Android下无任何问题,但是再IOS下会提示签名错误(invalid signature)。原创 2021-06-07 15:27:10 · 543 阅读 · 0 评论 -
VUE中实现点击打印功能—vue-easy-print
1.安装vue-easy-printnpm install vue-easy-print --save2.页面按需加载import vueEasyPrint from "vue-easy-print";3.html页面编写<vue-easy-print ref="printRef"></vue-easy-print>4.点击触发this.$refs.printRef.print()...原创 2021-04-30 17:44:58 · 3742 阅读 · 1 评论 -
vue使用video.js解决m3u8视频播放格式
1.在vue中安装下面这些插件npm install video.js --savenpm install videojs-contrib-hls --save2.页面中使用<video id="sosVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" styl原创 2021-04-30 15:13:26 · 433 阅读 · 1 评论 -
优化vue 首屏加载过慢,减少白屏时间
1. 加速或减少HTTP请求损耗使用CDN加载公用库,使用强缓存和协商缓存,使用域名收敛,小图片使用Base64代替,使用Get请求代替Post请求,设置 Access-Control-Max-Age 减少预检请求,页面内跳转其他域名或请求其他域名的资源时使用浏览器prefetch预解析等;2. 延迟加载非重要的库、非首屏图片延迟加载,SPA的组件懒加载等;2. 减少请求内容的体积开启服务器Gzip压缩,JS、CSS文件压缩合并,减少cookies大小,SSR直接输出渲染后的HTML等;3. 浏原创 2020-06-23 10:01:02 · 874 阅读 · 0 评论 -
Vue开发规范
定制规范目的为了提高团队开发的效率,毕竟代码是写给别人看的,好的开发规范能让一个团队其他成员方便阅读和理解你的代码便于后期项目的维护,让后期维护人员一看代码,就能理解你的代码,而不是一头雾水便于输出高质量规范的文档项目目录结构组件命名规范统一使用大驼峰(PascalCase)命名法,但切勿使用保留字组件名应该始终为多个单词,根组件APP除外使用有意义的名词、简短、具有可读性...原创 2020-05-25 18:17:26 · 195 阅读 · 1 评论 -
vue pc端支付宝调用支付接口
请求支付宝支付,后端返回form表单处理 aliPay (res) { // 调用支付宝 this.$router.push({ path: "/alipay", query: { htmls: res.qrCode } }) /******res.qrCode,h后端返回form表单的字段*********/ }建立新页面alipay.vue&...原创 2020-01-20 15:59:19 · 1404 阅读 · 2 评论 -
input框验证总结
1.只能输入英文(不能输入中文和数字)e.target.value = e.target.value.replace(/[\u4e00-\u9fa5\d]/g, '') || "";2.邮箱验证export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,...原创 2020-01-17 10:34:21 · 404 阅读 · 0 评论 -
vue实现搜索功能
computed (赋值) <template> <div class="service"> <div class="search-main"> <el-input placeholder="搜索名称" v-model="query.name"> <i slot="su...原创 2020-01-14 11:28:30 · 455 阅读 · 0 评论 -
vue 对接融云webIM(基于element-ui)
简单介绍下,我直接在vue引入jquery,我写的还不足,代码比较冗余,但是可以正常使用,欢迎大家提出意见一、首先我是查找融云的是否有关于vue代码,但是官网提供是Web IM SDK 相关,以下是连接https://www.rongcloud.cn/docs/open_source.html二、我要在element-ui框架使用,在index.html引入,其次也要在线上...原创 2019-05-18 15:22:16 · 3402 阅读 · 2 评论 -
vue 使用video播放rtmp视频流,如何引入以及各种会出问题解决方法
一、基本引用(采用vue-video-player)[记得把网页的flash改成允许]1.安装依赖:(1)npm install vue-video-player --save(2)npm install --save videojs-flash(切记要除了安装vue-video-playe,还需要手动安装videojs-flash,这里要注意,安装的时候要用npm,不要用cnpm)2.在...原创 2019-05-18 14:49:25 · 9712 阅读 · 6 评论