微信小程序已经火了一段时间了，之前一直也在关注，就这半年的发展来看，相对原生APP大部分公司还是不愿意将主营业务放到微信平台上，以免受制于腾讯，不过就小程序的应用场景（用完即走和二维码分发等）还是很值得我们学习的，技术上面如果了解React的话，会发现他们在组件化上面有很多雷同之处。说白了，小程序就是基于微信平台的H5轻应用，微信将系统底层功能（设备、位置、媒体、文件等）和微信自身功能（登录、支付、分享等）封装成相应API供小程序调用。自己根据官方文档写过一个DOME，借助和风天气开放API接口，实现天气预报，仅供学习交流使用，谢谢~ 一、小程序基本概念1、开发工具：为了配合小程序开发，微信专门配备了自己的开发工具，自行选择对应版本安装。2、创建项目应用：安装完成后，打开并扫码登录。小程序发布需要企业级的认证公众号，所以个人订阅号是不能发布的。所以我这里选择无AppID，创建项目选择一个本地空文件夹，勾选创建quickstart项目生成一个demo。3、编写小程序：demo初始化并包含了一些简单的代码文件，其中app.js、app.json、app.wxss这三个是必不可少的...

 链接：https://segmentfault.com/a/1190000015684864先贴两张图：vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad:页面加载一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow:页面显示每次打开页面都会调用一次。onReady:页面初次渲染完成一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期onHide:页面隐藏当navigateTo或底部tab切换时调用。onUnload:页面卸载当redirectTo或navigateBack的时候调用。数据请求在页面加载请求数据时，两者钩子的使用有些类似，vue一般会在created或者mounted中请求数据，而在小程序，会在...

前言：上一篇《appium+java（四）微信公众号自动化测试实践》中，尝试使用appium实现微信公众号自动化测试，接着尝试小程序自动化，以学院小程序为例准备工作　　1、java-client3.4.16依赖包　　2、微信应用版本7.0.0　　3、android手机（7.0+版本）　　4、appium-desktopV1.10.0 我仔细看了下，这个小程序使用安卓原生较多，因此，和平常的ui自动化就一样了，不多说，上代码了代码实例/***小程序自动化测试**@throwsException*/@TestpublicvoidtestSmallProgram()throwsException{//发现driver.scrollTo("发现").click();//小程序driver.scrollTo("小程序").click();//老用户专享driver.findElementByName("51CTO学院官方").click();pause(5);//向上滑动五次scrollToS(7);driver.findElementByName("爬虫Scrapy实战开发视频课程"...

微信小程序在文档中也有描述  native-component大致意思是：canvas组件在微信小程序中属于原生组件，而原生组件层级是最高的，多个同时加载的原生组件，谁加载的越慢谁的层级越高，-_-||解决方法　　1.文档中给出 cover-view 和 cover-image 这俩玩意，这俩同为原生组件，可以覆盖部分原生组件  ==>   已自测，成功（推荐）　　2.canvas=>img=>展示　　　1>canvas组件设置样式  position:fixed;top:999999px;　　　2>加载成功后  wx.canvasToTempFilePath转为图片进行展示updateTempPath(count,canvasId){/*报表完成后渲染之后执行*/setTimeout(()=>{wx.canvasToTempFilePath({x:0,y:0,width://图片的宽,height:/...

1、阿里图标使用帮助2、简述：　　阿里图标三种应用方式：　　1>unicode：nicode是字体在网页端最原始的应用方式a.兼容性最好，支持ie6+，及所有现代浏览器b.支持按字体的方式去动态调整图标大小，颜色等等c.因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目（这里的项目时你在阿里图表官网中创建的图表集合）里有多色图标也会自动去色这里需要注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式 　　2>font-class：unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题a.兼容性良好，支持ie8+，及所有现代浏览器b.相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么c.因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用这里需要注意：本质上还是使用的字体，所以多色图标还是不支持的，如果有需求建议使用symbol的引用方式　　3>symbol：全新的使用方式，应该...

cryptoJS.jsvart=t||function(t,e){varr={},i=r.lib={},n=function(){},o=i.Base={extend:function(t){n.prototype=this;vare=newn();returnt&&e.mixIn(t),e.hasOwnProperty("init")||(e.init=function(){e.$super.init.apply(this,arguments)}),e.init.prototype=e,e.$super=this,e},create:function(){vart=this.extend();returnt.init.apply(t,arguments),t},init:function(){},mixIn:function(t){for(vareint)t.hasOwnProperty(e)&&(this[e]=t[e]);t.hasOwnProperty("toString")&&(this.toString=t.toString)...

js:varBase64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode(str){//加密varoutput="";varchr1,chr2,chr3,enc1,enc2,enc3,enc4;vari=0;str=this._utf16to8(str);while(i<str.length){chr1=str.charCodeAt(i++);chr2=str.charCodeAt(i++);chr3=str.charCodeAt(i++);enc1=chr1>>2;enc2=((chr1&3)<<4)|(chr2>>4);enc3=((chr2&15)<<2)|(chr3>>6);enc4=chr3&63;if(isNaN(chr2)){enc3=enc4=64;}elseif(isNaN(chr3)){enc4=64;}output=output+this._keyStr.c...

一.第三方UIColorUI二.图表组件 echarts-for-weixin...

注意：这里结合ColorUI(最近研究这个)加菜单模板的方式，可能还有更简洁的方式，这里只是一种解决方案，欢迎讨论   --------转载请标注一.业务逻辑：有时使用场景会有不同角色登录同一小程序，需要根据不同角色显示不同菜单二.实现：　　1>app.json(只需配置起始页面index)"pages":["pages/sys/index/index",...]　　2>index.wxml<dataswx:if="{{PageCur=='datas'}}"></datas><maintenancewx:if="{{PageCur=='maintenance'}}"></maintenance><monitorwx:if="{{PageCur=='monitor'}}"></monitor><minewx:if="{{PageCur=='mine'}}"></mine><!--tabar菜单--><templateis="tabBa...

注：没有给出wxss，我这里用了colorUi第三方的组件（loading）  ------------转载请标注一.概念：　　可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过WXSS设置height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)　　具体参数：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html二.1>wxml：<scroll-viewscroll-ybindscrolltoupper="scrollToUpper"bindscrolltolower="scrollToLower"scroll-with-animation="true"style="height:{{scrollViewHeight}}px;"><viewclass="cu-cardcase"wx:for="{{studentDatas}}"wx:key="id"id="a-{{item.id}}">&...

微信公众平台接口调试工具小程序的唯一标识(appid)小程序的密钥(secret)打开微信公众平台接口调试工具，在参数列表中输入小程序的appid和secret，点击检查问题，如果appid和secret正确，则可以返回正确的access_token结果（图中下方的红框） 生成小程序二维码官方文档https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html一共有三种生成二维码的方式，可以根据使用场景去选择，这里我使用的是第三种生成方式wxacode.getUnlimitedwxacode.createQRCode获取小程序二维码，适用于需要的码数量较少的业务场景。通过该接口生成的小程序码，永久有效，有数量限制，详见获取二维码。POSThttps://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKENwxacode.get获取小程序码，适...

微信小程序的input 有个属性叫type，这个type 有几个可选值：text：不必解释number：数字键盘（无小数点）idcard：数字键盘（无小数点、有个X 键）digit：数字键盘（有小数点）注意：number 是无小数点的，digit 是有小数点的输入时键盘只能出现相应的数字键盘转发自：https://blog.csdn.net/yelin042/article/details/72519138...

onPageScroll:function(e){if(e.scrollTop>100){this.setData({floorstatus:true});}else{this.setData({floorstatus:false});}},goTop:function(){wx.pageScrollTo({scrollTop:0,duration:300})}, ...

（1）生命周期不同小程序：onLoad():页面加载，一个页面只会调用一次，可以获取参数　　　　onShow()页面显示　　　　onReady()首次显示页面，会触发onReady()方法，渲染页面元素和样式，一个页面只会调用一次。　　　　onHide()当小程序后台运行或者跳转到其他页面，触发onHide()　　　　onUnload()页面卸载VUE：　　　　beforeCreate、created（创建）、beforeMount、mounted（挂载）、beforeUpdate、updated（更新）、beforeDestory、destoryed（销毁） （2）数据绑定vue：动态绑定一个变量的值为某个属性时，会在前面加上冒号 <img:src="imgSrc"/>小程序：绑定某个变量的值为元素属性时，会用两个大括号括起来 <imagesrc="{{imgSrc}}"></image>（3）列表渲染vue:<ul>　　<liv-for="(item,index)inlist">　　　　{{i...

开发过程中，会遇到很多微信返回的状态码，鬼知道代表什么意思，现在好了，整理总结了一份状态码，方便大家。转载：http://www.yiyongtong.com/archives/view-1856-1.html 微信小程序错误码参考状态码（场景值）说明 -1系统繁忙 0请求成功 40001验证失败 40002不合法的凭证类型 40003不合法的OpenID 40004不合法的媒体文件类型 40005不合法的文件类型 40006不合法的文件大小 40007不合法的媒体文件id 40008不合法的消息类型 40009不合法的图片文件大小 40010不合法的语音文件大小 40011不合法的视频文件大小 40012不合法的缩略图文件大小 40013不合法的APPID 40014不合法的access_token 40014不合法的access_token 40015不合法的菜单类型 40016不合法...