fe
文章平均质量分 93
qiaoba_gogo
这个作者很懒,什么都没留下…
展开
-
vue muit-ui infinite-scroll源码解析
infinite scroll基本使用vue的mint-ui的infinite scroll的基本使用地址:infinite-scroll接入指南. 简单解释一下: 1、指令接受的method:处理loadmore回调 2、自定义属性infinite-scroll-disabled:为false时:不会进行是否到达底部的判断,因此就触发不了loadmore回调 3、自定义属性infinite原创 2017-05-22 19:24:59 · 11290 阅读 · 0 评论 -
Vuejs中nextTick()异步更新队列源码解析
vue官网关于此解释说明如下:vue2.0里面的深入响应式原理的异步更新队列 官网说明如下: 只要观察到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发,只会一次推入到队列中。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作上非常重要。然后,在下一个的事件循环“tick”中,Vue 刷新队列并执行实际(已去重的)工作。原创 2017-05-18 21:13:47 · 4314 阅读 · 0 评论 -
Vue-lazyload原理详解之源码解析
前叙本来想要研究mint-ui组件库的Lazy load组件,没想到翻看它的源码,发现它完全引用的vue-lazyload项目,直接引用,没有丝毫修改。 因此转而研究vue-lazyload,代码并不多,几百行吧,有兴趣的可以读一下。简单接入示例html代码:<div id="app"> <li v-for="img in imgList"> <img v-lazy="im原创 2017-06-19 21:18:43 · 20281 阅读 · 1 评论 -
vue mint-ui源码解析之loadmore组件
接入官方接入文档mint-ui loadmore文档接入使用Examplehtml<div id="app"> <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" :max-distance="150" @top-sta原创 2017-06-08 12:04:55 · 14708 阅读 · 9 评论 -
mint-ui swipe组件源码解析
前叙mint-ui组件库中swipe组件,实现的是常见的轮播图效果。但是它的实现方式,和常见的实现有所不同。 常见的实现方式: 通过移动轮播图的wrapper来实现item的切换效果(也就是修改wrapper的translate3d属性来实现)。如果支持循环播放,需要在首部插入一个最后一个轮播图item的clone版,以及在尾部插入一个第一个轮播图item的clone版。 swipe组件实现的方原创 2017-06-22 15:54:38 · 21841 阅读 · 0 评论 -
微信分享详解
微信分享的接入步骤1.申请测试账号微信官方文档提供了测试账号 接口测试账号申请; 当然也可以申请自己订阅号,但是个人公众号没有分享的接口权限,测试账号是有的(但是测试账号在真机上分享过程都是正确的,但是分享出去的内容是错误;但是在微信提供的测试工具上是正确的)。所以只有企业订阅号才能在真机上真正的分享成功,因为这要收钱嘛,不然我拿着这个测试账号的appid和appsecret就可以用了。2.设置j原创 2017-08-10 17:14:14 · 2205 阅读 · 0 评论 -
微信分享实践和踩坑实践
微信分享的接入步骤1.申请测试账号微信官方文档提供了测试账号 接口测试账号申请; 当然也可以申请自己订阅号,但是个人公众号没有分享的接口权限,测试账号是有的(但是测试账号在真机上分享过程都是正确的,但是分享出去的内容是错误;但是在微信提供的测试工具上是正确的)。所以只有企业订阅号才能在真机上真正的分享成功,因为这要收钱嘛,不然我拿着这个测试账号的appid和appsecret就可以用了。2.设置js原创 2017-08-03 16:42:28 · 775 阅读 · 0 评论