微信原生小程序

204 阅读2分钟

小程序

示例项目

github.com/opendigg/aw…

1.集成vant weapp

blog.csdn.net/u010194271/…

概念总结文档

blog.csdn.net/cozy666/art…

自定义组件的所有属性

developers.weixin.qq.com/miniprogram…

subpackages 分包

blog.csdn.net/qq_54714468…

分包预下载

{
  "pages": ["pages/index"],
  "subpackages": [
    {
      "root": "important",
      "pages": ["index"],
    },
    {
      "root": "sub1",
      "pages": ["index"],
    },
    {
      "name": "hello",
      "root": "path/to",
      "pages": ["index"]
    },
    {
      "root": "sub3",
      "pages": ["index"]
    },
    {
      "root": "indep",
      "pages": ["index"],
      "independent": true
    }
  ],
  "preloadRule": {
    "pages/index": {
      "network": "all",
      "packages": ["important"]
    },
    "sub1/index": {
      "packages": ["hello", "sub3"]
    },
    "sub3/index": {
      "packages": ["path/to"]
    },
    "indep/index": {
      "packages": ["__APP__"]
    }
  }
}

组件通信

properties,triggerEvent,this.selectComponent 方法获取子组件实例对象 developers.weixin.qq.com/miniprogram…

跳转页面带参数

blog.csdn.net/MANONGDKY/a…

observers

组件数据字段监听器,用于监听 properties 和 data 的变化,参见 数据监听器

按需注入 app.json

"lazyCodeLoading": "requiredComponents",

behaviors

behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins” 或 “traits”。 每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。  每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior 。 在微信小程序中,可以使用behaviors(行为)来实现页面之间的代码复用。behaviors 是一种可以被多个组件或页面共享的代码块,可以包含一组属性、数据、方法等。

要给页面应用 behaviors,可以按照以下步骤进行操作:

  1. 在你的小程序项目中创建一个名为 behaviors.js(文件名可以自定义)的 JavaScript 文件,用于定义你的 behaviors
  2. behaviors.js 文件中,使用 module.exports 导出一个对象,该对象包含你希望共享的属性、数据和方法。示例如下:
module.exports = {
  data: {
    // 共享的数据
    sharedData: 'Hello, behaviors!'
  },
  methods: {
    // 共享的方法
    sharedMethod: function() {
      console.log('This is a shared method.');
    }
  }
};
  1. 在需要使用 behaviors 的页面,通过 usingComponents 字段引入 behaviors.js,并在页面的 behaviors 属性中使用该 behaviors。示例如下:
{
  "usingComponents": {
    "behaviors": "/path/to/behaviors.js"
  },
  "behaviors": ["behaviors"]
}
  1. 现在,你可以在页面中直接使用 behaviors 中定义的属性、数据和方法。示例如下:
Page({
  onLoad: function() {
    console.log(this.data.sharedData); // 输出:Hello, behaviors!
    this.sharedMethod(); // 输出:This is a shared method.
  }
});

通过以上步骤,你可以将 behaviors 应用到页面中,从而实现代码的复用和共享。请确保文件路径和文件名正确,并注意 behaviors 中定义的属性、数据和方法的命名不要与页面中的其他内容冲突。

externalClasses

用于在自定义组件中将外部样式类传递到组件内部,以实现样式的复用和定制。 blog.csdn.net/zz00008888/…

样式隔离

blog.csdn.net/Hang_Q/arti…