2. 程式人生 > >實現自己的js工具庫（持續更新）

實現自己的js工具庫（持續更新）

阿新 • • 發佈：2019-01-24
(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端 if (isAndroid) { return 'Android'; } else if (isiOS) { return 'iOS'; } else { return 'others'; } }, /** * 四捨五入強制保留n位小數 * @param {Number}
x 運算元字 * @param {Number} n 保留位數 */ toDecimal(x, n) { var f = parseFloat(x); if (isNaN(f) && isNaN(n)) { return false; } if (n === 0) return Math.round(x
); var num = Number("1E" + n); var f = Math.round(x * num) / num; var s = f.toString(); var rs = s.indexOf("."); if (rs < 0) { rs = s.length; s += ".";
} while (s.length <= rs + n) { s += "0"; } return s; }, /** * 判斷兩個物件是否相等 * @param {Object} x 物件1 * @param {Object} y 物件2 */ equals: function(x, y) { var in1 = x instanceof Object; var in2 = y instanceof Object; if(!in1 || !in2) { return x === y; } if(Object.keys(x).length !== Object.keys(y).length) { return false; } for(var p in x) { var a = x[p] instanceof Object; var b = y[p] instanceof Object; if(a && b) { return this.equals(x[p], y[p]); } else if(x[p] !== y[p]) { return false; } } return true; }, /** * 獲取日期時間 格式 "yyyy-MM-dd HH:MM" * @param {Data} data 可選 指定時間 */ getNowDate: function(data) { var date = data || new Date(); var month = date.getMonth() + 1; var strDate = date.getDate(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); month >= 1 && month <= 9 ? month = "0" + month : ''; strDate >= 0 && strDate <= 9 ? strDate = "0" + strDate : ''; minutes >= 0 && minutes <= 9 ? minutes = "0" + minutes : ''; seconds >= 0 && seconds <= 9 ? seconds = "0" + seconds : ''; var currentdate = date.getFullYear() + "-" + month + "-" + strDate + " " + date.getHours() + ":" + minutes + ":" + seconds; return currentdate; }, /** * 計算兩個時間差 * @param {Data} startTime 開始時間（xxxx-xx-xx） * @param {Data} endTime 結束時間（xxxx-xx-xx） * return xx年xx天 || xx天xx小時 || xx小時xx分 */ getDateDiff: function(startTime, endTime) { //將xxxx-xx-xx的時間格式，轉換為 xxxx/xx/xx的格式 startTime = startTime.replace(/\-/g, "/"); endTime = endTime.replace(/\-/g, "/"); var sTime = new Date(startTime); //開始時間 var eTime = new Date(endTime); //結束時間 var timeOff = eTime - sTime; //相差時間戳（毫秒數） var timeMinute = 1000 * 60; var timeHour = 1000 * 3600; var timeDay = 1000 * 3600 * 24; var timeYear = 1000 * 3600 * 24 * 365; if(timeOff / timeYear >= 1) { return parseInt(timeOff / timeYear) + "年" + parseInt((timeOff % timeYear)/timeDay) + "天"; } else if(timeOff / timeDay >= 1) { return parseInt(timeOff / timeDay) + "天" + parseInt((timeOff % timeDay)/timeHour) + "小時"; } else { return parseInt(timeOff / timeHour) + "小時" + parseInt((timeOff % timeHour)/timeMinute) + "分"; } }, /*  * 圖片壓縮，默認同比例壓縮  * @param {Object} path  *   pc端傳入的路徑可以為相對路徑，但是在移動端上必須傳入的路徑是照相圖片儲存的絕對路徑  * @param {Object} obj  *   obj 物件 有 width， height， quality(0-1)  * @param {Object} callback  *   回撥函式有一個引數，base64的字串資料 * 呼叫示例 yui.compressImg('../img/time.jpg',{width:100,height:100,quality:0.8},function(res){ console.log(res);//base64的字串資料 });  */ compressImg: function(path, obj, callback){ var img = new Image(); img.src = path; img.onload = function(){ var that = this; // 預設按比例壓縮 var w = that.width, h = that.height,     scale = w / h;     w = obj.width || w;     h = obj.height || (w / scale); var quality = 0.7;  // 預設圖片質量為0.7 //生成canvas var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); // 建立屬性節點 var anw = document.createAttribute("width"); anw.nodeValue = w; var anh = document.createAttribute("height"); anh.nodeValue = h; canvas.setAttributeNode(anw); canvas.setAttributeNode(anh); ctx.drawImage(that, 0, 0, w, h); // 影象質量 if(obj.quality && obj.quality <= 1 && obj.quality > 0){  quality = obj.quality; } // quality值越小，所繪製出的影象越模糊 var base64 = canvas.toDataURL('image/jpeg', quality ); // 回撥函式返回base64的值 callback(base64); }; } } window.yui = yui; })

相關推薦

實現自己的js工具庫（持續更新）

(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端 if (isAndroid) { return 'Android'; } else if (isiOS) { return 'iOS'

GMT常用小工具總結（持續更新）

引言 正文 minmax函式 快速獲取檔案中每一列資料的最小最大值 例子： gmt minmax AODT_1064.txt gmt: Warning: module minmax is deprecated; use gmtinfo. AODT_1064.txt: N

Java 日期時間工具類（持續更新）

package cn.eshifu.eby.comm.util; import com.google.common.collect.Lists; import com.google.common.collect.Sets; import org.apache.common

Javascript知識匯總------js中容易被忽略的細節（持續更新）

bsp true 方式 efi 定義 沒有 快捷 快捷方式 == in運算符 　　　　語法：boolean “name” in Object 判斷對象是否具有某一個屬性 var myObject

FIle類常用工具方法整理（持續更新）

urn mef iou all filepath tabs ipa comm NPU 1.遞歸遍歷一個目錄，獲取所有文件名（也可以取到絕對路徑） public static void traverse(String filePath, List<String&g

Android常用工具類集合（持續更新）

1.訊息通知管理類，適配Android8.0 https://blog.csdn.net/huangliniqng/article/details/83537119 2.Android撥打電話工具類：  https://blog.csdn.net/huangliniqng/

安裝LNMP環境筆記（自己學習安裝所以是持續更新）

是在本地寫好發到這裡所以排版歪了，本來#號是圍成一個長方形的，其他地方可能也有歪，下次完成這個筆記我會全部將排版弄好的。 ############################################################################

C++的一些小操作、常用庫及函式（持續更新）

　　1. 強制保留n位小數（位數不足則強制補零）　　　　標頭檔案：　　　　#include <iomanip>　　　　在輸出前：　　　　cout<<setprecision(n);　　　　也有不用標頭檔案的方式，在輸出前：　　　　cout.setf(ios::fixed);　

Python常用第三方庫及簡介（持續更新）

Python 是世界上發展最快的程式語言之一。 它的發展有效的證明了自己在開發人員和跨行業的資料科學中的實用性。Python 及其機器學習庫的整個生態系統使全世界的使用者都願意選擇它。 Python 成功和受歡迎的原因之一是存在強大的庫，這些庫使 Python 極具創造力

【Java面試題】spring+springMVC+mybatis原理及實現機制（持續更新）

本文將持續更新，主要講解SSM框架的底層原理和實現機制等 1.什麼是IOC？ IOC即Inverse of Control，它包括兩個內容：控制與反轉 那到底什麼東西的“控制”被“反轉”了呢？對於軟體而言，即是某一個介面具體實現類的選擇控制權從呼叫類中移除，轉交給第三

python 編寫爬蟲常用包下載地址、工具網站以及相關安裝問題集合（持續更新）

轉載請標明出處，謝謝。以下連結出現問題請私戳或留言，我儘快解決。 免費代理ip網站: http://www.xicidaili.com/nn/ geckodriver 下載地址: https://github.com/mozilla/geckodrive

js中的閉包問題（持續更新）

閉包，是一個擁有許多變數和綁定了這些變數的環境的表示式（通常是一個函式），因而這些變數也是該表示式的一部分。 好啦說人話： “我的理解是，閉包就是能夠讀取其他函式內部變數的函式。”--------阮一峰 相較官方文件而言阮一峰老師直接的多。不過由於js語言的特殊性使得不像其他面嚮物件

【格式、工具】寫作（論文）中遇到的一些問題及其解決方案（持續更新......）

論文中一些常見的規則本文更新時間日誌：2018.04.29：以 office-word 為主，整理一些關於公式的問題；2018.05.24：參考文獻（會議論文）的格式及其搜尋方法；===========================================【offi

Python使用技巧（環境，第三方庫包等）（持續更新）

一.使用freeze將python環境的安裝包備份 使用 pip free 可以將python所安裝的庫包生成一個第三方庫列表 requirements.txt檔案，下次程式碼部署或裝配環境可以很方便的使用： pip freeze > require

Python學習筆記——常用庫、函式的使用（持續更新）

一、OS模組 1、當前使用平臺 os.name:指示你正在使用的工作平臺。比如對於Windows，它是'nt'，而對於Linux/Unix使用者，它是'posix'。 2、當前路徑和檔案 os.getcwd() :返回當前工作目錄 os.listdir(): 返回指

[Java]常見資料結構的實現（持續更新）

1.ArrayList的自定義實現 程式碼： package cn.itcast.alg; public class MyArrayList<AnyType> implements Iterable<AnyType> { //預設容量 p

intellij idea工具學習（持續更新中）

一、專案匯入和資料庫連線     1、匯入eclipse專案     2、匯入maven專案     3、匯入idea專案     4、從版本庫檢出專案     5、連線資料庫 二、工程結構和配置     1、建立和配置project     2、建立和配置module   

python資料處理工具 pandas包常用方法總結（持續更新）

======================== INTRODUCTION TO PANDAS  ======================== 圓括號是函式，方括號是索引 #Series data  can be numpy array,or a python dict

[Linux][入門系列]Linux&Mac網路工具全解（持續更新）

當你安裝了一個Linux虛擬機器，或者從雲服務那買了個伺服器，我們首先要知道的，就是網路狀況如何，所以我們偶爾會使用一些工具測試網路狀況，或者使用一些工具來使我們的Linux處於網路中更為安全。今天我們將介紹一些網路工具。 一、Ping出一個天地 最常用的恐

網路流建圖的幾點體會（給自己看的筆記，持續更新）

求大牛分享網路流題集與學習經驗，dp大牛要拍磚請去隔壁動態規劃筆記篇~~ 網路流建圖，實質是對實際問題的抽象。用一些圖論中的理論去模擬實際問題，然後再把解出的答案轉化為實際問題的答案。 限制通常體現在邊權上，實際意義什麼的可能體現在點上也可能體現在邊上。 網路流適用問題一：