微信开发者工具笔记

1。触摸事件：bindtap，touch，click(延迟300s)

2。长按时间：longtap，longpress

3。阻止冒泡捕获：catchtap

4。全局变量使用：在app.js里面globalData属性

App({

  globalData: {
    userInfo: '123',
    
  }
})

在其他页面使用

//其他js文件
var app = getApp();
Page({
    onLoad: function() {
        console.log(app.globalData.userinfo)
    }
})

在其他页面修改gobalData全局变量

var app = getApp();
Page({
    onLoad: function() {
        getApp().globalData.username= "kaka";
    }
})

5。监听tabbar切换函数，在page里面添加onTabItemTap事件，只能监听从别的页面进入到这个添加了onTabItemTap事件的页面

onTabItemTap(item) {
    console.log(item)}

6。引入框架组件的配置

 在project.config.json文件中配置setting

"setting":{
 "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./"
      }
    ],
}

将 app.json 中的 “style”: “v2” 去除，避免组件样式混乱。

命令行输入npm install @vant/weapp

安装完成后，最后在工具-》构建npm，

使用方法

json文件中配置使用vant组件
{
  "usingComponents": {
    "van-empty": "@vant/weapp/empty/index",
    "zp-cards":"/components/zp-cards/zp-cards"

  }
}