微信小程序全局引入公共方法

微信小程序中的全局引入公共方法，通常是在`app.js`文件中设置。`app.js`是整个小程序应用的入口文件，它负责初始化并管理全局变量和共享函数。如果你想创建一些可以被所有页面复用的公共方法，你可以这样做：

1. **在`app.js`中创建模块**：首先，在`app.js`的顶部，通过`module.exports`导出一个对象，这个对象包含你的公共方法。例如：

   var app = getApp();
   module.exports = {
     sayHello: function(name) {
       console.log('Hello, ' + name);
     }
   };

2. **在需要使用的地方导入**：在其他需要使用这个方法的js文件（如`page/index.js`）里，通过`import`语句从`app.js`中引入该模块：

   const util = require('../../../common/app');
   util.sayHello('World'); // 调用sayHello方法

注意，`../../../common/app`表示当前页面文件位于`app.js`的上两级目录，`common`文件夹内。

相关问题

微信小程序全局引入vant组件

微信小程序全局引入vant组件主要是为了在小程序中方便使用vant-weapp这个组件库。Vant Weapp是基于Vant移动端组件库，专门为微信小程序定制的一套组件库，使得小程序开发者可以快速接入并使用这些常用的组件。下面是在小程序中全局引入vant组件的步骤：

1. 下载安装vant-weapp组件库。可以通过npm进行安装，也可以从官网下载相应的文件包。

2. 在小程序项目的`app.json`文件中，使用`usingComponents`字段来声明需要全局引入的vant组件。例如，如果你想全局使用按钮组件，需要在`app.json`中添加如下代码：

   "usingComponents": {
       "van-button": "@vant/weapp/button/index"
   }

3. 引入vant-weapp的样式文件。在`app.wxss`文件中，你需要引入vant-weapp的全局样式文件，以确保组件样式正常显示。代码如下：

   @import "@vant/weapp/index.wxss";

4. 引入vant-weapp的基础库。在小程序的`app.js`文件中，引入vant-weapp的基础库，用于全局注册组件，代码如下：

   require('@vant/weapp');

5. 开始使用组件。在任何小程序页面的`.wxml`文件中，你现在可以直接使用注册过的组件标签来使用vant组件了。比如使用按钮组件：

   <van-button type="primary">主要按钮</van-button>

通过以上步骤，vant组件就可以在你的微信小程序全局范围内使用了，使得页面组件化更加方便快捷。

微信小程序，全局引入字体

在微信小程序中，全局引入字体通常涉及两个步骤：首先，在服务器上托管字体文件，然后在小程序配置中引用并授权访问。

1. **上传字体文件到服务器**：
- 将你需要的字体文件（如.ttf、.otf、.woff或.woff2格式）上传到你的服务器，确保该URL是安全的，不会受到跨域限制。
- 配置好访问路径，例如 `https://yourdomain.com/font.ttf`。

2. **在小程序中引用字体**：
- 打开项目的 `app.json` 文件，找到 `"globalStyle"` 字段。
- 在这里添加一个新的键值对，例如：

     "globalStyles": {
       "@font-face": [
         {
           "src": [
             "url('https://yourdomain.com/font.ttf')",
             "local('YourFontName')" // 字体名称
           ],
           "descriptors": [],
           "weight": "",
           "style": ""
         }
       ]
     },

- `src` 子项指定了字体文件的 URL，`local` 子项是你为该字体定义的本地名称，方便在CSS中引用。

3. **在CSS中使用字体**：
- 在你的 CSS 文件中，可以像处理普通字体一样使用 `@font-face` 定义的字体，例如：

     .your-class-name {
       font-family: 'YourFontName', sans-serif;
     }

4. **权限设置**：
- 如果字体文件来自第三方服务器，记得在小程序的配置文件 (`project.config.json`) 中设置相应的网络请求白名单，允许访问该域名。

注意，由于微信小程序对资源加载有一定的控制，你可能需要确保字体文件足够小，并优化加载性能。