小程序起始篇

微信小程序认识

很久之前就想写点有关小程序的文章了，就是静不下心来，总感觉没什么可以写的，就是类比前端页面，类比vue就可以很好的入门，最近有机会重新的学习一遍，也给了我写这个这篇文章的理由，话不多说，开始进入正题

初识小程序

一 、小程序是什么

微信小程序，我的理解是用最少的东西，做更多的事，给用户提供出色的体验

二、点击小程序发生了什么

• 初始化

  首次打开一个小程序，会从网络上下载小程序代码包进行代码的初始化。之前打开过的小程序，会从本地缓存中加载、匹配、更新内容，更新到微信客户端这个大的宿主环境完成初始化

• 派发onLaunch

初始化完成后小程序会派发onLaunch事件给APP实例。微信客户端开始根据构造器的参数调用APP实例的onLaunch方法，然后进入微信小程序，开始执行有关逻辑

三 、 app触发与小程序的生命周期函数

首先进入初始化数据 ，触发APP实例；根据app实例进行onLoad页面加载，获取路径参数，进行页面onShow渲染。初次渲染进行页面交互触发onReady函数，在进行onShow渲染，页面隐藏的或者进入后台触发onHide函数，再次进入页面重新触发onShow，不在执行onReady，页面渲染后可能会触发onPullDownRefresh 、onReachBottomDistance 最后执行onUload页面卸载

下面事每个函数触发的条件与设置

• onLoad: 页面加载时触发。
  每个页面都只会调用一次，同时可以在 onLoad 的参数中获取打开当前页面路径中的参数。

• onReady 页面初次渲染完成时触发。
  每个页面都只会调用一次，证明页面已经准备妥当，可以和视图层进行交互。特别注意：如果要对界面内容进行设置的 API 如wx.setNavigationBarTitle，需要在onReady之后进行设置

• onShow :页面显示/切入前台时触发。
  可以执行多次，多用再传参

• onHide : 监听页面隐藏 页面隐藏/切入后台时触发。
  如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。同onShow可以进行传参设置

• onUnload :监听页面卸载页面卸载时触发。
  比如redirectTo或navigateBack到其他页面时。

• onPullDownRefresh : 监听用户下拉动作，监听用户下拉刷新事件触发
  首先需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。
  可以通过wx.startPullDownRefresh触发下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

• onReachBottom : 监听用户上拉触底事件。
  可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。在触发距离内滑动期间，这个事件只会被触发一次。

• onShareAppMessage : 用户点击右上角转发触发
  监听用户点击页面内转发按钮（ 组件 open-type=“share”）或右上角菜单“转发”按钮的行为，并自定义转发内容。
  注意：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮，此事件需要 return 一个 Object，用于自定义转发内容

初识小程序小总结：
理解小程序的执行过程与生命周期的使用，比如初始化，常用的onHide 、onShow等才能更好的编写程序，微信小程序的开发是建立再虚拟Dom上的，可以类比vue更好的学习。