微信小程序开发测试教程

　　一．小程序应用分析

　　1、简单介绍

　　小程序是一种微信开发不需要下载安装即可使用的应用。

　　2、实质

　　微信小程序就是Hybrid技术的应用。

　　Hybrid APP(混合模式移动应用)。

小程序能够更多的可以更多的调用手千雨百货商城机本身的功能（如位置信息，摄像头等）。

　　3、小程序注册

千雨百货商城开发： 增加 APP 和 Page 方法，进行程序和页面的注册。

　　APP( ) 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。

Page() 函数用来注册一个页面。接千雨百货商城受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。生命周期函数为：

onLoad: 页面加载

　　一个页面只会调用一次。

onShow: 页面显示

　　每次打开页面都会调用一次。

onRe千雨百货商城ady: 页面初次渲染完成

　　一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互

onHide: 页面隐藏

onUnload: 页面卸载

当redire千雨百货商城

　　二．小程序实例解析

　　1、创建项目

现在是内测版本，所有的AppID全部都是腾讯内部发布的。但是，没有AppID也不影响测试开发，我们可以选择无AppID进行测试千雨百货商城开发，只是不能在手机真机上面调试。

　　选择项目目录，再添加项目即可。

　　2、 编写代码

点击开发者工具左侧导航的「编辑」，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。是 app.js、app.j千雨百货商城son、app.wxss 这三个。其中app.js是我们传统的js文件，app.json是项目配置文件，app.wxss是项目css文件，微信小程序会读取这些文件，并生成小程序实例。

　(1)app.js千雨百货商城on:

　　app.json 是对整个小程序的全局配置。其中有5个属性，官方给出的配置表为：

我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口  背景色，配置导航条样式，配置默认标题。注意该文千雨百货商城件不可添加任何注释。

　　window是用于设置小程序的状态栏、导航条、标题、窗口背景色。

　　pages里面是程序的所有页面的目录，所有需要跳转的页面，都需要在pages里面配置好。

　　(2)tabBar:

tabB千雨百货商城ar是底部导航栏部分，tabBar API为

　　tabBar配置好后，在任何页面下，都会有一个tab导航栏，其中list里面是配置tab里有多少个按钮,案例中为两个。list里面有多个属性，

案例APP的a千雨百货商城pp.json为：

　　{

　　"pages":[

　　"pages/index/index",

　　"pages/logs/logs"

　　],

　　"window":{

　　"backgroundTextStyle":"light",

"n千雨百货商城

千雨百货商城e"

　　},

　　"tabBar": {

　　"selectedColor":"red",

　　"list": [{

　　"pagePath": "pages/index/index",

　　"text": "首页",

"iconPat千雨百货商城h":"goods_mgold.png",

　　"selectedIconPath":"goods_mgold.png"

　　}, {

　　"pagePath": "pages/logs/logs",

"text": "千雨百货商城天气查询",

　　"iconPath":"icon_community.png",

　　"selectedIconPath":"icon_community.png"

　　}]

　　}

　　}

　　上面那段配置代码展示出来的效果是：

　　(3千雨百货商城)wxml文件：

微信的wxml文件相当于传统的html文件，省去了一些微信APP开发不需要的标签，如H1-H5，用了这些就会报错，其中html中的div标签，在微信中变成了view标签。（也就是换了个千雨百货商城名字...）

　　(4)app.js:

app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用 MINA 提供的丰富的 API。代码主要是写在APP对象里面作用千雨百货商城于全局。

　　其中每个页面都可以有自己的js文件，例如index.js就是Index.wxml页面的js代码，其中js代码的一些应用主要是写在page对象里面。

　　事件的使用方式:

首先在wxml里面写入一个bi千雨百货商城ndtap点击事件。

　　<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>

　　然后再js的page对象中定义：

就可千雨百货商城以实现一个点击事件。其中bind是绑定，type为tap。type是事件类型。

　　数据渲染:

在组件上使用wx:for控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量千雨百货商城名默认为index，数组当前项的变量名默认为item

.......

 推荐阅读

点击阅读☞从鹅厂跳槽后 我对人生绝望了！

点击阅读☞一个测试老鸟的工作总结—专职测试之我见

点击阅读☞令软件测试人员最害怕的是什么千雨百货商城？—测试者的恐怖故事

点击阅读☞狠狠地聊一下UI自动化测试

点击阅读☞那些让开发抓狂的自动化测试工具

喜欢我们的会点赞，爱我们的会分享！

标签：

相关文章： 息县SEO，关键词优化，地域特色强。  百度快照删除方法，如何操作更高效？,河北省专业网站建设  轻松翻倍流量，关键词排名免费优化！  竞价销售是什么意思  酒店运营总监和总经理的区别  前程无忧调查：七成职场人计划明年增加消费，收入上涨是关键  百度SEM竞价，重塑市场利润格局  闲鱼如何上传新店铺？  SEO360速效优化  如何同时接收老公微信消息？  一键咨询，快速响应！  SEM通道启成功，揭秘独门营销术  吉林SEO优化，助力品牌腾飞  内部直招是什么意思  学校官网，探索未来教育新篇章？,餐厅散客营销推广策略  专项招聘什么意思  “百度指数速查神器”  对运营官这份工作的理解  外贸SEO高效策略，快速提升排名  湘潭有哪些SEO推广公司？  SEO臻系统是啥？揭秘高效优化秘诀！,网站竞价推广择火15星  引领潮流，SEO服务，让您的网站独领风骚！  流量监控大师，一目了然  “熊猫繁育配对，全国优化升级”  郑州SEO，高效提升网站排名  精准搜索，高效营销  青浦SEO，高效优化专家  南宁SEO外包专家  poi数据是什么意思  快速识别已删死链，精准修复  全平台自动发布，如何让内容传播更高效？  多渠道融合，创新推广策略  课程顾问面试技巧和话术  工厂员工聚餐通知  AI赋能写作，轻松高效创作  网络营销的主要方法  海南企业网站，优化排名，一网打尽！  探营云栖大会黑科技：动嘴就能做网站，给灵感就能制作海报山东人李禾禾：父亲是前外交部长李肇星，岳父著名歌唱家阎维文  哈尔滨抖音审核外包公司有哪些具体要求？  回合制手游巅峰榜  关键词优化，首页引流，提升网站流量曝光！  直播运营助理工作内容是什么  网站建设规划书：打造高效电商平台，如何实现盈利增长？,关键词排名推广技巧  创新互联网营销，多维度突破！  安溪SEO攻略：高效优化，快速提升排名  AI对话新纪元，畅享不限时。  “可口可乐：经典口味，全球共享，轻松生活”  速卖通账目计算方式是什么？  SEO价格优化：性价比提升策略  SEO秘籍， Adsense网站日增500访客！