小程序开发文档:项目结构、页面结构、应用启动说明

2018/7/27 18:31:33
摘要: 开发微信小程序,需要提前去学习了解的东西不少,比如它的运行环境、它的开发工具、它的项目结构、页面结构以及应用启动说明等等

开发微信小程序,需要提前去学习了解的东西不少,比如它的运行环境、它的开发工具、它的项目结构、页面结构以及应用启动说明等等。本文接下来的篇幅,就来说简单说明一下以上的相关问题,总结一些必须学习的小程序开发知识。

  1、关于小程序运行环境

关于微信小程序开发,官方贴出的说明指出,wxApp的运行环境一共有3个平台,分别是IOS的webkit,即苹果开源的浏览器内核;Android的X5,即QQ浏览器内核,以及开发者在开发时用的nw.js,即C++实现的web转桌面应用。

  2、关于项目结构

  关于页面结构的问题,我们主要介绍几个参数:

(1)project.config.json:项目配置文件,支持es6配置,appid等信息

(2)pages:功能页面

(3)app.json:应用主题样式及pages路由配置,其中pages路由第一项决定首页

(4)app.wxss:pages通用样式

(5)App.js:应用入口,pages可通过getApp()获取,提供公用接口及数据

3、关于页面结构

  关于页面结构的问题,主要有三个内容,分别是js、wxml、wxss。

(1)js是功能逻辑实现,页面数据、页面交互事件处理

(2)wxml为页面布局文件

(3)wxss为页面组件样式

4、关于应用启动

应用启动时所需的生命周期函数主要有三个,分别是:onLaunch(初始化完成)、onShow(启动时,后由后台进入前台)、以及onHide(由前台进入后台)。

(1)App.onLaunch()-->App.onShow()-->pages[0].onLoad()-->App.onLaunch.onHiden()

(2)onLaunch()用户授权信息获取,调用异步api: wx.login()、wx.getSetting()

(3)Index.onLoad()页面加载,获取数据调用更新页面setData


声明:文章"小程序开发文档:项目结构、页面结构、应用启动说明"为互诚科技—微信小程序开发公司的原创文章,转载请注明出处,谢谢合作!
标签:小程序开发文档
电话咨询:18011971195(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序星标功能出现,妈妈再也不用担心我找不到心水小程序了

    总是喜欢在深夜放毒的微信君又在2017年6月14日的夜黑风高中搞事情了。由于之前接收到小仙女们的建议

  • 微信小程序如何营销能促进流量裂变与升级

    微信小程序无法直接转发到朋友圈中去实现传播,它的设定只能是转发到微信群,或者分享给微信好友。而无法实现朋友圈的广泛

  • 微信小程序开发嵌入直播,广州企业用潮流进行互动营销

    在前不久的微信小程序服务范围调整过后,小程序就开始可以接入直播这个服务功能

  • 引爆市场的微信小程序开发是怎么样的?

    在微信小程序面世之初,在很多人还对其非常不了解的时候,就已经有一款小程序在短时间内成为业界爆款,这种引爆市场的开发运营形式我们可以学习借鉴

  • 汽车行业福利之“微信我的车”小程序上线

    微信小程序的开发与上线,就是为了更好地服务微信用户,所以微信官方也必须要均衡地考虑到更多的行业特点,根据这些特色去提供相应的服务。例如汽车行业,由汽车的制作、售卖与使用而衍生出来的其他服务需求,就是小程序可以提供的服务方向。而微信官方正式从这些方向去出发,上线了“微信我的车“小程序,为汽车服务行业带来福音。

  • 三项新功能开放,让微信小程序开发再无后顾之忧

    深夜放毒作为微信官方平台的小编们经常干的事,所以为了延续传统,这次开放的三个功能也都是在伸手见得到五指的黑夜里被放开,这三个功能包括了小程序关联公众号的数量、门店小程序与相关联小程序之间的跳转以及小程序版本回退这些方面的问题,为开发者在开发与利用小程序方面带去了福音。接下来我们就来具体分析一下这三个功能的作用。