4007654355
NEWS
网站建设、网站制作、网站设计等相关资讯

微信小程序开发测试教程

日期:2024-05-06 访问:1049次 作者:admin

  一.小程序应用分析

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

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

喜欢我们的会点赞,爱我们的会分享!


标签:



相关文章: 怎样做网站?  《爱我就别多想》免费畅看  邹平网站专家,专业定制服务  极氪能源自建站突破 750 座,覆盖全国近 130 城胡歌携妻游拉萨,黄曦宁甩手得清闲,胡歌倒像助理拎着大小包好宠  对外贸易网络营销渠道有哪些 外贸网络营销  cmo指什么职位  网站权重飙升,快速提升秘籍!  小红书电商如何才能做成功?  中山抖音外包审核公司有哪些要求?  如何轻松选购篮球鞋?  广州网站SEO年费多少?  如何选择适合的全网营销公司?  hr面试反问环节可以问什么呢  闲鱼开通花呗支付有哪些条件?  抖音如何实现屏幕投射?  抖音如何移除背景音乐?  谷歌SEO优化专家  快手商家等级规则优化,等级调整新规速览  凡科建站,价格透明,服务优质  苹果应用商店副总裁离职,团队将会被一分为二  独家揭秘:小程序累计过亿用户、销售额破千万,他们怎么做到的?  知乎SEO助手  用户行为轨迹分析:深度洞察与价值挖掘  SEO离线下载,优化网站关键词布局?如何提升排名?,jquery对seo有影响吗  网站推广应该掌握哪些优化策略  工作中deadline什么意思  关键词优化,搜索引擎排名飞跃术!  路桥SEO,优化专家之道  全网营销公司如何选择?  重庆森林,孤独的守望者  创新设计方法,高效优化升级  财务会计网络广告推广,财务会计软文发布  双次级,核心次级是什么?,头条修改关键词排名  华为公司申请网络安全技术专利,能够避免挖矿病毒从目标终端扩散至局域网中的其他终端中国第一美女马艳丽,隐居山林享受田园生活  打造差异化SEO策略,品牌独领风骚。  站群优化,流量爆发神器!  招聘职位后面加mj是什么意思  全球十大搜索引擎,一网打尽  苏州百度SEO快速提升  网络推广外包,高效助力品牌腾飞  珠海SEO优化,流量翻倍首选  南京SEO高效优化方案  北京SEO推广费用多少?投资回报比如何?,苏州关键词排名策略  优化URL,SEO流量翻倍秘籍  数字营销新纪元,启航您的网络推广之旅  微信附近人怎么看不到我?  “轻快下载,畅享谷歌浏览”  丁丁网红新曲:梦想启航,一路欢歌  淘宝有哪些违规行为?  hr问有没有做过相关工作怎么回复 

豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤网络服务 豪情圣贤网络服务 豪情圣贤网络服务 豪情圣贤科技 豪情圣贤科技 豪情圣贤科技