JavaScript常用工具方法

FrancisSoung 發布于2019-08-22 16:46 / 890人閱讀

摘要：通用日期時間類方法月份日小時分秒季度毫秒測試重寫函數防抖函數節流點擊頁面隨機顯示字符串鼠標點擊特效富強民主文明和諧自由平等公正法治愛國敬業誠信友善吻我愛你

通用日期時間類方法

function dateFormat(val, format) {
  let date = new Date(val)
  let o = {
    "M+": date.getMonth() + 1, // 月份
    "d+": date.getDate(), // 日
    "h+": date.getHours(), // 小時
    "m+": date.getMinutes(), // 分
    "s+": date.getSeconds(), // 秒
    "q+": Math.floor((date.getMonth() + 3) / 3), // 季度
    "S": date.getMilliseconds(), // 毫秒
  }
  if (/(y+)/.test(format)) {
    format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length))
  }
  for (var k in o) {
    if (new RegExp(`(${k})`).test(format)) {
      format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)))
    }
  }
  return format
}

測試

var datetime = new Date().getTime()
var date1 = dateFormat(datetime, "yyyy.MM.dd hh:mm:ss")
var date2 = dateFormat(datetime, "yyyy-MM-dd hh:mm:ss")
var date3 = dateFormat(datetime, "yyyy-MM-dd")
console.log(date1) // 2018.04.27 16:38:35
console.log(date2) // 2018-04-27 16:38:35
console.log(date3) // 2018-04-27

重寫console.log

console.log = (function(oriLogFunc){
    return function(str)
    {
        oriLogFunc.call(console,"hello:"+str);
    }
})(console.log);
console.log("userName")

函數防抖

export function debounce(func, delay) {
  let timer

  return function (...args) {
    if (timer) {
      clearTimeout(timer)
    }
    timer = setTimeout(() => {
      func.apply(this, args)
    }, delay)
  }
}

函數節流

var throttle = function(delay, action){
  var last = 0
  return function(){
    var curr = +new Date()
    if (curr - last > delay){
      action.apply(this, arguments)
      last = curr 
    }
  }
}

點擊頁面隨機顯示字符串


/* 鼠標點擊特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
function RndNum(n){
 var rnd="";
 for(var i=0;i").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
        y = e.pageY;
        $i.css({
"z-index": 999,
"top": y - 30,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": a_color
        });
        $("body").append($i);
        $i.animate({
"top": y - 190,
"opacity": 0
        },
        1500,
function() {
            $i.remove();
        });
    });
});

GPU云服務器云服務器 javascript方法 javascript對象方法 javascript函數方法 javascript繼承方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94651.html

JavaScript發展史，JavaScript組成和開發工具介紹-樂字節

摘要：保持與和的相似性，以便開發人員能很快學會。年，網景公司的布蘭登與公司聯手開發一個稱為的腳本語言。當時微軟決定進軍瀏覽器，發布了并搭載了一個的克隆版，叫做。在微軟進入后，有種不同的版本同時存在以及。一、JavaScript簡介 JavaScript 是一種具有面向對象能力的、解釋型的程序設計語言。更具體一點，它是基于對象和事件驅動并具有相對安全性的客戶端腳本語言。它的主要目的是，驗證發...

Heier 2019-08-26 13:55 評論0 收藏0
Javascript字符串常用方法詳解

摘要：屬性里的字符串類似于數組，都是一個一個字符拼湊在一起組成的，因此可以用屬性取得字符串的長度字符串常用的一些方法返回字符串的第個字符，如果不在之間，則返回一個空字符串。如果匹配成功，則返回正則表達式在字符串中首次匹配項的索引否則，返回。字符串字符串就是一個或多個排列在一起的字符，放在單引號或雙引號之中。 abc abc length屬性js里的字符串類似于數組，都是一個一個字...

Wildcard 2019-08-21 14:08 評論0 收藏0
javascript功能插件大集合前端常用插件 js常用插件

摘要：轉載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想，使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。轉載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

netmou 2019-08-23 12:28 評論0 收藏0
javascript功能插件大集合前端常用插件 js常用插件

摘要：轉載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想，使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。轉載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

Hydrogen 2019-08-02 11:46 評論0 收藏0
EasyBridge:一種簡單的js-bridge設計方案

摘要：以這個工具庫作為依賴，只需要編寫實際通訊接口目前混合開發的方案包括就是一種簡單的解決方案。基于接口粒度的安全控制策略每一個實例也都會持有一個的實例，用于針對具體的開發接口設置安全檢查規則。 EasyBridge是一個簡單易用的js-bridge的工具庫，提供了日常開發中，JavaScript與Java之間通訊的能力，與其他常見的js-bridge工具庫實現方案不同，EasyBridge...

xcold 2019-08-15 15:21 評論0 收藏0
JavaScript進階學習（二）—— 基于原型鏈繼承的js工具庫的實現方法

摘要：一些額外的全局函數命名空間對象接口和構造函數與沒有典型的關聯，但卻是有效的。最后有幾點需要說明的是每個構造函數都有一個原型對象，原型對象都包含一個指向構造函數的指針，而實例都包含一個指向原型對象的內部指針。文章來源：小青年原創發布時間：2016-07-03關鍵詞：JavaScript，原型鏈，jQuery類庫轉載需標注本文原始地址: http://zhaomenghuan.githu...

陳偉 2019-08-19 18:41 評論0 收藏0