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" //顶部显示颜色为白色的三个点
}