微信小程序之细节注意点

小程序为数据驱动。没有dom

手机适应属性: rpx

页面跳转： API导航中

数据绑定：参照vue双括号（ {{数据}} ）。（行间样式绑定小不同一个双一个是单）

双括号中还可以写简单的逻辑运算，三元，

网络请求：api

修改数据，需要经过 setData()  （如果设置没有的数据 则是添加数据，这里有个底层封装异步过程，但是在试引用类型的时候有问题，怀疑是没做深克隆处理）

列表循环：wx:for  (vue的 v-for) 在微信中 他帮你定义好了 循环后的每个元素为itme 索引为index

 如果需要自己定义 这需要通过 wx：for-item = “xxx”  同理index也一样。

我们也需要给组件添加唯一标识 wx:key=“” (不需要双括号。提高性能)

如果两个不关联组件使用一个循环中的数据  我们可以用一个表情<block></block> （相当于vue中的模板标签）包裹

小程序交互 API：

对于事件中的 事件源对象e 中的currentTarget 和 target 

target：事件源组件对象

currentTarget：当前组件对象

一般我们使用currentTarget中的数据 

转发功能：组件中的button

功能看组件。主要是去除button原生样式，边框是伪元素

条件渲染：wx:if

缓存：

缓存的设置方式: get缓存 （第一次没有缓存，需要将缓存保存为空对象。然后保存到setData中），对缓存数据进行操作。

操作完成后发送新缓存

现获取数据缓存  get（没有缓存为undefined，所以需要设置成空对象）

通关缓存设置需要的数据。

tap事件判断：==> 1.查文章索引 。listlike取出  通过索引判断是否喜欢，然后取反

                              2.重新设置listlike

                              重新设置缓存 

页面间的数据传递：

wx.navigateTo({})

onLoad: function(options) {

}

options 为接收其他页面传的数据 问号后面是需要传递的数据

不能传对象，能传字符串和数组，数组会变成多个字符串（先通过JSON处理）

 

页面样式复用：

对于重复的样式。我们可以创建一个公用的样式文件。几个页面都用到文章列表样式，所以在pages下创建公用commonlist.wxss

引用方式 在需要的页面  @import "../commom-list.wxss"; 引入（需要加分号） 路径看文件来定。

函数复用（工具类函数）：

比如很多页面都用到数据请求，这时候我们可以把数据请求这个方法给封装起来放在一个文件中，在其他js页面引入

添加和导出方式

WXS（小程序自己的原生脚本语言）：框架目录中

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/

WXS的引出和引入。和对单列上添加属性，引入在WXML文件中

第二种引入。require函数参数为WXS文件地址。这是引入在js文件中

WXS组件的必填特性 module=‘xxx’ 组件名

WXS语法的变化，如正则的使用。其他一些细微的改变，底层原理不变、可以参考官方文档

（自测，不能使用let）

小程序文章：web-view  (开放能力中) 自动换行。等等。

视频，轮播图。音乐等功能。

icon（组件中）的使用