微信小程式從零開始開發步驟(七)引入外部js 檔案

2022-09-02 15:18:11 字數 933 閱讀 4228

上一章講到小程式頁面的四種常見的跳轉的方法,這一章寫如何引入乙個外部的js檔案,既utils資料夾的用處,其實步驟很簡單:

1:準備好外部想要引入的外部檔案,命名為util.js,並且填充固定的檔案內容(一般是固定的庫)

2:開啟util.js ,繼續填寫重要內容將要使用的方法用module.exports給暴露出來,如圖所示(

我暴露了乙個方法: imageutil,若有很多方法,則用json形式)

3:將外部js放在指定的資料夾utils裡(utils 規定存放js庫和數字格式化檔案)

4:在想要用到這個方法的js裡面 require這個js,然後呼叫即可

(我在index.js檔案裡面想要呼叫外部檔案util.js,則先要獲取應用例項 :var imageutil = require('../../utils/util.js');呼叫即可。)

文末福利:

【文末福利】

微信小程式從零開始開發步驟(七)引入外部js 檔案

上一章講到小程式頁面的四種常見的跳轉的方法,這一章寫如何引入乙個外部的js檔案,既utils資料夾的用處,其實步驟很簡單 1 準備好外部想要引入的外部檔案,命名為util.js,並且填充固定的檔案內容 一般是固定的庫 2 開啟util.js 繼續填寫重要內容將要使用的方法用module.export...

微信小程式從零開始開發步驟(七)引入外部js 檔案

上一章講到小程式頁面的四種常見的跳轉的方法,這一章寫如何引入乙個外部的js檔案,既utils資料夾的用處,其實步驟很簡單 1 準備好外部想要引入的外部檔案,命名為util.js,並且填充固定的檔案內容 一般是固定的庫 2 開啟util.js 繼續填寫重要內容將要使用的方法用module.export...

微信小程式從零開始開發步驟(八)引入框架WeUI

首先來看下weui的官方介紹 2 我們只需要將weui wxss master dist style weui.wxss檔案匯入到小程式專案的根目錄下 5 根元件使用class page 6 頁面骨架 7 除此之外都是按照weui 開頭後接元件名稱,例如class weui footer 我是頁尾上...