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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 新零售时代,商家如何利用微信小程序商城实现落地?

    新零售概念的提出,为零售行业的网络化与落地的结合提供了蓝图。网络化的营销跟落地式的营销的结合,为零售商家扩展了发展空间与渠道

  • 适合公司与个人商家使用的3种微信小程序推广方式

    因为小程序的入口越来越广泛、功能越来越丰富、开发权限越来越低,所以它的推广方式也越来越多样化。互诚科技的小编我,站在微信小程序开发公司

  • 开发小程序售后服务系统,让运营成本更低

    在所有商品销售行业中,消费者一般都会选择有可靠的售后服务的商家去进行消费,特别对家电、家具等行业来说,售后服务更是重要。但是,售后服务在保障消费者的同时,也会给企业商家带来一些必要的运营成本,包括人工成本以及服务材料成本等。所以,作为一个企业商家,必须要考虑的问题就是如何去降低运营成本,让利益最大化。

  • 微信小程序商城开发在线支付功能,有哪种方式可以选择?

    微信小程序商城开发,肯定需要开发在线支付功能。而微信官方对微信支付这个功能的开通指引分为了三种模式,一种是常见的普通商户模式

  • 微信小程序开发,视图层数据绑定与条件渲染说明

    在开发微信小程序的过程中,视图层的数据绑定有几种情况需要注意,在进行条件渲染的时候,也要先了解一下参数属性

  • 开发微信小程序电商模式能给企业带来什么利益

    微信小程序成为微信电商的一种模式,微信小程序开发也随着小程序的热流而逐渐被企业所重视,

河北快3 河北快3开奖结果 河北快3 pc蛋蛋登入 pc蛋蛋网站 湖北快3投注平台 河北快3 pc蛋蛋注册 河北快三 pc蛋蛋