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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 跨境电商能通过微信小程序开发做什么

    就目前的情况来看,跨境电商在微信小程序开发这一方面还没有多少涉猎,主要的原因不是说不想去涉及,而是很多跨境电商还不知道小程序对于他们来说可以做什么,又能给他们带来什么样的效果,所以就只能暂时以观望的姿态来看待这个微信新事物,迄待时机成熟再去发展。而关于跨境电商能通过小程序做什么这个问题,小编有一点见解:

  • 小程序开发文档之开发者相关问题集锦(四)

    (1)跳转到某个页面的函数:|--wx.navigateTo(OBJECT)--| (2)官方对小程序页面跳转的规定页面深度,最多只能是5层。

  • 小程序开放游戏服务类目——解读游戏小程序开发前景

    微信官方之前一直对小程序是否能放开游戏服务类目没有明确的说辞,导致大家都以为放开游戏服务类目遥遥无期,却不曾想,突然微信官方

  • 什么样的APP应用适合同时开发微信小程序?

    在微信小程序已经上线半年的现在,细心的人就会发现,像美团、58同城、饿了么、摩拜单车等这类APP也已经有了相应的小程序,但不是所有APP大咖都会开发小程序,这是为什么呢?这就需要从有没有必要、适不适合两个方面来说了。

  • 企业商家该如何利用微信小程序串连整个微信圈

    微信小程序的开发上线至今,俨然已经成为开发市场的一部分,作为微信圈中被定位为连接线上场景与线下场景的工具,它在不断升级提高服务质量的同时

  • 广州微信小程序开发,应该躲过哪些坑

    选择开发公司定制开发微信小程序确实会有好处,但也不代表这样就不会着了小程序的道,该有的Bug还是得有,不该入的坑当然也可以避免,想要躲过小程序的坑,那就需要企业与开发公司共同去注意下面这一些问题:

pc蛋蛋 pc蛋蛋 pc蛋蛋28 pc蛋蛋28 pc蛋蛋开奖 pc蛋蛋 pc蛋蛋导航 河北快三app下载 江苏快3平台 广西快三