- 博客(104)
- 资源 (2)
- 收藏
- 关注
原创 移动端滑动穿透问题
var vm = new Vue({ el: "#app", data: { top:0, bodyEl: document.body, }, methods: { stopBodyScroll: function(isFixed) { if (isFixed) { ...
2019-12-02 15:14:47
285
原创 opencv:光流估计 L-K
cv::goodFeaturesToTrack(),它不仅支持Harris角点检测,也支持Shi Tomasi算法的角点检测void goodFeaturesToTrack( // 输入图像(CV_8UC1 CV_32FC1) InputArray image, /* 检测到的所有角点,类型为vector或数组,由实际给定的参数类型而定。 如果是vector,那么它应该是一...
2019-09-22 13:13:08
939
原创 opencv:动态目标检测--BackgroundSubtractorMOG2 C++
BackgroundSubtractorMOG2基于自适应混合高斯背景建模,具有一定的抗光照干扰的能力,参数配置如下Ptr<BackgroundSubtractorMOG2> bgsubtractor = createBackgroundSubtractorMOG2();// 用于训练背景的帧数,如果不手动设置learning rate,history就被用于计算当前的learni...
2019-09-22 09:46:35
4118
原创 OpenCV 角点检测(C++)
本文重在代码实现,不多涉及理论知识,对网上资料的一个整理1、opencv harris角点检测方法cornerHarrisvoid cornerHarris(InputArray src, // 输入8bit单通道灰度Mat矩阵 OutputArray dst, // 用于保存harris角点检测结果 int blockSize, // 滑块窗口的尺寸 int k...
2019-09-17 23:04:48
1829
原创 uni-app 背景图片动态设置
链接当要动态设置背景图片时,先import packet_used2 from '@/static/bonus/packet_used2.jpg'data() { return { packet_used2: packet_used2 }}使用<view class="card" :style="{backgroundImage:`url(${packet_use...
2019-07-29 15:41:56
11270
2
原创 微信小程序登录授权处理(mpvue)
本项目使用的是mpvue(使用微信小程序原生开发一个道理)在app.vue文件create钩子函数里:// 主要是为了获取codewx.login({ success (res) { if (res.code) { // 封装的缓存方法 that.$wxhttp.cache('code', res.code) } else { cons...
2019-07-25 20:52:59
3447
原创 swiper4和swiper3动态更新数据正确用法 (vue)
初始化,一般写在$nextTick里,可以防止第一张轮播快速闪过// 初始化轮播图 setSwiper: function () { this.$nextTick(function () { this.instantSwiper() }) },数据更新后:swiper3:this.mySwiper.stopAutoplay();this.$ne...
2019-07-24 19:39:21
10030
原创 d3.v4.js数据可视化 力导向图 force 产业链
PC和APP(手机网页版均可)静态图(我录好的视频不能上传)d3.v4 中文API文档地址https://github.com/xswei/d3js_doc/blob/master/API_Reference/API.mdd3.js 力导向图中默认提供了 5 种作用力:中心力(Centering)中心力作用于所有的节点而不是某些单独节点,可以将所有的节点的中心一致的向指定的位置移...
2019-07-24 19:29:53
935
转载 clipboard使用总结 兼容各浏览器的复制粘贴功能
https://juejin.im/entry/5a5f3821518825734d14a754
2019-06-11 11:15:27
1325
原创 mpvue--开发微信小程序
官方文档:http://mpvue.com/常见问题先去仓库看看:https://github.com/Meituan-Dianping/mpvue/issues组件库:https://github.com/mpvue/awesome-mpvuev-model用法:v-model.lazy:value="phone" v-model.lazy="verCode"html的sel...
2019-06-06 08:45:22
123
原创 better-scroll设置滑动距离如果超出可视宽口会继续滑动
在项目中,有很多tab,用better-scroll使滑动更流畅产品要求每次被点击选中的tab都要趋向中间展示,不用better-scroll时即使设置了scrollleft=-100,滚动轴也只在0处就停止了,但是better-scroll后,你设置多少就能滚动多少,第一个tab真滚到中间去了,前面都是空白,这不是我们想要的效果。解决办法是根据情况判断滚动的距离//初始化better-sc...
2019-05-23 09:29:51
1399
转载 scrollHeight innerHeight clientHeight offsetHeight
scrollHeight https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollHeightwindow.innerHeight; 获取屏幕高度window.screen.width 屏幕分辨率clientHeight 视野内可见的内容和内边距,不包括x轴的滚动条高度、边框、外边距;offsetHeight 在c...
2019-05-17 15:22:17
198
原创 节流、防抖
节流和防抖主要处理事件处理函数高频调用,减少浏览器负担节流:尽量减少触发次数,mint-ui上封装了一个方法 <script> var throttle = function (fn, delay) { var now, lastExec, timer, context, args; //eslint-disable-line ...
2019-05-17 14:50:24
197
原创 父元素有transform样式 则子元素fixed定位失效
项目中使用的下拉刷新是mint-ui的loadmore组件,该组件下拉时用的transform样式,导致fiexd定位失效了,原因只要position:fixed;元素的父元素有transform样式,那么这个元素的fixed定位就会失效;无论是transform:translate(),scale()还是rotate().http://www.zhangxinxu.com/wordpress...
2019-05-16 18:41:05
1983
1
原创 better-scroll Ignored attempt to cancel a touchend event with cancelable=false, for example becaus
使用better-scroll在安卓上有以下问题当页面在滑动中,然后去点击better-scroll,会报Ignored attempt to cancel a touchend event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. at bsc...
2019-05-16 18:18:07
2021
原创 swiper、better-scroll滑动时阻止默认事件 冒泡
不管是swiper还是better-scroll在滑动的时候会阻止touchmove的默认事件阻止浏览器的滚动条阻止用户的双指缩放touchstart默认事件有解决ios10+及部分安卓通过设置viewport禁止用户缩放的功能(双指滑动、双击).解决事件点透问题阻止图片文字被选中阻止长按元素会弹出系统菜单阻止浏览器回弹的效果阻止浏览器的滚动条阻止鼠标的事件阻止i...
2019-05-16 18:13:12
5033
原创 better-scroll横向不滚动
之前写过better-scroll垂直滚动遇到的问题better-scroll不滚动/连续两次触发点击事件等问题的解决现在要实现横向滚动 <style> * { list-style: none; margin: 0; padding: 0; } .sho...
2019-05-13 14:28:31
784
原创 IE等浏览器兼容
一、IE:$('.box').css({ display: 'block' });'block’不能有空格,'block '会没有效果二、IE10及以下:<body> <img src="https://g-search1.alicdn.com/img/bao/uploaded/i4/imgextra/i4/155650308168019538/TB2v65la...
2019-05-09 15:19:00
202
原创 html页面引入其他html页面代码
{include file="/course/common/footer.html"} //注意路径书写方式用该语法可以引入公共html模板代码举例://header.html 公共页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!--...
2019-05-07 09:17:34
10744
2
原创 全屏、退出全屏---兼容各浏览器 IE Chrom 火狐 360极速模式/兼容模式
function events() { //全屏 document.getElementById("btn").onclick = function () { var elem = document.getElementById("box"); if (!flag) { requ...
2019-05-07 08:37:46
1745
原创 监听、获取屏幕宽高
//获取屏幕宽高window.innerHeight;function events() { $(window).resize(resizes); }
2019-05-07 08:27:38
717
原创 在vue cli 3中单独运行.vue文件
首先安装npm install -g @vue/cli-service-global然后执行命令(HelloWorld是vue文件名)npm serve HelloWorld.vue注意:要cd到该文件下
2019-04-27 16:00:56
961
原创 全局唯一标识 JS
let uuid = function(){ function S4() { return (((1+Math.random())*0x10000)|0).toString(16).substring(1); } return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());}e...
2019-04-09 21:41:37
177
原创 element tab选中时会有蓝色边框
解决办法:在commos.scss中加入属性覆盖.theme{ .el-tabs__item:focus.is-active.is-focus:not(:active) { box-shadow: none; } }或者:这里的一定要加上!Important ,因为npm run build 打包代码的时候的,这段代码会被的element ui 框架代码覆盖...
2019-04-04 18:19:35
4849
原创 vue+element Form键盘回车事件页面刷新解决
当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加 @submit.native.prevent。然后再使用@keyup.enter.native事件绑定回车事件<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" cl...
2019-04-03 16:11:00
328
原创 微信小程序 原生组件事件
在微信小程序中,像video这种原生组件是不支持 catch:tap这种方式绑定事件,也不支持bind:tap 这种方式,只能写成bindtap
2019-03-31 15:45:40
945
原创 网页默认打印:fixed布局的内容会在每页打印,遮挡其他内容
使用浏览器默认的打印功能,头部固定的导航条每页都打印并且遮住了正文部分,解决办法,给头部导航条设置如下样式<Header class="noprint" /><style lang="less" scoped> .noprint{ @media print { display : none } }</style>或者...
2019-03-30 11:42:04
2780
4
原创 Vue--模仿微信摇一摇--音频播放的坑
let vm = new Vue({ data:{ timer_c: '',//动画定时器 timer_d:'',//数据请求定时器 lastTime:0, lastX:0, lastY:0, lastZ:0, shakeSpeed:3800, animating:false,//...
2019-03-28 09:16:13
535
原创 vue prop传参的注意事项
props:{ parentClass: { //驼峰式 type: String } },<swiper parent-class="swipers" /> //不能使用驼峰式 xxx-xxx
2019-03-20 09:21:07
862
转载 JavaScript 事件兼容性写法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="demo"> ...
2019-03-18 23:04:20
109
原创 markdown-it 重定义渲染规则
使用 markdown-it 解析 markdown 代码从这篇文章中了解到 markdown-it 解析 markdown 代码的过程,了解“token”和渲染规则// add target=&quot;_blank&quot; to all linkvar defaultRender = markdown.renderer.rules.link_open || function(tokens, idx, o...
2019-03-17 16:30:39
2791
原创 自定义指令v-tap解决click事件延迟问题 vue
Vue.directive('tap',{ bind:function(el,binding){ let tapObj = {}; let time; el.addEventListener('touchstart',function(e) { let touches = e.touches[0]; ...
2019-03-16 12:26:18
2470
原创 swiper3和4版本的轮播写法不同
swiper4var swiper = new Swiper('.award',{ loop:true, autoplay: true, speed:200, });swiper...
2019-03-16 12:22:35
1693
原创 轮播动画
要特别注意的是margin-top在变化的时候,文字会抖动,请给使用动画的元素加上-webkit-backface-visibility: hidden;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=dev
2019-03-16 12:19:50
186
转载 Laravel模板引擎Blade中section的一些标签的区别介绍
https://blog.csdn.net/lifushan123/article/details/45600639
2019-03-11 20:49:34
259
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人