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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 广州小程序的兴起,必须要规避风险的方面有哪些

    每一个行业新事物的出现,不仅会有兴起与火爆,随之而来的也有一定的风险存在。因为一旦一个新事物成为市场的热点之后,就会有一些不法分子来利用漏洞招摇撞骗,或者在这个新事物尚未定型时,规则界限不明晰就会引起行业的混乱。微信小程序也是如此,在几个方面都存在的一定的开发风险,需要微信官方以及各界开发者共同合作去规避风险。

  • 微信小程序用什么开发

    针对微信小程序的开发问题,官网向广大开发者提供了官方的开发教程、示例Demo以及开发工具。开发者可以根据官方开发教程与示例

  • 定制开发一个微信小程序商城要多久

    无论是定制开发微信小程序还是小程序商城,都要考虑的一个问题,就是它的开发周期。这不仅关乎到上线时间问题,还与开发费用直接挂钩。

  • 微信小程序开发踩坑的点在哪?为什么?

    程序猿在开发产品时,难免会踩坑,一旦踩坑,那就不仅仅是填坑那么简单,有时候可能也会耽误开发时间,因为不能及时将产品开发出来而给工作带来麻烦。微信小程序开发也是如此,你踩或不踩,坑就在哪里,不来不去。所以,程序猿在开发小程序之前,了解一下可能埋坑的点,相信会对开发进程有所帮助。

  • 微信小程序的开发与运营,学习哪些主要知识?

    当企业商家或者个人组织在准备开发微信小程序之前,就需要考量一下自己对这方面是否有一定的了解,这样无论是自己开发运营还是代开发运营,都能让自己明了地掌握一些实时情况,不至于一头雾水甚至被坑蒙拐骗。所以一些主要的知识还是需要学习了解一下,包括有以下两个方面:

  • 餐饮行业福音,附近的小程序新功能推出

    在微信小程序账号愈来愈多的现在,相应地也给运营者的管理工作与用户对附近小程序的查找到来不便,所以,微信官方就针对这两个问题进行功能升级,让两个新的功能区解决这两个旧问题,获得更好的管理与使用体验。