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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 公司开发微信小程序商城系统,实现精准高效营销

    对于微信小程序开发的争议,从小程序还没真正诞生的时候就已经持续到现在

  • 微信小程序开发和H5的区别,互诚科技告诉你

    ​微信小程序从诞生以来,有人说是它是另一种公众号,也有人说它是另一种H5。抛开小程序与公众号之间的差别不说,今天我们就来讨论一下,微信小程序开发与H5开发之间的关系,看看小编论述这些区别之后,是否小程序还会是另一种H5。

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

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

  • 微信小程序会不会占用内存影响手机运行速度?

    微信小程序的“无需下载”的意思,其实并非说其不会占据手机一丁点的内存,而是说用户不需要再下载一个软件来占用手机内存。当用户意识到这个问题时,就会有新的疑虑,如果添加过多的微信小程序,是否就会影响手机的运行速度?针对这个疑虑,小编就用这篇软文来好好解释一下。

  • 微信小程序释放广告变现能力,不再只是工具

    虽然微信小程序刚开始出现时候的定位是工具型的产品,但是在探索开发与技术创新、市场需求增加之后,微信小程序的功能越发丰富、

  • 微信小程序开发之后如何与APP之间实现平衡

    微信小程序在被开发与开放使用之后,相信很多人就会觉得,在未来,小程序终将代替APP。这样的说法也

PC蛋蛋 pc蛋蛋 pc蛋蛋 pc蛋蛋28 河北快3网址 pc蛋蛋 河北快3 河北快3官网 pc蛋蛋 pc蛋蛋