zoukankan      html  css  js  c++  java
  • 「小程序JAVA实战」 小程序抽离公用方法进行模块化(12)

    转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-12/

    小程序的模块化,把砖磊成一个墩子,用的时候把整个墩子移走。js更好的调用,应用更加公用化。源码:https://github.com/limingios/wxProgram.git 中的No.7

    小程序的模块化

    • 抽离通用方法作为通用函数
    • 构建utils-common类

    1. 官方的阐述
      >https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/module.html

    1. 程序演示

    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 + ” !” 这种。

  • 相关阅读:
    hdu2476
    zoj3469 区间dp好题
    区间dp好题cf149d 括号匹配
    cf1108e 线段树区间更新+扫描线
    完全背包记录路径poj1787 好题
    cf1104d二分+数学
    01背包专题
    hdu1069线性dp
    有源汇的上下界最大流
    有源汇的上下界最大流
  • 原文地址:https://www.cnblogs.com/sharpest/p/10272048.html
Copyright © 2011-2022 走看看