您当前的位置: 首页 > 知识百科 > 微信小程序开发目录,微信小程序如何开发目录?

微信小程序开发目录,微信小程序如何开发目录?

时间:2023-07-01 14:05 阅读数:131 人阅读 分类:知识百科

  微信小程序开发目录,微信小程序如何开发目录?微信小程序出现后,小程序的开发也成为很多人关注的问题,微信小程序开发目录也是很多人疑问的问题,今天小编就教大家微信小程序如何开发目录?

  微信小程序开发目录提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。

  微信小程序开发目录分析

  学习一个框架,首先应该了解一下他的目录结构,小程序的目录接口如下图:

  从demo中可以看到主要分为两部分

  1、系统文件或者公用文件

  文件必填作用

  app.js是小程序逻辑,app启动首先会执行该文件内的部分方法

  app.json是小程序公共设置,整个app的系统配置

  app.wxss否小程序公共样式表,可以理解为前端中的base.css

  2、页面文件(page文件夹)

  文件类型必填作用

  js是页面逻辑,可以理解为 php或java的controller,主要来处理业务逻辑

  wxml是页面结构,可以理解为视图层 html

  wxss否页面样式表,可以理解为css文件

  json否页面配置,当前页面配置文件

  下面分别来学习每个文件的具体用法及作用

  app.js

  小程序启动先回执行此文件中的方法,此文件为空,程序也可以正常执行,但通常不会这么做,一般用于执行App方法返回app对象。

  App({

  onLaunch: function () {

  console.log('onLaunch')

  },

  onShow: function () {

  console.log('onShow')

  },

  onHide: function () {

  console.log('onHide')

  },

  other:function(){

  }

  })

  代码中的几个方法,非常类似原生app开发中的生存周期函数,详细解释如下:

  属*类型描述触发时机

  onLaunchFunction生命周期函数--监听小程序初始化当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

  onShowFunction生命周期函数--监听小程序显示当小程序启动,或从后台进入前台显示,会触发 onShow

  onHideFunction生命周期函数--监听小程序隐藏当小程序从前台进入后台,会触发 onHide

  其他Any开发者可以添加任意的函数或数据到 Object 参数中,用 this 可以访问

  当程序启动时,首先会执行onLauch函数,启动成功后会执行onShow,当程序退出活动窗口,会执行onHide函数,程序再次切换到活动窗口会执行onShow。

  注意:

  App() 必须在 app.js 中注册,且不能注册多个。

  不要在定义于 App() 内的函数中调用 getApp() ,使用 this 就可以拿到 app 实例。

  不要在 onLaunch 的时候调用 getCurrentPage(),此时 page 还没有生成。

  通过 getApp() 获取实例之后,不要私自调用生命周期函数。

  以上就是小编整理的微信小程序开发目录,微信小程序如何开发目录的全部内容,希望对大家有所帮助,更多小程序码、小程序资讯请关注微小乔网站。

  相关推荐:

  关于摩拜单车小程序,摩拜单车小程序是什么?

  微信小程序能做游戏吗?微信小程序有些什么游戏?

    微信小程序应用号有哪些?微信小程序值得推荐的小程序应用号