微信小程序开发测试教程

　　一．小程序应用分析

　　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自动化测试

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

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

标签：

相关文章： 疫苗质量问题，背后真相究竟是什么？,需要网站优化的在线咨询  医界精英，百度护航  月薪和日薪有什么区别  昆山外包升级，智选优效方案  厦门智优科创  抖音公司申请数据处理专利，避免对应用程序进行改造或定制化开发同时使需要基于位置信息运行的应用程序能够正常在云端运行江苏一女儿给爸爸剖腹“接生”简单粗暴：自己拿止血钳又不愿加钱  资深、高阶、资深人士  淘宝app如何轻松购得91VIP会员？  HTML网页制作软件：Dreamweaver、VS Code、Brackets  武汉智优咨询  营销人，你应该从科比退役里学到这些借势营销方法！  荆楚网脉，推广先锋  万域查询助手  “整合营销案例精粹展示”  长尾关键词速查神器  公司辞退员工的正当原因  数字引擎，振兴软件产业新航向  百度收录小窍门一：优化关键词，如何快速提升排名？,江西省百度关键词排名  “中国搜索，免费畅享下载”  视频号改写后还有痕迹吗？  无锡SEO领航专家  淘宝免费提升流量有哪些软件？  以开发“人像引擎”网站为名非法利用信息网络犯罪团伙被山东泗水县公安局抓获靠《伪装者》走红，演技好长得漂亮，出道30年婚姻成谜  华为云耀云服务器 L 实例助力小程序开发的成本与效率之选8岁侄子怒吼我女儿：家里东西都是我的，你爸的财产以后也是我的  “高效SEO，每日更新，优化加速中”  百度网盘VIP，解锁无限可能？,郑州网站建设品牌大全  13种爆破营销方式,总有一款适合你  卓越服务，尽善尽美  数据及时性的意义  “品牌力指数排行网”  电商营销，创意无限，精准推广！  AI写作神器大比拼，效率提升一步到位！  改写IP，使用VPN或代理服务器。  日照站建站以来最大规模改造施工完成刘涛10年前美照，但身后那人才漂亮，原来她俩10年前就同框  2023金堂奖网络投票火热进行中：投出你的一票，见证中国设计发展趋势！曾与刘德华翻脸，打吴京吐血，跟随成龙29年8万被开除，后靠打工维持生计  如何做出一份行之有效的全网营销方案?  SEO升级：高效搜索引擎优化秘籍  埃安送电到家 百人成团即可家门口建站解决小区充电难保姆小杨阿姨蹭大S流量，开启直播卖酸辣粉？看她的表情我牙酸了  《英雄联盟》：峡谷霸主，谁将问鼎巅峰？,关键词优化排名 那周a斯专注  全省排名，你的高考成绩排第几？,沉浸式网站优化方法  AI赋能写作，创新创作利器  融资b轮什么意思  运营小白怎么入行（指南）  直播营销具有什么特点  汽车|直播|营销，如何精准触达目标客户？,seo关键词排名主治火19星  AI写作神器，创作无忧！  财务网站SEO精优化，提升排名一触即发  肇庆SEO外包专家  SEO网站优化，价格透明，高效提升排名  857工作制意思是什么