微信小程序（九）实现首页代码

swiper

滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行誉陆为。

swiper-item 仅可放置在swiper组件中，宽高自动设置为100%。

列表渲染

条件渲染

dataset

在组件节点中可以附加一些自定义数据。这样，在事件中可以获取这些自定义的节点数据，用于事件的逻辑处理。

在 WXML 中，这些自定义数据以 data- 开头，多个单词由连字符 - 连接。这种写法中，连字符写法会转换成驼峰写法，而大写字符会自动转成小写字符。如：

navigateTo

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

redirectTo

关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

switchTab

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。

没铺开直接赋值的打印结果：(打开注释)

不加...

铺开后庆清顷赋值的打印结果：(打开注释)

onPullDownRefresh

onPullDownRefresh()方法，用于监听用户下拉刷新事件正芦。

需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。

onReachBottom()方法，用于监听用户上拉触底事件。

微信小程序regexp对象（附带方法解析）

getRegExp(pattern[, flags])，参数：

最枣卖燃近开发支付宝小程序，记录一下遇到的坑

1 sjs只支持从sjs文件中凳虚导入模块，不能配瞎从其他js中引入。这个限制，只能在sjs里写一些小功能。

2 sjs不支持正则！sjs支持es6语法，这比微信小程序的wxs要进步一些。在 SJS 自定义脚本中不支持直接 new RegExp() 构造 regexp 对象，生成 regexp 对象需要使用 getRegExp 函数。例如：

3 下拉刷新开启，需要在app.json的window项 和页面的page.json 同事这种：pullRefresh:true

4 sjs中不能使用new 语法， new Date() 可以用 Date 替代

5 ref 有bug。 页面中多个子组件ref, 设置和提取不成功。

6 不能通过 import的方式导入本地图片等静态资源，只能通过写相对路径字符串的方式去调整图片的引用。

总结一下：

搞了一天的支付宝小程序。这些小程序做的呀，真的不知道该怎么说。为了安全，做一些限制可以理解。但是各家都自己搞一套非标准的东西，让我们这些开发人员真难受。这里面最典型的就是wxs/sjs。这种东西，就不应该出现。这东西太坑了。

1. const getInf = (str, key) =>str.replace(new RegExp(`${key}`, 'g'), `%%${key}%%`).split('%%')

2.封装对应的方法

data 为需要匹配瞎纯的数据  keyWord为关键字  seachName为数据中对应的对象知缓名磨猛咐

seachRedText(data,keyWord,seachName){//查找关键字

    let that = this

              for (let i = 0i <data.lengthi++) {

                  let dic = data[i]

                  let newDic = data[i]

                  let text = dic[seachName]

                  newDic[seachName] = getInf(text,keyWord)

              }

      return data

  }

3.使用  res.data.rescueList = this.seachRedText(res.data.rescueList,this.data.keyWord,'name')

4.案例

5.效果

---