微信小程序

一、适用快捷键ctrl+d

选择某段文字：然后不停的ctrl+d 按一次选择一个相同内容。

二、npm vant组件 安装 

安装前必须确保项目中存在 package.json文件，如果没有，进入到当前目录录入命令

npm init -y

 三、微信小程序使用Vant报错： miniprogram_npm/@vant/weapp/action-sheet/index　　或 Error: xxx.js 已被代码依赖分析忽略，无法被其他模块引用”报错

解决：设置——项目设置——本地设置  “将JS编译成ES5” 勾选 取消，然后再勾选。如果不行再“上传时过滤无依赖文件”勾选 取消，然后再勾选。

四、小程序-API Promise化  处理回调函数

https://blog.csdn.net/weixin_55800388/article/details/125581109

五、全局数据共享 mobx-miniprogram、mobx-miniprogram-bindings  store

1. 安装

npm install --save mobx-miniprogram mobx-miniprogram-bindings

2.创建 MobX Store

3.使用

// custom-tab-bar/index.js 
// 全局变量 全局数据共享 MobX Store 使用
import { storeBindingsBehavior } from 'mobx-miniprogram-bindings'
import{store} from '../store/store'

Component({
  //和data平级
  behaviors:[storeBindingsBehavior],
  storeBindings:{
    store,
    //将store 中的字段 映射到当前页
    fields:{
      sum:'sum'
    } 
  }  ,
  // 监听
  observers:{
    //当sum值发生变化
    sum:function(val){
      this.setData({
       'list[1].info':val
      })
    }
  },
  options:{
    //启动组件自定义样式
    styleIsolation: 'shared'
  },
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    active: 0,
    "list": [
      {
　　　　　　// tabbar 里面的路径必须以斜线开头
        "pagePath": "/pages/home/home",
        "text": "首页",
        "iconPath": "/images/tab/home.png",
        "selectedIconPath": "/images/tab/home-active.png"
      },
      {
        "pagePath": "/pages/message/message",
        "text": "消息",
        "iconPath": "/images/tab/message.png",
        "selectedIconPath": "/images/tab/message-active.png",
        info:0
      },
      {
        "pagePath": "/pages/contact/contact",
        "text": "联系我们",
        "iconPath": "/images/tab/contact.png",
        "selectedIconPath": "/images/tab/contact-active.png"
      }
    ]
  }

})

 可参考：https://www.jianshu.com/p/0c6657900f29

官网：https://github.com/wechat-miniprogram/mobx-miniprogram-bindings

六、分包

 

七、其他资源：

 由于平台的限制，小程序项目中不支持 axios，而且原生的 wx.request() API 功能较为简单，不支持拦截器等全局定制的功能。因此，建议在 uni-app 项目中使用 @escook/request-miniprogram 第三方包发起网络数据请求。

请参考 @escook/request-miniprogram 的官方文档进行安装、配置、使用

官方文档：https://www.npmjs.com/package/@escook/request-miniprogram