性能更优越的小程序图片懒加载方式

意义懒加载或者可以说是延迟加载,针对非首屏或者用户”看不到”的地方延迟加载,有利于页面首屏加载速度快、节约了流量,用户体验好 实现方式传统H5的懒加载方式都是通过监听页面的scroll事件来实现的,结合viewport的高度来判断。小程序也类似,通过监听页面onPageScroll事件获取当前滚动的数据,结合ge...

阅读前端项目源码的正确姿势

这篇文章主要介绍下笔者看源码的一些心得和方式,由于笔者看的大部分是前端项目,当然也看过一些其它领域的源码,不过不多,所以内容主要还是以前端项目为主 了解和熟悉 在准备看一个开源项目源码的时候先去熟悉下这个项目的背景、功能以及相应的API。这步为了理解整个项目的功能做准备,也是为了后面重点看哪些模块做准备 查看项目...

小程序测试方案初探

前言2017年1月9号微信小程序正式上线,小程序不需要安装就能使用,依托微信强大的生态环境,能做到很多H5所不能做的事情。从微信小程序发布这段时间,陆陆续续开发了不少小程序相关的项目,总结了一些通用性的组件,但是对于小程序如何做测试,依然是一头雾水,直到做了不少的项目,积累的一些经验和开源库之后才理清如何做测试,...

【watch】提供小程序响应data实例上的数据变动

小程序不提供类似于vue一样监听数据(vm.watch),当数据改变时触发回调检测改变数据类型是否符合要求。 现在,使用wach即可扩展类似vm.watch的功能源码链接 install链接下载 Usage引入watch库1import Watch from '../../libs/watch'; 配置初始...

关于微信卡券与代金券的一些事

最近公司有个项目需要在H5上面发放代金券,研究了好几天微信公众平台和商户平台的文档,梳理下微信卡券和代金券之间的联系。以下微信公众平台简称mp平台,商户平台简称pay平台。mp平台开发文档pay平台开发文档 mp与pay的关系严格来讲,mp和pay平台是属于两套不一样的系统,它们直接并不存在什么直接关系。非要说有...

一个很无聊的轮子—img2html

将图片转换为html节点(一个特别无聊的轮子……) 示例HTML页面 原图 转换后 安装 npm install img2html –save 简单使用1234import {img2html} from 'img2html';window.addEvent...

flex基础布局详解

flex-tutorials系统性的介绍关于flex布局,也作为自学的一篇文章 flex基础理念 使用弹性盒子的意义是在任何尺寸的屏幕上改变其和其子元素的尺寸填充屏幕可用空间。一个弹性框容器将延展它的子元素以填充可用空间,并且缩小它的子元素来避免溢出。 flex属性一个flex布局的页面所具有的元素可分为2类。...

一次微信小程序的快速开发体验

起因事情是这样的 一天早上组里还早激烈的讨论某个项目的可用性和发展前景,突然老大说了句,能不能做个小程序的版本呢?然后大家纷纷讨论起来,有反对有支持,我就说了一句,刚出来的时候搞过一会。。。然后就把我推出来了(日了狗了~~) 这个项目大概一个星期之后就要推出去了,换句话说,我要一个星期内搞个小程序的版本出来,宝宝...

vue-schedule

Vue.js file schedule component installnpm install vue-schedule --save Examplehttp://jayzou.github.io/demo/vue-schedule/index.html12345678910111213141516171...

关于setTimeout的妙用

定义 在指定的延迟时间之后调用一个函数或执行一个代码片段 这个是setTimeout最主要的功能,但也是很坑的地方,首先javascript其实是运行在单线程的环境下,意味者定时器会在未来的某个时间支持,但是具体的执行的时间并不能够很准确的运行,容易受到其它时间的影响,比如DOM的计算、事件的执行、各种函数的...