「小程式JAVA實戰」 小程式抽離公用方法進行模組化(12)
原創文章,歡迎轉載。轉載請註明:轉載自IT人故事會,謝謝!
原文連結地址:「小程式JAVA實戰」 小程式抽離公用方法進行模組化(12)
小程式的模組化,把磚磊成一個墩子,用的時候把整個墩子移走。js更好的呼叫,應用更加公用化。原始碼:https://github.com/limingios/wxProgram.git 中的No.7
小程式的模組化
抽離通用方法作為通用函式
構建utils-common類
- 官方的闡述
https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/module.html
- 程式演示
events.js
//events.js
//獲取應用例項
const app = getApp()
var common = require('../untils/common.js')
Page({
data: {
motto: 'Hello World',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
clickMe: function(e){
console.log("你點選我這裡出來了!")
console.log(e)
console.log(e.currentTarget.dataset.fordate)
common.sayHello("公眾號:程式設計坑太多")
common.sayGoodbye("[程式設計坑太多]")
}
})
common.js
// common.js
function sayHello(name) {
console.log(`Hello ${name} !`)
console.log("Hello "+name+" !")
}
function sayGoodbye(name) {
console.log(`Goodbye ${name} !`)
console.log("Goodbye " + name + " !")
}
module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye
PS:需要注意的是
console.log(`Goodbye ${name} !`)
console.log("Goodbye " + name + " !")
區別如果用了 ${} 最外層需要用``符號,如果你喜歡老套路可以按照我的 "Goodbye " + name + " !" 這種。
相關文章
- 「小程式JAVA實戰」小程式模組頁面引用(18)Java
- 「小程式JAVA實戰」小程式的表單元件(25)Java元件
- 「小程式JAVA實戰」小程式的上傳(終結)(72)Java
- 小程式實戰—答題類小程式
- 「小程式JAVA實戰」小程式影片列表到詳情功能(58)Java
- 微信小程式模組化開發實踐微信小程式
- 微信小程式教學第二章(含視訊):小程式中級實戰教程之預備篇 – 提取util公用方法微信小程式
- 微信小程式教學第二章(含視訊):小程式中級實戰教程之預備篇 - 提取util公用方法微信小程式
- 「小程式JAVA實戰」小程式的影片點贊功能開發(62)Java
- 微信小程式抽獎-翻牌微信小程式
- 微信小程式-模組化和模版化微信小程式
- 乾貨|優酷小程式優化實戰優化
- 程式碼分割與懶載入情況下(code-splitting+lazyload)抽離懶載入模組的公用模組程式碼
- Excel VBA活動抽獎小程式Excel
- 微信小程式:抽獎轉盤微信小程式
- 微信小程式翻牌抽獎效果微信小程式
- 簡易版抽獎小程式
- 「小程式JAVA實戰」 小程式wxss樣式檔案的使用(七)Java
- 微信抽獎小程式如何製作?教你快速製作微信公眾號抽獎小程式!
- 【微信小程式】掃碼付小程式優化實踐微信小程式優化
- 微信小程式支付接入實戰微信小程式
- Day7-微信小程式實戰-交友小程式首頁UI微信小程式UI
- 小程式優化實踐優化
- python——公司年會抽獎小程式Python
- 半小時擼一個抽獎程式
- 抽獎小程式資料庫設計資料庫
- 小程式API進行promise封裝APIPromise封裝
- Taro + 小程式雲開發實戰
- CI Weekly #12 | 微信小程式的自動化測試進階微信小程式
- 小程式 · 常用方法
- 微信小程式元件化(下):程式碼實現微信小程式元件化
- 【小程式】微信小程式開發實踐微信小程式
- 小程式開發教程:廣告公司如何結合小程式進行品牌推廣?
- Day12-微信小程式實戰-交友小程式-搭建伺服器與上傳檔案到後端微信小程式伺服器後端
- 微信小程式入門到實戰(三)微信小程式
- 小程式·雲開發實戰 - 迷你微博
- 小程式雲開發專案實戰
- 小程式實戰:線上借書平臺