微信小程序个人知识点小结2018.7.19

1.使用 wx:for-item 可以指定数组当前元素的变量名，使用 wx:for-index 可以指定数组当前下标的变量名

2.image图片 

         lazy-load懒加载  默认不加载false，只针对page与scroll-view下的image有效

         mode图片的裁剪、缩放模式。

                         裁剪为top、bottom、center、left、left、right、top right、top left、bottom right、bottom left

                         缩放为scaleToFill(不保持纵横比,宽高完全拉伸至填满)、aspectFit(保持，长边完全显示,也就是说，可以完整地将图片 显示出来)、aspectFill(保持，短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取)、widthFix(宽度不变，高度自动变化，保持原图宽高比不变)

3.图片点击预览效果

  //遍历，wx:for-index="i"指定下标参数i

  //懒加载，缩放短边显现，传递参数下标i和图片链接item,点击事件

PreviewCommentImage2: function (e) {

       const subscriptList = e.target.dataset.current.split(',')[0];   //获取下标i  确定点击是哪一条的评论（i下含多条图片）

       const subscriptImage = e.target.dataset.current.split(',')[1];  //获取点击图片的链接

       wx.previewImage({

               current: subscriptImage, // 当前显示图片的http链接

               urls: this.data.details.specialEvaluates[subscriptList].evaluateImg // 需要预览的图片http链接列表，下标i下的所有图片

       })

},

4.省略号  单行...{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width:很重要}

                多行...{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width:很重要}

 

5.中间划掉，text-decoration:line-through

6.加载   loading和wx.showToast的区别：

              wx.showToast加载的时间长度是需要手动设置的，默认1500ms，而loading标签则可以配合数据加载进行隐藏。

              核心就是在数据量较大或者网络情况较差，请使用loading，其他情况使用wx.showToast。

      可以

              data:{

                            hiddenloading:false

             },

       

       xxx(){

          let that=this;

          getApp().request({

               url: getApp().globalData.xxx,

               success: function (res) {

                      that.setData({

                          hidden: true

                      })

              }

        })                                                         

     }