小程序知识点总结 .pdfVIP

⼩程序知识点总结

微信⼩程序项⽬结构主要有四个⽂件类型

WXML框架设计的⼀套标签语⾔可以构建出页⾯的结构。内部主要是微信⾃⼰定义的⼀套组件。

WXSS样式语⾔，⽤于描述WXML的组件样式

js逻辑处理，⽹络请求

json⼩程序设置，如页⾯注册，页⾯标题及tabBar。

app.json必须要有这个⽂件因为微信乱加把这个作为配置⽂件⼊⼝，整个⼩程序的全局配置。

app.js必须要有这个⽂件，没有也是会报错！但是这个⽂件创建⼀下就⾏什么都不需要写以后我们可以在这个⽂件中监听并处理⼩程序

的⽣命周期函数、声明全局变量。

app.wxss全局样式

⼦页⾯调⽤公共js对象以便调⽤其⽅法

⼦页⾯想调⽤共公js的⽅法，需先在⼦页⾯js中先实例化app:具体过程如下

//app.js中写⼦页⾯需要调⽤的公共⽅法

App({

//⾃定义公共⽅法

commonFunction:function(){

return公共⽅法

}

})

在需要调⽤的⼦页⾯中

varapp=getApp();//先实例化应⽤

//console.log(app)//可查看公共app.js⾥⾯的⽅法

Page({

data:{

label:monFunction()//⼦页⾯中调⽤公共appjs的⽅法

}

})

微信的架构，是数据驱动的架构模式，它的UI和数据是分离的，所有的页⾯更新，都需要通过对数据的更改来实现。

⼩程序分为两个部分webview和appService。其中webview主要⽤来展现UI，appService有来处理业务逻辑、数据及接⼝调⽤。它们在两个

进程中运⾏，通过系统层JSBridge实现通信，实现UI的渲染、事件的处理

⼀般怎样封装微信⼩程序的数据请求

⼀、将所有的接⼝放在统⼀的js⽂件中并导出

⼆、在app.js中创建封装请求数据的⽅法

三、在⼦页⾯中调⽤封装的⽅法请求数据

有哪些参数传值的⽅法

⼀、给HTML元素添加data-*属性来传递我们需要的值，然后通过e.currentTarget.dataset或但data-名称不能有⼤写字母和不可以存放对象

⼆、设置id的⽅法标识来传值通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的⽅式来传递数值

imagesrc=../../../images/icon_delete.png/text删除/text

//在删除图标与⽂字添加data-index={{index}}⾃定义属性以及绑定点击事件bindtap=delete

viewdata-index={{index}}bindtap=deleteimagesrc=../../../images/icon_delete.png/text删除/text/view

实现delete⽅法，取index下标值

delete:function(e){

varindex=parseInt(e.currentTarget.dataset.index);

console.log(index+index);

}

如果不使⽤e.currentTarget⽽使⽤e.target会怎样？

将会导致仅点中view才能输出index值，点⼦元素image或text将输出NaN。

target是事件的真正发⽣者，currentTarget是注册了事件监听器的对象

e.target是tap点击事件触发的对象（也就是点击的是谁）

e.currentTarget是事件绑定在哪个元素上（也就是这个事件在哪个组件上）。

那target有什么⽤呢，⽤于区分⼦元素与外部元素要分别处理时，⽐如换⽤户头像的场景，点击头像本⾝预览⼤图，⽽头像所在的点整⼀

⾏，将是切换头像。

试图从index数据中找出相应元素删除地址

//找到当前地址AVObject对象

varaddress=that.data.addressObjects[index];//给出确认提⽰框

wx.showModal

({

title:确认,content:要删除这个地址吗？,

success:function(res){

if(res.confirm){//真正删除对象address.destroy().then(function(success)

//{删除