- 博客(12)
- 收藏
- 关注
RSS订阅原创 vue项目微信公众号，小屏播放，video层级过高的坑
众所周知，video标签兼容性是真的差，特别是遇到安卓微信浏览器，小屏播放，video层级过高，视频播放的时候其他HTML被覆盖 <video controls style="object-fit:fill;width: 100%;height: 3.5rem;" class="videosrc" ref="videoPla...
2020-04-17 16:31:36
1704
1
原创 vue video src改变 页面不刷新的解决方法, vue强制重新渲染
这几天开发中遇到了一个问题，遇到video动态渲染数据，数据已经更新，但是并没有渲染出来，后来无奈百度了一下vue的组件强制刷新：方案一当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题<template> <video v-if="reFresh" id="media" ...
2020-04-14 17:39:34
3593
原创 vue生成分享海报
最近的项目里面涉及到分享海报的问题，今天就给大家分享一下，自己中间也遇到也很多问题，中间也有很多不足的地方，有什么问题，欢迎大家指教。效果图实现原理先用 QRCode 生成二维码 canvas，然后用 html2canvas 合成整张海报并转成 base64实现步骤：1.安装QRCode和html2canvasnpm i qrcodenpm i html2canvas2.在页面...
2020-03-21 17:31:17
1806
3
原创 JS数组去重
今天分享一个javascript数组去重；var arr=[1,2,5,7,2,1];var hash={};for(var i=0;i<arr.length;i++){ hash[arr[i]]=1};var res=[];var i=0;for(res[i++] in hash);console.log(res);以上即可,欢迎小伙伴们留言!...
2020-03-14 09:24:50
114
原创 微信小程序下拉刷新和上拉加载更多
因为项目里面，经常会用到此功能，所以我们封装一个插件。里面应用到vant的组件1.在compontent里面创建一个文件，名字随意布局文件<scroll-view class="message scroll-view client-pool-list" scroll-y="{{true}}" lower-threshold="1" bindtouchstart="touchstart"...
2020-03-12 15:58:54
599
原创 VUE上拉加载更多，基于vant框架
1.在data中定义初始的状态 loading: false, finished: false, offset:100,//滚动条与底部距离小于 offset 时触发load事件 page:12.在需要分页的地方，用van-list进行包裹 <van-list v-model="loading" :finished="finished" fi...
2020-03-10 11:42:06
325
原创 css背景图片根据屏幕自适应填满整个屏幕
背景图片如何自适应占满整个屏幕.bg{ background: url(../../static/img/bj.7588184.png) no-repeat top; background-size: cover; background-attachment: fixed; width: 100%; height: 100%; position...
2020-03-09 14:29:41
2909
原创 vue history模式，iOS公众号分享链接为主页
最近的一个公众号是基于vue的spa应用，在接入微信自定义分享的时候出现了：在Android上分享一切正常，但是iOS分享的时候，分享出去都是主页，需要在被分享页刷新之后，才能分享成功。IOS：每次切换路由，SPA的url是不会变的，发起签名请求的url参数必须是当前页面的url就是最初进入页面时的urlAndroid：每次切换路由，SPA的url是会变的，发起签名请求的url参数必须是当前页...
2020-01-15 15:33:24
468
原创 小程序tabbar配置
最近开始接触小程序开发，记录一些相关的配置小程序的tabbar效果图如下：1.首先，先在app.json文件中，去新建需要的文件，请注意，在json文件当中不能添加注释 "pages": [ "pages/index/index", "pages/onlineShopping/onlineShopping", "pages/mine/mine" ]2.在a...
2019-12-23 13:52:08
255
1
原创 Vue项目复制文本到粘贴板
Vue项目，遇到微信公众号开发，利用原生DOM操作，iOS系统无法复制粘贴，出现不兼容问题，最后用clipboard，完美解决兼容问题。第一步，使用npm 安装npm install clipboard --save第二步，在所需的页面引入import Clipboard from "clipboard";第三步，使用<template> <div id="ap...
2019-12-21 14:31:48
637
1
原创 vue刷新当前页
vue刷新当前页1.this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好2.用vue-router重新路由到当前页面，页面是不进行刷新的。3.location.reload()。这种也是一样，画面一闪，体验不是很好用provide / inject 组合原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，...
2019-12-20 11:37:15
179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人