乐得逍遥

2017年11月23日

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sca 阅读全文

posted @ 2017-11-23 11:26 乐得逍遥阅读(1956) 评论(0) 推荐(0) 编辑

Vue自定义事件之左滑出现删除按钮

摘要：思路： 1.页面布局 2.使用CSS来完成滑动特效 3.监控鼠标距离浏览器左侧的距离，滑动值达到一定范围后增加class -- swipeleft，只能左滑不能右滑 4.每次点击的时候要判断当前元素的删除按钮是否已经出现，如果是出现，再次点击当前元素或者是滑动其他元素的时候要关闭显示删除按钮的元素阅读全文

posted @ 2017-11-23 11:25 乐得逍遥阅读(3618) 评论(0) 推荐(0) 编辑

使用directive自定义属性来完成实现长按删除功能

摘要： <style> .tou{ width: 100%; height:50px; background: #f02e34; }</style> v-long-del挂载自定义事件 <div id="name" v-long-del class="tou"></div>全局自定义事件要放在vue实例前，阅读全文

posted @ 2017-11-23 09:43 乐得逍遥阅读(135) 评论(0) 推荐(0) 编辑

2017年11月22日

使用computed计算属性来控制数据的展示数量

摘要：一个数组中有20条数据，控制在初始化展示的时候只显示前3条，点击加载更多按钮后显示全部的按钮阅读全文

posted @ 2017-11-22 18:01 乐得逍遥阅读(1047) 评论(0) 推荐(0) 编辑

vue使用filter来过滤数据

摘要：在vue中定义money：128<p>过滤前的金额：{{money}}</p><p>过滤后的金额：{{money | formatMoney('万')}}</p><p>全局过滤器过滤后的金额：{{money | reverseStr('元')}}</p>局部实例过滤 filters:{ format 阅读全文

posted @ 2017-11-22 17:56 乐得逍遥阅读(430) 评论(0) 推荐(0) 编辑

父组件与子组件传递参数

摘要：组件的作用是提高代码的复用性，提高效率，在vue中使用组件可以通过如下的方法来传递参数<btn2 :a="Index" v-on:receive="changeValueHandle"></btn2> :a="Index"绑定父组件的Index到a中，然后子组件如下，通过props来接收a的参数 V 阅读全文

posted @ 2017-11-22 17:51 乐得逍遥阅读(230) 评论(0) 推荐(0) 编辑

2017年11月20日

移动端长按删除事件

摘要：需要注意两点： 1.长按会触发移动端的长按选中文本，这种情况下，要先去掉这个默认事件 2.一定要判读长按是否达到规定的时间，需要用到按下和抬起两个事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi 阅读全文

posted @ 2017-11-20 09:42 乐得逍遥阅读(3217) 评论(0) 推荐(0) 编辑

2017年11月16日

h5嵌入视频遇到的bug及总结---转载

摘要：最近做的一个h5活动因为嵌入视频而发现了好多以前从未发现的问题，在测试的时候不同系统不同版本不同环境等多多少少都出现了些问题，搞得我也是焦头烂额的，不过好在最终问题都解决了，自己也学到了好多东西，为了方便以后用到参考，所以就记下来咯。现在有一个感悟就是当问题来临的时候不要觉得沮丧不要抱怨而要积极面对阅读全文

posted @ 2017-11-16 10:42 乐得逍遥阅读(290) 评论(0) 推荐(0) 编辑

PC端的长按事件

摘要： <!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-s 阅读全文

posted @ 2017-11-16 10:40 乐得逍遥阅读(1146) 评论(0) 推荐(0) 编辑

图片预加载

摘要： function aftLoadImg(obj,url){ //图片地址切换 var oImg = new Image(); oImg.src = url; if(oImg.complete){//图片加载完毕并且显示 obj.src = oImg.src; }else{ oImg.onload = 阅读全文

posted @ 2017-11-16 10:27 乐得逍遥阅读(100) 评论(0) 推荐(0) 编辑

公告