微信小程序开发测试教程

　　一．小程序应用分析

　　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，免费畅享新版本！  佛山有哪些公司专业做网站SEO？  如何从头开始开发一个微信小程序  响应式品牌建材瓷砖网站模板  妇科产品如何推广,妇科产品b2b商务平台  如何利用网站推广来做引流？  思维导图 篇一：好用的在线思维导图制作网站分享！8个免费好用的思维导图软件推荐江苏一家人产房外得知生个女孩，开心到欢呼大叫：现在女孩好吃香  网站收录秘籍：一招提升曝光，流量翻倍！  烟台SEO服务：专业优化，如何选对合作伙伴？,关键词抢排名是什么意思  怎么创建网页？有几种方法  SEO秘籍：高效收费推广，提升网站曝光  『PC魔法屋』 篇四：制作视频离不开哪些网站？一起来看看！孩子的出生月份影响智商，在“聪明月”出生的娃一出生就占了优势  网络营销顾问，助力品牌腾飞！  员工泄密半年赚70万元，快手实名通报：开除，永不录用  网络营销，多渠道触达，精准营销！  印江SEO优化，高效价格优！  软文写作：洞察内容营销新视角  如何打造高效能网站，实现SEO优化，提升排名与流量？  市场营销环境分析方法  SEO视界网揭秘：关键词布局的艺术，如何科学优化？,seo项目怎样优化推广  资阳社保，参保流程详解？,萍乡湘东区seo  百度首页推广，快速提升品牌曝光！  重新设计“寂静岭”网站《短信》开发者的一封信曾经是中国的一个省，独立后废除汉字，现为啥又想恢复使用？  抖音私信怎么发送呢？  精准聚焦，深度挖掘，高效检索  城口SEO服务，助力企业互联网营销新篇章，如何开启？,东城区网站建设性价比  兰州SEO平台，效果翻倍？揭秘优化秘诀！,人人车的营销推广策略  网站推广这么做，让你的素材源源不断  销售净利率是什么意思  提升网站SEO流量，关键词优化秘籍  “谁是开启未来科技智慧之门的钥匙持有者？”  “危机公关转危为安，企业形象重塑奇迹”  象山SEO优化，如何快速提升排名？,宁波网站建设实训  旅游网站建设方案，如何打造个性化旅游体验？,口碑好网站建设资源优化  响应式折弯设备制造网站模板  “文库登录，一触即达”  “小店铺逆袭，网络营销助飞，月销翻倍！”  SEO助手宝盒  青岛网站定制专家  魏县互联网营销大会：2021营销策略揭秘，如何突破瓶颈？,偃师网站优化报价表  打造国际市场网站，提升全球排名表现  年薪50万都是干什么的  企业信息速查神器  淘宝图片不显示？如何快速解决？  一键链接提交神器  GEO引擎优化，助力B2B精准拓客！  大朗SEO关键词优化专家，抖音SEO秘籍  零经验也能做信息流优化师？  郑州SEO兼职，如何快速提升网站排名？,知乎搜索关键词排名优化