文档介绍:微信小程序框架解析
Softeem•标
一、小程序介绍和演示
微信小程序是台,用户和开发者可以在依据 腾讯发布的API文档与微信Web开发者工具进行开发,其程序主要有以下几个特点:
1、 类Web的span.. dhrB1„„
罔片
rm*ge
img
audio
■ftudio
video
video
啤
map
map
Qfiriv瞧
四、小程序逻辑层
前面讲完了小程序的界面神图层,现在来讲讲逻辑层。
微信小程序的逻辑层将数据处理以后发送给神力层,同时接受视图层的事件反馈
i
var app ■=- getAppC)
var app =配t梆《);
2
,■■jr sarvcr ■- naquirs-(' --/u i/utils/sGr^r''}j
3
PaE
4
片
i ■■-
-奂叼乾明蜡ss堂
1 prop eft/I onLc>ad:Q => void
6
cnLaadl: function () (
data: {
心十 seH = this?
s
1
■MKug,etLcKati0n((
Q
}/
typ?:
IS
success? function (r«) {
广
var latitude = ^
12
H牛盼;SI明晌靓--监顷页面g
i■日「 IcngitudG- - rG-s-Jongituca;
15
7
server,getJ5CN(*/wsina i/api/location Pphp * 9
Id.
anLciad: "Functian (口ptiwis ) {
1-atitudei latitude.
15
longitude: longitude
16
]-
}P iunctixin (resJ {
17
coflM-le. log(re&)
IB
L
If ( != -i) {
19
-生念局期幽妆--监听ill面初活宜既完
selfrSetData((
29
T
addressi
21
onftejhdy: function〔} (
re-i. data. resdit』addreiii_£ai^^ni: u um 盹『
22
D;
23
h
} else {
2d.
self,setData({
1、上图就是一个微信小程序的逻辑代码,通过这些代码,我们来分析一下:
1、 App()是小程序的入口,Page()是页面的入口
2、 微信提供了丰富的API,如微信定位,微信扫一扫,微信支付等功能
3、 每个页面有独立的作用域,并提供模块化能力
在逻辑的代码里面,可以进行数据绑定,事件分发,生命周期管理,跌幅管理等功能
上图是微信小程序的生命周期图,微信小程序的页面中,常用的生命周期回调函数有 onLoad,onShow,onReady,onHide,具体的执行顺序可看上图。
必
API
/柞
reqtiwi
1■恃下■
WebSwke