小程序零散知识

1. 无法在小程序的事件中直接传参，
   需要通过自定义属性来传参，
   然后在事件源中获取自定义属性

//错误示例
<button bindtap="handleNum(1)">+1</button>
<button bindtap="handleNum(-1)">-1</button>




//正确示例
<button bindtap="handleNum" data-operand="{{1}}">+1</button>
<button bindtap="handleNum" data-operand="{{-1}}">-1</button>

  handleNum(e) {
    const operand = e.currentTarget.dataset.operand;
    this.setData({
      num: this.data.num + operand
    })
  }

2. 引入wxss时，用@import语句，并且只能使用相对路径

@import '../../style/global.wxss';

3. wxss不支持*通配符匹配所有元素

4. image组件（图片标签）存在默认宽高（width:240px, height: 320px)

5. 不要直接修改this.data.数据

//推荐做法: 深拷贝
let tabs = JSON.parse(JSON.stringify(this.data.tabs));

6. 文本在超出第n行后显示...

        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;

7. 字符串替换：

//js替换文件格式后缀
str.replace(/\.webp/g, '.jpg');

8. target和currentTarget的区别，currentTarget为当前事件所绑定的组件，而target则是触发该事件的源头组件。

9. 跳转到分包页面
   https://developers.weixin.qq.com/ebook?action=get_post_info&docid=000c8a2f9ac0b0ab0086aafeb5d80a

//test.wxml
<navigator url="/packageA/pages/cat/cat">to cat</navigator>

//app.json
{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/test/index"
  ],

  "style": "v2",
  "sitemapLocation": "sitemap.json",
  "subPackages": [
    {
      "root": "packageA",
      "pages": [
        "pages/cat/cat"
      ]
    }
  ]
}