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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 如何在微信小程序开发过程中进行数据提取分析?

    开发运营小程序之后,企业商家可以对小程序运营过程中产生的用户数据进行提取,进而实现用户数据分析

  • 广州企业根据什么来选择要开发公众号还是小程序

    现在的微信圈,已经不仅仅是作为一个平常的社交平台而用,而是以一个工具者的身份,逐渐融入到用户生活、事业当中去。那么对于企业来说,企业的决策同样作为一个微信的使用者,应该通过怎样的了解而去为公司做决策,决策到底是要开发公众号还是开发小程序呢?

  • 小程序说:学习蘑菇街如何玩转微信小程序

    从六月底蘑菇街小程序上线后,到八月中旬已经吸引了300万的新客户,在当时的小程序市场还在处于初步发展、逐步完善阶段的时候,蘑菇街是如何去实现如此高效率的营销推广的

  • 微信小程序开发有哪些开发工具?

    包括官方的、非官方的开发工具在内,微信小程序开发市场上现在大概有十余种开发工具可供使用,经过小编认真细致地精心挑选之后,我选择了四款比较突出的开发工具准备来好好介绍一下,没被翻牌的工具们也不要气馁,再接再厉以后一定能成功引起小编注意的。

  • 微信里的小程序开发,都包括了哪些部分?

    很多人在选择开发微信小程序时,首先关心的一般都会是开发费用的问题,而开发费用最原始的估价点其实就是来自小程序开发的流程繁简程度,需求开发者了解小程序开发所包含的部分,就可以自行估计出大概的费用出来。

  • 初次创业者做微信小程序开发时需要注意什么

    初次创业者在做小程序开发时,一些关乎于成本、发展前景的问题就需要去着重注意,毕竟对于一个刚刚