- 博客(65)
- 收藏
- 关注
RSS订阅转载 js实现禁止微信浏览器下拉回弹效果
方法一：<script type="text/javascript"> var overscroll = function(el){ el.addEventListener('touchstart', function(){ var top = el.scrollTop; var totalScroll = el.scrollHeight; var currentScroll = top + el.offsetHeight; if(t
2020-12-23 17:04:07
608
转载 code length overflow jquery qrcode
jquery qrcode 生成二维码code length overflow，设置对应的容错机制,correctLevel: 3l(correctLevel值可以设置0至3值越大级别越高)var qrcode = new QRCode(document.getElementById("codeDiv"), width : 190, height : 190, render: 'table', correctLevel: 3});...
2020-12-23 16:38:39
547
原创 浏览器分享h5
<meta property="og:image" content="https://www.xxx/img/favicon.png" />navigator.share({ title: '你好',//title有可能被处理程序忽略 text: 'Hello World', url: 'https://www.baidu.com/',}); // 分享MDN的URL
2020-12-23 16:35:31
483
转载 纯css3实现曲线运动——贝塞尔曲线(cubic-bezier)
html代码 <div class="ball run_top_right"></div>css代码html{ background: #ad4e24;}//定义球的初始值，位置是绝对定位；.ball{ height: 100px; width: 100px; border-radius: 50%; position: absolute; bottom: 40px; z-index: 10; left: 40px; backgroun
2020-12-23 16:26:28
3017
原创 小程序-万花筒效果
wxml<view class="bgContainer"> <view class="section sect-1"></view> <view class="section sect-2"></view> <view class="section sect-3"></view> <view class="section sect-4"></view> &l
2020-12-23 16:07:01
208
原创 新 canvas绘制图片
<canvas id="screenshot" type="2d"></canvas>function initCanvas(canvas, fullScreen, pixelRatio){ let SystemInfo = wx.getSystemInfoSync() canvas.pixelRatio = pixelRatio || SystemInfo.pixelRatio; if (fullScreen){ canvas.width = Syste
2020-12-23 15:57:24
156
原创 h5跳转小程序
详情参考文档： wx-open-launch-weapp确定文档中各项配置正确，如未能正确跳转，请注意 wx-open-launch-weapp标签要写在body标签外层<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
2020-12-22 14:40:16
156
原创 小程序强制版本更新
if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { console.log('onCheckForUpdate====', res, res.hasUpdate) // 请求完新版本信息的回调 if (res.hasUpda...
2020-12-22 10:47:52
145
原创 小程序修改radio样式
/* radio未选中时样式 */ radio .wx-radio-input{ /* 自定义样式.... */ height: 20rpx; width: 20rpx; /* margin-top: -4rpx; */ border-radius: 50%; border: 2rpx solid #000000; /* background: transparent; */ }/* 选中后的 背景样式 （可根据UI需求自己修改） */ra
2020-12-22 10:37:02
574
原创 小程序修改checkbox样式
.checkbox .wx-checkbox-input { transform: translateY(-3rpx); width: 20rpx; /* 背景的宽 */ height: 20rpx; /* 背景的高 */ border: 2rpx solid #000000;}.checkbox .wx-checkbox-input.wx-checkbox-input-checked { background: #000000; color: transparent;}
2020-12-22 10:34:26
123
原创 小程序保存相册授权验证
toSave1(){ let _this=this; wx.getSetting({ success(res) { console.log(res) if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scope.writePhotosAlbum', success () {
2020-12-22 09:41:05
154
原创 swiper嵌套 video问题
swiper嵌套 video在iphone XR手机上会出现，video被限制在swiper里边，无法全屏显示，其他型号的手机没有问题，解决方案：在swiper中显示poster封面图，把video写在外层，根据当前选中的poster更换不同的source...
2020-12-21 18:19:58
1626
1
原创 微信小程序图片转base64
const file = wx.getFileSystemManager()const base64 = file.readFileSync(res.tempImagePath, "base64")
2020-12-21 18:10:57
306
原创 video使用
<video class="video_box" width="100%" height="100%" webkit-playsinline="webkit-playsinline" x5-playsinline="x5-playsinline" x5-video-player-type="h5" x5-video-player-fullscreen="" playsinline="playsinline" preload="auto" poster="https://xxx/poster.png"
2020-12-21 18:04:45
24025
原创 自定义事件CustomEvent
创建并触发自定义事件 封装function fireEvent(name, data) { var evt = new CustomEvent(name, { detail: data }); window.dispatchEvent(evt);}调用fireEvent("newEvent")监听事件window.addEventListener('newEvent',function(e){ console.log(e);},);...
2020-12-21 17:45:23
330
原创 解决ios 微博的h5页面video播放完成后隐藏无效
解决ios 微博的h5页面video播放完成之后，video隐藏无效问题做法：拷贝原来的video节点到新的位置并移除原来位置的节点,设置定时器(视频较短 时间为视频时长，也可监听放视频播放结束事件)几秒之后再重新添加回去克隆+移除var video1Clone = video1.cloneNode(); video1.parentNode.removeChild(video1);重新添加节点var tid= setTimeout(() => {$('.videoContainer')[0
2020-12-21 15:04:13
901
转载 微信小程序 video标签 隐藏控件 神坑
<video direction="0" src="" controls="{{false}}" objectFit="cover" autoplay show-fullscreen-btn="{{false}}" show-play-btn="{{false}}"...
2020-04-06 19:04:06
2236
1
转载 小程序视频播放的时候生命周期的控制
「小程序JAVA实战」小程序视频播放的时候生命周期的控制（56）原创文章，欢迎转载。转载请注明：转载自IT人故事会，谢谢！原文链接地址：「小程序JAVA实战」小程序视频播放的时候生命周期的控制（56）当播放单个视频时，点击搜索，视频还在后台继续播放，这是有问题，需要通过生命周期的方式来控制，当跳转页面时，视频暂停播放，视频返回后继续播放。源码https://github.com/lim...
2020-04-06 19:02:09
711
转载 socket.io中文手册
socket.io 中文手册，socket.io 中文文档转载于：http://www.cnblogs.com/xiezhengcai/p/3956401.html服务端io.on(‘connection’,function(socket));//监听客户端连接,回调函数会传递本次连接的socketio.sockets.emit(‘String’,data);//给所有客户端广播...
2019-10-24 09:36:21
166
转载 vue + elment-ui导入上传excel表格并读取数据
首先，这里需要实现的效果为：当点击<el-button>按钮时,打开文件夹，选择excel表并上传，读取excel表中的内容，并把内容填写至<el-table>之中，如图： 接下来需要做的是安装3个依赖和添加两个js文件：npm install -S file-saver xlsx（这里其实安装了2个依赖） npm install -D scri...
2019-10-17 10:49:40
2954
转载 js 实现 复制 内容到剪切版 兼容浏览器和手机浏览器(android ,ios)
兼容所有浏览器,兼容pc和手机 不过不兼容ios <script>function copystr(str) { var oInput = document.createElement('input'); oInput.value = str; document.body.appendChild(oInput); oInput.select(); /...
2019-10-08 15:49:29
194
转载 使用element UI el-upload组件实现视频文件上传及上传进度显示方法总结
实现效果：上传中：上传完成：代码：<el-form-item label="视频上传" prop="Video"> <!-- action必选参数, 上传的地址 --> <el-upload class="avatar-uploader el-upload...
2019-09-26 10:40:45
1810
转载 Vue element-ui 里面的table导出excel表格 步骤
使用element-ui el-table这个组件，第一步： 安装element-ui的环境npm i element-ui -S第二步： 导出表格的依npm install --save xlsx file-saver第三步 添加一个类名或id名或ref<el-table id="table" :data="tdata4" height="405" border...
2019-09-26 10:29:40
345
原创 Vue使用QRCode插件，生成二维码及错误提示Cannot read property 'appendChild' of null"
第一步：cnpm install --save qrcode2第二步 引入：import QRCode from 'qrcode2';第三步：<el-table :data="scenicForm" style="width: 100%" border> <el-table-column label="二维码" width="180"> <temp...
2019-09-09 17:26:47
12892
转载 element-ui的upload组件的clearFiles方法的调用
element-ui使用中碰到的问题<template> <div> <el-button @click="clearFiles">重新上传</el-button> <el-upload ref="my-upload"> <el-button type="primar...
2019-09-03 14:05:10
29766
2
转载 Git冲突：commit your changes or stash them before you can merge. 解决办法
用git pull来更新代码的时候，遇到了下面的问题：error: Your local changes to the following files would be overwritten by merge: xxx/xxx/xxx.phpPlease, commit your changes or stash them before you can merge.Abor...
2019-08-27 17:15:00
492
转载 js中toFixed() 的用法
一、定义和用法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。语法NumberObject.toFixed(num)参 数描述num必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。返回值返...
2019-08-27 17:08:21
6717
转载 vue store存储commit 和dispatch
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 ...
2019-08-26 17:34:37
604
转载 Vuex的辅助函数mapState, mapActions, mapGetters,mapMutations用法
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 ...
2019-08-26 16:59:34
538
转载 javascript的宏任务和微任务
setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('2'); resolve(); }).then(function(){ console.log('3') }); c...
2019-07-28 17:30:25
92
转载 vue $router和$route的区别
一、router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象。。。经常用的跳转链接就可以用this.$router.push，和router-link跳转一样。。。this.$router.push会往history栈中添加一个新的记录。。详细见...
2019-07-25 16:20:45
1085
转载 vue目录结构介绍
请说出vue-cli工程中每个文件夹和文件的用处注意：此问题千万不要只解释一下 src 文件夹下每个文件夹的作用。vue-cli目录结构：vue-cli目录解析：build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack...
2019-07-25 16:09:08
3220
转载 Vue scoped CSS 与深度作用选择器 /deep/
使用 scoped 后，父组件的样式将不会渗透到子组件中。例如（无效）：<template> <div id="app"> <el-input class="text-box" v-model="text"></el-input> </div></template><script>ex...
2019-07-22 15:52:19
110
原创 git commit -a命令时，遇到LF will be replaced by CRLF in...提示的解决办法
问题如下：$ git commit -a -m "用户模块"warning: LF will be replaced by CRLF in src/plugins/element.js.The file will have its original line endings in your working directory出现这个提示并不影响后续的操作，可以忽略此提示。也可以输入如下命...
2019-07-16 16:10:40
974
原创 vue数组和对象响应式数据处理踩过的坑
做项目时踩到的坑，在前端通过axios.get向后台请求数据，通过params传递一个对象，当通过this.getUserparams.pagesize=val直接修改传递对象的值时，发现后台请求的数据没有发生改变，此时修改的数据并不是响应式的数据。要修改对象或者数组中的值并想要进行响应式处理的时候需要通过set方法进行修改：Vue.set(this.getUserparams, 'pages...
2019-07-16 13:35:30
1531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人