「小程序JAVA实战」 小程序抽离公用方法进行模块化（12）
2024-08-25 12:29:28
转自：https://idig8.com/2018/08/09/xiaochengxu-chuji-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 + ” !” 这种。
最新文章
- elk系列6之tcp模块的使用
- svn提交自动同步到web目录
- java 名词解释等
- quartz.net 基于数据库的简单实现
- struts_ognl详解
- Promise 异步执行的同步操作
- CUDA samples 2.3节 用CUDA示例来创建CUDA项目
- 递归——CPS（三）
- MongoDB 查询文档
- vue.js 系列教程
- Java开发面试题整理（2019春招）
- [数据可视化之一]Pandas单变量画图
- source from Other`s
- 机器学习进阶-项目实战-信用卡数字识别 1.cv2.findContour(找出轮廓) 2.cv2.boudingRect(轮廓外接矩阵位置) 3.cv2.threshold(图片二值化操作) 4.cv2.MORPH_TOPHAT(礼帽运算突出线条) 5.cv2.MORPH_CLOSE(闭运算图片内部膨胀) 6. cv2.resize(改变图像大小) 7.cv2.putText(在图片上放上文本)
- Subset II leetcode java
- jenkins Build Flow job 输入参数获取和传递
- python全栈开发-面向对象-进阶
- 手机上编程，编写android apk
- js写css（）方法，记得加引号“ ”，除非是数字
- Bash脚本编程总结