微信小程序从零开始开发步骤(七)引入外部js 文件

上一章讲到小程序页面的四种常见的跳转的方法,这一章写如何引入一个外部的js文件,既utils文件夹的用处,其实步骤很简单:

1:准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库)

微信小程序从零开始开发步骤(七)引入外部js 文件

2:打开util.js ,继续填写重要内容将要使用的方法用module.exports给暴露出来,如图所示(

我暴露了一个方法: imageUtil,若有很多方法,则用json形式)

module.exports = {
imageUtil: imageUtil
}

微信小程序从零开始开发步骤(七)引入外部js 文件

3:将外部js放在指定的文件夹utils里(utils 规定存放js库和数字格式化文件)

微信小程序从零开始开发步骤(七)引入外部js 文件

4:在想要用到这个方法的js里面 require这个js,然后调用即可

(我在index.js文件里面想要调用外部文件util.js,则先要获取应用实例 :var imageUtil = require('../../utils/util.js');调用即可。)

微信小程序从零开始开发步骤(七)引入外部js 文件

阅读链接:

微信小程序从零开始开发步骤(一)搭建开发环境https://www.jianshu.com/p/0ff8c3b2f59f

微信小程序从零开始开发步骤(二)创建小程序页面https://www.jianshu.com/p/fe0db14e2869

微信小程序从零开始开发步骤(三)底部导航栏https://www.jianshu.com/p/89a63dc99839

微信小程序从零开始开发步骤(四)自定义分享的功能https://www.jianshu.com/p/65d9bdb8051d

微信小程序从零开始开发步骤(五)轮播图https://www.jianshu.com/p/bc3261557031

微信小程序从零开始开发步骤(六)4种页面跳转的方法https://www.jianshu.com/p/01a5a6a0fdb9

微信小程序从零开始开发步骤(七)引入外部js 文件https://www.jianshu.com/p/5f2cde64d7f2

微信小程序从零开始开发步骤(八)引入框架WeUI:https://www.jianshu.com/p/fd423b6e17be

上一篇:C# Redis实战(五)


下一篇:Python+Django+js+echarts引入本地js文件的操作方法