微信小程序开发测试教程
一.小程序应用分析
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自动化测试
点击阅读☞那些让开发抓狂的自动化测试工具
喜欢我们的会点赞,爱我们的会分享!
标签:
相关文章:
森森鱼缸型号大全,哪款最适合你的爱鱼?,青州网站推广优化外包
在做cpa推广时,怎样才能让推广的广告吸引潜在用户关注?
泉州百度霸屏,首页排名领先!
AI写作员,如何激发你的无限创造力?
违规搜集用户信息的安卓 APP 小心,谷歌要收拾你们了!
职称评审代办靠谱吗?如何辨别真伪?,学习网络营销推广书籍
淘宝红包专区入口在哪?怎么领用?
湖北省委书记是谁?他如何引领湖北发展?,关键词的排名没了
德阳SEO优化厂家,哪家批发价格更实惠?,怎样优化网站设计图片
公益行业薪酬与人才管理报告发布 45%的机构表示有增加员工的需要
挑选SEO公司,选对关键一步!
【揭秘】挂机赚佣金的app是不是真的?真实案例分析!
日本 NTT 和 NEC 展示新技术:光网络传输带宽可提高 12 倍中国富豪耗资300亿修建圆明园,七年过去了,现在结果怎么样了?
网站目录收录:高效提升曝光与流量秘籍
总裁助理工作内容
SEM升级版,智能营销利器
汕头百度SEO提升专家
利用小程序玩转私域流量的方法是什么?
双平台交易,如何确保支付安全?,闵行区官网网站优化定制
创新编程艺术
特效酷炫!UP主自制小米SU7动态互动演示网页 网友以为官方出品曾与刘德华翻脸,打吴京吐血,跟随成龙29年8万被开除,后靠打工维持生计
高效推广,精准触达,快速提升网站知名度
SEO网站优化简单的网站代码优化
站群改写新体验,优势挑战一网打尽
车位抢购,黄金地段,错过再无!
蒋芳任阿里网络技术公司执行董事反转了!重庆吃面加香菜事件,顾客把人性的丑陋面展现得淋漓尽致
网站SEO优化核心指标:关键词排名与流量转化
SEO方法升级,关键词优化新策略
广州SEO快速提升,排名飞跃
高效推广,精准触达,提升品牌影响力
企业品牌与战略的关系
速卖通卖家如何快速登录?境外电商如何轻松入驻?
设备营销SEO,轻松提升销量!
SEO新风尚,高效优化之道
《绯闻女一免费漫画,下拉阅读》
AI赋能创新思维新利器
中国银行取得数据批处理的方法和装置专利,极大地简化了批处理程序的开发过程,提高批处理程序的开发效率重庆一女子途经一千多公里回娘家,老家狗狗跑出迎接,场面太温馨
如何设置小红书SEO更有效?
SEO流量加速器,官网秘籍!
淘宝一件代发能调整售价吗?
优化外链投放策略
上级岗位是什么意思
淘宝默认好评需要多久?
工商注册的注册资本怎么决定
广水SEO,优化领航者
南通SEO服务费用,性价比最高的选择是哪家?,营销网站优化哪里好
华为云耀云服务器 L 实例:小程序开发者的智选她离婚只字不提前夫侯勇,和女儿患难与共,如今45岁似冻龄少女
网站推广对于推广企业有用吗?
从过度到适度优化,平衡之道。
淘宝花呗如何关闭?





