C#程序员入门学习微信小程序的笔记

前言

因为工作需要，最近学习了一下微信小程序，在此分享一下大概的流程。

强烈建议大家先去看微信小程序简易教程：点我进入

起步

客户端打开小程序的时候，就将代码包下载到本地进行解析，首先找到了根目录的 app.json ，知道了小程序的所有页面。

在这个Index页面就是我们的首页，客户端在启动的时候，将首页的代码装载进来，通过微信的机制，就渲染出来了页面。

App({ onLaunch() { // 小程序启动之后 触发 }})

小程序在启动的时候，首先通过 App() 定义的 App() 实例的 onLaunch  方法，这个方法是各个页面共享的，当然还有更多的回调事件。

Page({ data: { text: 'init data', array: [{msg: '1'}, {msg: '2'}] }})

在页面加载时，data这个属性会提供给页面使用，会以Json的形式返回给前端，然后我们可以试着把这个值渲染在页面上。

<view>{{text}}</view><view>{{array[0].msg}}</view>

 小程序页面中还有很多的方法，像 onReady() 当页面加载妥当，可以进行交互的时候触发，还有小程序被切入后台的 OnHide() 事件。当然这些都是应用级的事件，还有一些和用户亲密交互的事件，官方称这种叫做页面事件处理函数。

像最操蛋的是微信小程序没有下拉事件 onPullDownRefresh() ，这个东西自己搞，我也是福气了，不过也对，这东西解耦，就当我刚才说的是放屁。。。例如以下代码。

在.json文件里设置 "enablePullDownRefresh": true,用于开启页面下拉加载效果，可以当前页设置也可以全局设置；

{　　//当前页 "enablePullDownRefresh": true //当前页 "backgroundTextStyle": "dark" //顶部显示颜色为深色的三个点}

 "window": { //全局 "enablePullDownRefresh": true //全局 "backgroundTextStyle": "dark" //顶部显示颜色为白色的三个点 }

然后在某个页面的js中，去写一个下拉事件，然后例如这样的。

onPullDownRefresh:function(){ var that = this; that.setData({  currentTab: 0 //当前页的一些初始数据，视业务需求而定 })　　　　wx.startPullDownRefresh()；this.onLoad(); //重新加载onLoad() console.log('i am refreshing....'); }