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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 小程序开发:微信小程序新增能力,跳转、管理、视频样样不落

    微信公开课平台深夜发文,称微信小程序静态模式已经不能满足开发欲望了,如今再开放三个新能力让小程序

  • 掌握年轻人口味,促使微信小程序商城形成趣味营销

    趣味营销是一种能吸引较多年轻人关注的营销方式。企业商家在运营微信小程序商城的时候,当以一种幽默、有趣

  • 广州微信小程序开发,启动电商发展新武器

    在这个互联网发展新时代,成就了电商的飞速发展,电商平台随之层出不穷。微信应用平台更是推出微商城、微信小程序商城等产品来进入到电商领域,特别是对微信小程序的开发,

  • 与众不同的微信小程序定制开发才是发展王道

    企业利用微信小程序开发去获得新的发展空间,是继公众号之后的另一个发展选择方向。但是,开发小程序的方式

  • 开发和运营小程序前需要准备什么?

    在今天这个没什么阳光的日子里,我们就来谈一点阳光的东西,比如开发运营小程序赚钱这件事就很阳光。

  • 微信小程序的开发对公众号来说机遇还是挑战?

    微信小程序从未上线时,就被预告传得风风火火,所以就有人也在预言,说小程序在将来会取代公众号,可能是直接消灭它,也可能是取代它一把手的位置,成为新的微信新贵。这种说法也有它的道理,但在现在看来,还有另外一种说法去反驳它