国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

用于業務的精煉js工具函數(瀏覽器環境)

Forest10 / 1105人閱讀

摘要:工具函數瀏覽器環境引用庫,后續直接當作全局進行使用工具函數瀏覽器環境字符處理默認處理非數值的內容為默認處理空字符串為判斷是否有值給添加參數將編碼由轉為將編碼由轉為對字符串進行編碼對字符串進行解碼數字處理顯示兩位小數的金額千

js工具函數(瀏覽器環境)

github : github.com/Javison666/…

引用庫,后續 $fn 直接當作全局進行使用

import $fn from "jj-browser-fn"

js工具函數(瀏覽器環境)

字符處理

默認處理非數值的內容為0

默認處理空字符串為"--"

判斷是否有值

給URL添加參數

將編碼由utf8轉為utf16

將編碼由utf16轉為utf8

對字符串進行base64編碼

對字符串進行base64解碼

數字處理

顯示兩位小數的金額

千位符顯示數字

時間處理

自定義格式

距離當前時間差處理

cookie操作

鏈接操作

ajax請求

設備信息

獲取系統版本

html字符與實體轉換

將html字符實體轉譯成html字符

將html字符轉譯成html字符實體

LocalStorage操作

dom操作

自定義擴展 $fn

字符處理 默認處理非數值的內容為0

對非數字的內容,返回默認想展示的內容defaultVal || 0,否則返回原值

$fn.n(null) //返回0
$fn.n(1) //返回1
$fn.n("1") //返回"1"
$fn.n("1a") //返回0
$fn.n("1a",null) //返回null
默認處理空字符串為"--"

對undefined/null/""(空字符串),返回默認想展示的內容defaultVal || "--",否則返回原值

$fn.s(null) //返回"--"
判斷是否有值

對undefined/null/""(空字符串)返回false,其他返回true

$fn.hasValue(null) //返回false
給URL添加參數
$fn.urlAddParams(url,{
    user:"admin"
})
將編碼由utf8轉為utf16
$fn.utf8to16(str) 
將編碼由utf16轉為utf8
$fn.utf16to8(str) 
對字符串進行base64編碼
$fn.encodeBase64(str) 
對字符串進行base64解碼
$fn.decodeBase64(str) 
數字處理 顯示兩位小數的金額
$fn.showMoney(34) //返回0.34
$fn.showMoney(1234) //返回12.34
千位符顯示數字
$fn.showThousandMoney(1234) //返回1,234.00
時間處理 自定義格式

YMDhms直接替換對應時間單位,格式可自由替換

沒有參數直接返回Y-M-D h:m:s(如2018-01-01 12:21:45)

有參數則直接替換

$fn.showDate() //返回當前時間2018-01-01 12:21:45
$fn.showDate("Y-M-D h:m:s",new Date("2018-01-01 12:21:45")) //返回2018-01-01 12:21:45
$fn.showDate("Y-M",new Date("2018-01-01 12:21:45")) //返回2018-01
距離當前時間差處理

獲取參數時間戳距離當前的時差,超過1秒顯示秒,超過1分顯示分,超過1時顯示時,超過1天顯示天,超過1年顯示*年

$fn.diffToNow(new Date()) //返回0秒
cookie操作
$fn.setCookie(cname, cvalue, exdays)
$fn.getCookie(cname, cvalue, exdays)
$fn.clearCookie(cname, cvalue, exdays)
鏈接操作
//跳轉鏈接
$fn.toHref(href)    
//打開新的標簽頁
$fn.toOpen(href)
//解析url為可操作的的對象
$fn.parseUrl(href)
//上報url,只通過圖片形式上傳
$fn.reportUrl(url,{
    id:123
})
ajax請求

均返回promise對象,供.then()或async/await調用

// post請求,application/x-www-form-urlencoded;
$fn.httpGet({
    url:"/api/test",
    data:{
        username:"admin"
    }
})
// post請求,application/x-www-form-urlencoded;
$fn.httpPost({
    url:"/api/test",
    data:{
        username:"admin"
    }
})
// post請求,application/json;charset=UTF-8;
$fn.httpPost({
    url:"/api/test",
    json:{
        username:"admin"
    }
})
// 自定義;
$fn.httpPost({
    url:"/api/test",
    data:{
        username:"admin"
    },
    headers:{
        "Content-Type":"test"
    }
})
// 初始化時,自定義所有請求攔截
$fn.setRequestTestFn((data)=>{
    if(data.code==40000){
        //對所有請求的數據做處理
    }
})
設備信息
$fn.getDeviceType()
/** 返回設備環境的判斷對象
{
    isMoble: /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()), //判斷是否為移動端
    isAppleMobile: /iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent
        .toLowerCase()), //是否為蘋果移動端
    isAndroidMobile: /android/i.test(navigator.userAgent.toLowerCase()), //是否為安卓移動端
    isUc: /ucweb/.test(UserAgent), // UC瀏覽器
    isChrome: /chrome/.test(UserAgent.substr(-33, 6)), // Chrome瀏覽器
    isFirefox: /firefox/.test(UserAgent), // 火狐瀏覽器
    isOpera: /opera/.test(UserAgent), // Opera瀏覽器
    isSafire: /safari/.test(UserAgent) && !/chrome/.test(UserAgent), // safire瀏覽器
    is360: /360se/.test(UserAgent), // 360瀏覽器
    isBaidu: /bidubrowser/.test(UserAgent), // 百度瀏覽器
    isSougou: /metasr/.test(UserAgent), // 搜狗瀏覽器
    isIE6: /msie 6.0/.test(UserAgent), // IE6
    isIE7: /msie 7.0/.test(UserAgent), // IE7
    isIE8: /msie 8.0/.test(UserAgent), // IE8
    isIE9: /msie 9.0/.test(UserAgent), // IE9
    isIE10: /msie 10.0/.test(UserAgent), // IE10
    isIE11: /msie 11.0/.test(UserAgent), // IE11
    isLB: /lbbrowser/.test(UserAgent), // 獵豹瀏覽器
    isWX: /micromessenger/.test(UserAgent), // 微信內置瀏覽器
    isQQ: /qqbrowser/.test(UserAgent), // QQ瀏覽器
    isIpad: /ipad/.test(UserAgent), // ipad
    isIphone: /iphone os/.test(UserAgent), // iphone
    isAndroid: /android/.test(UserAgent), //安卓
    isWindowsCe: /windows ce/.test(UserAgent),
    isWindowsMobile: /windows mobile/.test(UserAgent),
    isWin2K: /windows nt 5.0/.test(UserAgent),
    isXP: /windows nt 5.1/.test(UserAgent),
    isVista: /windows nt 6.0/.test(UserAgent),
    isWin7: /windows nt 6.1/.test(UserAgent),
    isWin8: /windows nt 6.2/.test(UserAgent),
    isWin81: /windows nt 6.3/.test(UserAgent),
    isWin10: /windows nt 10.0/.test(UserAgent),
    isTouchScreen: ("ontouchstart" in window) || window.DocumentTouch &&
        document instanceof DocumentTouch,
    isChromeOnAndroid
}
*/
$fn.getExplorerInfo()
/** 返回瀏覽器版本信息
{
    type:"IE",/Firefox/Chrome/Opera/Safari
    version:""
}
*/
獲取系統版本
// 返回 Mac/Unix/Linux/Win2000/WinXP/Win2003/WinVista/Win7/Win10/other
$fn.detectOS()
html字符與實體轉換 將html字符實體轉譯成html字符
$fn.decodeHtmlEntities(str)
將html字符轉譯成html字符實體
$fn.encodeHtmlEntities(str)
LocalStorage操作
//設置值
$fn.setStorage(key,value)
//獲取值
$fn.getStorage(key)
//刪除值
$fn.removeStorage(key)
//清空
$fn.clearStorage()
dom操作
// 添加監聽事件,event 不含"on"
$fn.addListen(dom,event,fn)
// 去除監聽事件
$fn.removeEvent(dom,event,fn)
// 刪除dom
$fn.removeDom(dom)
// 添加動畫效果的class,動畫結束后,該class會被刪除
$fn.addAnimateClass(dom,className)
// 添加搖晃的class->"shake"
$fn.shake(dom)
// 是否含有class,返回Boolean
$fn.hasClass(dom,className)
// 刪除className
$fn.removeClass(dom,className)
// 切換className
$fn.toggleClass(dom,className)
自定義擴展 $fn
import Fn from "jj-browser-fn/main.js"
class ProjFn {
    constructor() {

    }
}
ProjFn.prototype.__proto__ = Fn.prototype
export default new ProjFn()

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

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

相關文章

  • HelloType:JS運行時數據類型檢查工具

    摘要:進入主頁使用文檔是一個設計簡單的運行時的數據類型檢查工具,它可以幫助你的程序在使用某個組變量前,對變量的數據類型進行檢查,防止在使用變量進行運算時由于數據類型不同導致報錯。 showImg(https://segmentfault.com/img/bVbfW41?w=1380&h=500); 進入GitHub主頁使用文檔 HelloType是一個api設計簡單的js運行時的數據類型檢查...

    Heier 評論0 收藏0
  • ??數據科學-Pandas、Numpy、Matplotlib秘籍之精煉總結

    前言: 先感受一下數據科學的魅力,上圖是在Smart Dubai 2017 GITEX科技周展臺上推出Smart Decision-Making Platform(智能決策平臺),于10月8日至12日在迪拜世界貿易中心舉行。游客可以通過一個沉浸式的空間將數據可視化,讓他們了解迪拜的未來。讓參觀者可以在現場查閱觀看全市數據,這意味著迪拜將成為了世界上第一個與公眾分享實時實時數據的城市,同時還可以預...

    Zhuxy 評論0 收藏0
  • Javascript 打包工具

    摘要:所以,打包工具就出現了,它可以幫助做這些繁瑣的工作。打包工具介紹僅介紹款主流的打包工具,,,,以發布時間為順序。它定位是模塊打包器,而屬于構建工具。而且在其他的打包工具在處理非網頁文件比如等基本還是需要借助它來實現。 本文當時寫在本地,發現換電腦很不是方便,在這里記錄下。 前端的打包工具 打包工具可以更好的管理html,css,javascript,使用可以錦上添花,不使用也沒關系...

    Sleepy 評論0 收藏0

發表評論

0條評論

Forest10

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<