utiljs小程序,小程序utiljs

本文目錄一覽：

• 1、微信小程序遇坑——多次點擊頁面重複加載及數據重複提交
• 2、為什麼微信小程序獲取當前時間時定義var util = require(‘../../utils/util.js’);導致輪播圖消失不見？
• 3、小程序開發Util.js有什麼用
• 4、詳解微信小程序獲取當前時間及日期的方法
• 5、小程序js中如何引入組件
• 6、微信小程序 utils.js 怎麼用

微信小程序遇坑——多次點擊頁面重複加載及數據重複提交

目前總結解決方法：同時需要設置模塊的函數，函數都可放置在util.js中去。

首先：

一、在util.js中放入如下兩組函數

1. 設置點擊後多久不能再次操作該

function throttle(fn, gapTime) {

  if (gapTime == null || gapTime == undefined) {

    gapTime = 1500

  }

  let _lastTime = null

  // 返回新的函數

  return function () {

    let _nowTime = + new Date()

    if (_nowTime – _lastTime gapTime || !_lastTime) {

      fn.apply(this, arguments)  //將this和參數傳給原函數

      _lastTime = _nowTime

    }

  }

}

2. 設置加載動畫

function showLoading(message) {

  if (wx.showLoading) {    // 基礎庫 1.1.0 微信6.5.6版本開始支持，低版本需做兼容處理

    wx.showLoading({

      title: message, mask: true

    });

  } else {    // 低版本採用Toast兼容處理並將時間設為20秒以免自動消失

    wx.showToast({

      title: message, icon: ‘loading’, mask: true, duration: 20000

    });

  }

}

function hideLoading() {

  if (wx.hideLoading) {    // 基礎庫 1.1.0 微信6.5.6版本開始支持，低版本需做兼容處理

    wx.hideLoading();

  } else {

    wx.hideToast();

  }

}

並且將其導出作為頁面使用：

module.exports = {

  throttle: throttle,

  showLoading: showLoading,

  hideLoading: hideLoading,

}

二、將函數引入頁面使用

const util = require(‘../../utils/util.js’);

即可。

為什麼微信小程序獲取當前時間時定義var util = require(‘../../utils/util.js’);導致輪播圖消失不見？

這要看到你的完整代碼才能知道問題所在（輪播圖所在的wxml文件和js文件）。

另外控制台有什麼樣的提示啊？

小程序開發Util.js有什麼用

作為前端工程師，從前端的視角，為大家分析下微信小程序和HTML5與之間的主要區別 第一條是運行環境的不同。 傳統的HTML5的運行環境是瀏覽器，包括webview，而微信小程序的運行環境並非完整的瀏覽器，大家注意，我這裡寫的是“非完整的瀏覽器”

詳解微信小程序獲取當前時間及日期的方法

獲取當前時間

首先，在要獲取時間的.js文件中加載util.js文件

然後在onload方法中，調用util.js中的formatTime方法獲取當前時間

//獲取當前時間

//

調用函數時，傳入new

Date()參數，返回值是日期和時間

var

TIME

=

util.formatTime(new

Date());

this.setData({

time:

TIME,

});

這樣就獲取到了當前時間，但是我們發現在util.js中並沒有獲取當前日期的方法。

沒事，別慌！

這個時候我們去看下util.js中獲取當前時間的方法formatTime()，裡面的方法寫的特別容易理解，我們可以模仿這個方法寫一個formatDate()方法。

看到那個小箭頭了嗎，你可以隨便設置，我這樣子設置後就是

2018-7-16

這樣的效果。

到了這裡，還差最後一步，如圖

在module.exports中一定要加上你寫的方法，否則程序會報錯說找不定formatDate這個方法。

加好了之後，就能成功在onload中調用這個方法獲取日期了。

//獲取當前日期

var

DATE

=

util.formatDate(new

Date());

this.setData({

date:

DATE,

});

以上所述是小編給大家介紹的微信小程序獲取當前時間及日期的方法詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章:微信小程序中時間戳和日期的相互轉換問題微信小程序日期時間選擇器使用方法微信小程序使用picker實現時間和日期選擇框功能【附源碼下載】微信小程序

滾動選擇器(時間日期)詳解及實例代碼微信小程序之picker日期和時間選擇器微信小程序

選擇器（時間，日期，地區）實例詳解

小程序js中如何引入組件

小程序js中引入組件如一下步驟：

1、準備好外部想要引入的外部文件，命名為util.js，並且填充固定的文件內容（一般是固定的庫）。

2、打開util.js，繼續填寫重要內容將要使用的方法用module.exports給暴露出來。

3、將外部js放在指定的文件夾utils里（utils規定存放js庫和數字格式化文件）。

4、在想要用到這個方法的js裡面require這個js，然後調用即可。

微信小程序 utils.js 怎麼用

在你自己的js里寫var util = require(‘../../utils/util.js’);然後在需要的時候調用，util.xxx()

util.js裡面定義了函數之後，要在module.export裡面添加xxx:xxx