微信小程序各种坑？填坑tip

1.注释快捷键

试了常用的ctrl shift / 并没有什么卵用。百度发现也没有提到微信小程序注释快捷键的。

偶然想起之前在visual 中开发的快捷注释是 ctrl k ctrl c ，试了试，成功注释。

总结：注释——Ctrl K Ctrl C 反注释——Ctrl K Ctrl U

【高亮】 经评论提示发现Ctrl+/就可以成功注释了！

2.全局查找快捷键

ctrl shift F 

 

3.map组件在真机上的层级总是最高的，覆盖掉其他组件

查询微信开发者社区FAQ，发现

 

解决方法，利用controls。微信目前文档中，关于controls部分如下

 

controls

 

在地图上显示控件，控件不随着地图移动

属性	说明	类型	必填	备注
id	控件id	Number	否	在控件点击事件回调会返回此id
position	控件在地图的位置	Object	是	控件相对地图位置
iconPath	显示的图标	String	是	项目目录下的图片路径，支持相对路径写法，以'/'开头则表示相对小程序根目录
clickable	是否可点击	Boolean	否	默认不可点击

如果是简单的点击交互可以实现，

 

controls: [{
      id: 1,
      iconPath: '/resources/location.png',
      position: {
        left: 0,
        top: 300 - 50,
        width: 50,
        height: 50
      },
      clickable: true
    }],

 controltap(e) {
    console.log(e.controlId);
    if(e.controlId==1){
      //do sth. when click
    }
  }