微信小程序开发入门教程|微信小程序开发主要技术

微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想，用户扫一扫或搜一下即可打开应用。下面简单介绍一下开发入门

一、注册小程序账号

1、进入微信公众平台 2、点击立即注册

3、选择小程序 4、填写信息注册即可 5、绑定开发者 6进入“设置-开发设置”，获取AppID信息。 二、下载微信web开发者工具 1点击小程序后的查看详情 2、选择开发者工具 3、下载对应系统版本的应用程序 4、安装开发工具 三、编写小程序实例 1、打开工具点击小程序项目 2、填写相应信息，点击确定 3、实例目录结构 4、appjs是小程序的脚本代码（必须），可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量，调用框架提供的丰富的 API。 5、appjson是对整个小程序的全局配置（必须），用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。微信小程序中的每一个页面的路径+页面名都需要写在appjson的pages中，且pages中的第一个页面是小程序的首页。 6、appwxss是整个小程序的公共样式表（非必须）。 7、indexjs 是页面的脚本文件（必须），在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。 8、indexwxml是页面结构文件（必须）。 9、indexwxss是页面样式表文件（非必须），当有页面样式表时，页面的样式表中的样式规则会层叠覆盖appwxss中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用appwxss中指定的样式规则。 10、在编辑配置好后点击真机调试 11、手机微信扫描二维码 12、自动d出调试窗口，通过真机调试能够更好的测试小程序

周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信 小程序 的生命周期：

应用生命周期

页面生命周期

应用生命周期影响页面生命周期

应用生命周期

1、用户首次打开小程序，触发 onLaunch（全局只触发一次）。

2、小程序初始化完成后，触发onShow方法，监听小程序显示。

3、小程序从前台进入后台，触发 onHide方法。

4、小程序从后台进入前台显示，触发 onShow方法。

5、小程序后台运行一定时间，或系统资源占用过高，会被销毁。

前台、后台定义： 当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。需要注意的是：只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。

页面生命周期

1、小程序注册完成后，加载页面，触发onLoad方法，一个页面只会调用一次。

2、页面载入后触发onShow方法，显示页面，每次打开页面都会调用一次。

3、首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。

4、当小程序后台运行或跳转到其他页面时，触发onHide方法。

5、当小程序有后台进入到前台运行或重新进入页面时，触发onShow方法。

6、当使用重定向方法wxredirectTo(OBJECT)或关闭当前页返回上一页wxnavigateBack()，触发onUnload

wxnavigateTo跳转状态下，页面A和页面B的生命周期逻辑

1、进入A页面：A执行onLoad()-->onShow()-->onReady()；

2、A页面navigateTo B页面：A执行onHide()，B执行onLoad()-->onShow()-->onReady()；

3、B页面返回A页面：B执行onUnload()，A执行onShow()；

4、退出A页面：A执行onUnload()。

应用生命周期影响页面生命周期

1、小程序初始化完成后，页面首次加载触发onLoad，只会触发一次。

2、当小程序进入到后台，先执行页面onHide方法再执行应用onHide方法。

3、当小程序从后台进入到前台，先执行应用onShow方法再执行页面onShow方法。

小程序加速度计api一共就三个方法。

1、wxonAccelerometerChange(CALLBACK) 监听加速度数据，频率：5次/秒，接口调用后会自动开始监听，每调用一次就会注册一个。

2、wxstartAccelerometer(OBJECT) 开始监听方法

坑来了。。。没错就是第三方法

3、wxstopAccelerometer(OBJECT) 停止监听，这个方法是停止了监听，再晃动手机不会走回调方法了， 但是它并不移除监听

那么问题来了，在某个页面每调用一次第一个api它就会注册一个监听，第三个api并不能移除掉监听，导致你再次开启的时候就会有多个回调方法在同时进行。就会出现问题。那么怎么避免呢？

解决方法：在微信小程序启动的时候就调用监听方法，在回到方法中通过pages能够获取到当前的页面，在当前页面调用你想回调的方法就好了。

onLaunch: function () {

    wxonAccelerometerChange((e) => {

       var pages = getCurrentPages()var currentPage = pages[pageslength - 1]

       if (currentPageonAccelerometerChange) {

          currentPageonAccelerometerChange(e)

       }

    })

}

之后就可以在当前页面中的onAccelerometerChange(e)方法做你想做的事情了

以上就是关于微信小程序开发入门教程|微信小程序开发主要技术全部的内容，包括:微信小程序开发入门教程|微信小程序开发主要技术、微信小程序生命周期（onLoad，onHide，onShow，onReady，onUnload）、微信小程序加速度计api的使用以及坑坑坑等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！