@saqqdy/common

介紹

JS常用方法，來自于本人前端多年經驗積累

軟件架構

集成了大量常用方法，采用了純原生ES6+babel+webpack的開發方式

安裝教程

# 通過npm安裝

npm install --save @saqqdy/common

# 或者通過yarn安裝

yarn add @saqqdy/common

通過import引入模塊的方式

# 在你的.vue或者main.js里面寫上import

import { trim, getOsVersion, ... } from '@saqqdy/common'

# 使用

trim(somestring, type) // 返回清理空格后的字符串

getOsVersion() // 返回系統版本

...

使用文件引入的方式

通過require引入

# 在你的main.js文件里面加上下面這一行

require('@saqqdy/common')

html靜態頁直接使用

# 在你的html代碼上加上script標簽，使用CDN鏈接引入

所有方法匯總

// 全局參數

client, // client方法返回一個瀏覽器判斷結果對象

pattern, // pattern返回一些常用的正則

// String擴展、數組方法

trim, // 根據傳參來去除空格

clearAttr, // 去除HTML標簽所有屬性

clearBr, // 去除換行

clearHtml, // 去除HTML標簽

clearHtmlExpSN, // 去除HTML標簽保留空格、換行

clearHtmlN, // 去除HTML標簽及換行

clearHtmlNS, // 去除HTML標簽及空格、換行

clearHtmlTag, // 去除HTML標簽及標簽里面的文字

getNumber, // 獲取字符串中的數字

imgAdapt, // 擴展圖片自動適應多種分辨率small original

imgChoose, // 擴展圖片自動適應多種分辨率@2x @3x

camel2Dash, // 將駝峰字符串轉成-間隔且全小寫的Dash模式

dash2Camel, // 將-間隔且全小寫的Dash模式轉成駝峰字符串

getRandomNum, // 獲取隨機整數

getRandomStr, // 獲取隨機字符串

getRandomStrWidthSpecialChar, // 獲取隨機字符串帶特殊符號

getCHSLength, // 獲取字符串長度，中文算2個字符

cutCHSString, // 截取字符串，中文算2個字節

textareaInsertText, // textarea或input對象在指定的光標位置插入文字

textareaMoveToEnd, // textarea或input對象將光標定位到文字尾部

// 獲取一下狀態

isDigitals, // 是否為由數字組成的字符串

isExitsFunction, // 是否存在指定函數

isExitsVariable, // 是否存在指定變量

getWindowSize, // getWindowSize獲取窗口大小

getAppVersion, // 獲取APP版本號

getOsVersion, // 獲取手機系統版本

getIsAppVersionLastest, // 版本號大小對比

getDirParam, // 獲取目錄形式URL參數

getParameter, // 獲取單個URL參數

getFileType, // 文件后綴名

getUrlParam, // 獲取URL參數

// 日期格式化

formatTime, // 日期格式化插件

formatTimeStr, // 格式化時間成：剛剛、幾分鐘前

// 緩存、cookie、session

setCookie, // setCookie寫入cookie的方法

setLocal, // 寫localStorage

setSession, // 寫sessionStorage

getCookie, // 讀取cookies

getLocal, // 讀取localStorage

getSession, // 讀取sessionStorage

delCookie, // 刪除cookie

delLocal, // 刪除localStorage

delSession, // 刪除sessionStorage

// 編碼與解碼

encodeBase64, // 字符串、數字轉base64

encodeUtf8, // 編碼Utf8

decodeBase64, // base64解碼

decodeUtf8, // 解碼Utf8

enWxJumpLink, // 用*替換= 用!替換& 轉碼成微信跳轉鏈接

enWxJumpLinkOld, // 用~替換= 用^替換& 轉碼成微信跳轉鏈接

deWxJumpLink, // 用=替換* 用&替換! 解碼成微信跳轉鏈接

deWxJumpLinkOld, // 用=替換~ 用&替換^ 解碼成微信跳轉鏈接

// 防抖與限流

debounce, // 空閑控制 返回函數連續調用時，空閑時間必須大于或等于 delay，fn 才會執行

throttle, // 頻率控制 返回函數連續調用時，fn 執行頻率限定為每多少時間執行一次

// 事件委托、其他事件方法

stopBubble, // 阻止冒泡

stopDefault, // 阻止默認事件

addEvent, // 事件委托，支持多次委托

removeEvent, // removeEvent移除由addEvent創建的事件委托

getScrollPosition, // 獲取滑動到頂部和底部 返回'top' 'bottom'，建議使用限流

API文檔

addEvent()事件委托，支持多次委托

handleEvent()執行事件

為IE的事件對象添加一些“缺失的”函數

camel2Dash

將駝峰字符串轉成-間隔且全小寫的Dash模式

去除HTML標簽所有屬性

去除換行

去除HTML標簽

去除HTML標簽保留空格、換行

去除HTML標簽及換行

去除HTML標簽及空格、換行

去除HTML標簽及標簽里面的文字

client方法返回一個瀏覽器判斷結果：{ ANDROID: true, GECKO: true, GLSH_APP: false, IE: false, IOS: false, IPAD: false, IPHONE: false, MOBILE: true, MOBILEDEVICE: true, OPERA: false, QQ: false, QQBROWSER: false, TRIDENT: false, WEBKIT: true, WEIXIN: false }

截取字符串，中文算2個字節

dash2Camel

將-間隔且全小寫的Dash模式轉成駝峰字符串

用=替換用&替換! 解碼成微信跳轉鏈接

nameexMall-detail-goodsInfoId!params(goodsInfoId)*8866 轉成 name=exMall-detail-goodsInfoId&params[goodsInfoId]=8866

用=替換~ 用&替換^ 解碼成微信跳轉鏈接

空閑控制 返回函數連續調用時，空閑時間必須大于或等于 delay，fn 才會執行

base64解碼

解碼Utf8

刪除cookie

刪除localStorage

刪除sessionStorage

用替換= 用!替換& 轉碼成微信跳轉鏈接

name=exMall-detail-goodsInfoId&params[goodsInfoId]=8866 轉成 nameexMall-detail-goodsInfoId!params(goodsInfoId)*8866

用~替換= 用^替換& 轉碼成微信跳轉鏈接

字符串、數字轉base64

編碼Utf8

日期格式化插件

使用方式：formatTime(new Date(), "yyyy-MM-dd")

格式化時間成：剛剛、幾分鐘前

獲取APP版本號

獲取文本長度，中文算2個字節

讀取cookies

獲取目錄形式URL參數

文件后綴名

版本號大小對比

讀取localStorage

獲取字符串中的數字

獲取手機系統版本

獲取單個URL參數

獲取隨機整數

獲取隨機字符串

獲取隨機字符串帶特殊符號

獲取滑動到頂部和底部 返回'top' 'bottom'，建議使用限流

讀取sessionStorage

獲取URL參數

getWindowSize獲取窗口大小

擴展圖片自動適應多種分辨率small original

擴展圖片自動適應多種分辨率@2x @3x

是否為由數字組成的字符串

是否存在指定函數

是否存在指定變量

pattern返回一些常用的正則：any, arrjson, chinese, email, float, isjson, json, mobile, number, pass, postcode, qq, string, tel, textarea, url, username

removeEvent移除由addEvent創建的事件委托

setCookie寫入cookie的方法

寫localStorage

寫sessionStorage

阻止冒泡

阻止默認事件

textarea或input對象在指定的光標位置插入文字

textarea或input對象將光標定位到文字尾部

頻率控制 返回函數連續調用時，fn 執行頻率限定為每多少時間執行一次

trim()根據傳參來去除空格

addEvent(element, type, handler)

addEvent()事件委托，支持多次委托

Kind: global function

Param

Type

Description

element

Object

js dom對象

type

String

事件類型。不需要加on

handler

function

回調方法

handleEvent(event) ? Boolean

handleEvent()執行事件

Kind: global function

Param

Type

Description

event

String

事件類型

fixEvent(event) ? Object

為IE的事件對象添加一些“缺失的”函數

Kind: global function

Returns: Object - 返回補齊了缺失方法的的event

Param

Type

Description

event

String

事件類型

camel2Dash(string) ? String

camel2Dash

將駝峰字符串轉成-間隔且全小寫的Dash模式

Kind: global function

Returns: String - 返回轉換后的字符串

Param

Type

Description

string

String

需要轉換的字符串

clearAttr(string) ? String

去除HTML標簽所有屬性

Kind: global function

Param

Type

Description

string

String

傳入字符串

clearBr(string) ? String

去除換行

Kind: global function

Param

Type

Description

string

String

帶html標簽的字符串

clearHtml(string) ? String

去除HTML標簽

Kind: global function

Param

Type

Description

string

String

帶html標簽的字符串

clearHtmlExpSN(string) ? String

去除HTML標簽保留空格、換行

Kind: global function

Param

Type

Description

string

String

帶html標簽的字符串

clearHtmlN(string) ? String

去除HTML標簽及換行

Kind: global function

Param

Type

Description

string

String

帶html標簽的字符串

clearHtmlNS(string) ? String

去除HTML標簽及空格、換行

Kind: global function

Param

Type

Description

string

String

帶html標簽的字符串

clearHtmlTag(string) ? String

去除HTML標簽及標簽里面的文字

Kind: global function

Param

Type

Description

string

String

帶html標簽的字符串

client(name, userAgent) ? Object | Boolean

client方法返回一個瀏覽器判斷結果：{ ANDROID: true, GECKO: true, GLSH_APP: false, IE: false, IOS: false, IPAD: false, IPHONE: false, MOBILE: true, MOBILEDEVICE: true, OPERA: false, QQ: false, QQBROWSER: false, TRIDENT: false, WEBKIT: true, WEIXIN: false }

Kind: global function

Returns: Object | Boolean - 返回常用ua匹配表，如果傳了name，那么返回是否匹配該終端true/false

Param

Type

Description

name

String

可選，比如傳入MicroMessenger，返回是否為微信內置瀏覽器

userAgent

String

可選，傳入自定義的ua，默認取瀏覽器的navigator.appVersion

cutCHSString(str, len, hasDot) ? String

截取字符串，中文算2個字節

Kind: global function

Returns: String - 返回截取后的字符串

Param

Type

Default

Description

str

String

要截取的字符串

len

Number

hasDot

Boolean

false

dash2Camel(string) ? String

dash2Camel

將-間隔且全小寫的Dash模式轉成駝峰字符串

Kind: global function

Returns: String - 返回轉換后的字符串

Param

Type

Description

string

String

需要轉換的字符串

deWxJumpLink(string) ? String

用=替換* 用&替換! 解碼成微信跳轉鏈接

name*exMall-detail-goodsInfoId!params(goodsInfoId)*8866 轉成 name=exMall-detail-goodsInfoId&params[goodsInfoId]=8866

Kind: global function

Returns: String - 返回解碼結果

Param

Type

Description

string

String

傳入字符串

deWxJumpLinkOld(string) ? String

用=替換~ 用&替換^ 解碼成微信跳轉鏈接

Kind: global function

Returns: String - 返回解碼結果

Param

Type

Description

string

String

傳入字符串

debounce(fn, delay, immediate) ? function

空閑控制 返回函數連續調用時，空閑時間必須大于或等于 delay，fn 才會執行

Kind: global function

Returns: function - 實際調用函數

Param

Type

Description

fn

function

要調用的函數

delay

number

空閑時間

immediate

bool

給 immediate參數傳遞false 綁定的函數先執行，而不是delay后后執行。

decodeBase64(input) ? String

base64解碼

Kind: global function

Returns: String - 解碼后的字符串

Param

Type

Description

input

String

需要解碼的字符串

decodeUtf8(input) ? String

解碼Utf8

Kind: global function

Returns: String - 解碼后的字符串

Param

Type

Description

input

String

需要解碼的字符串

delCookie(name)

刪除cookie

Kind: global function

Param

Type

Description

name

String

cookie名稱

delLocal(name)

刪除localStorage

Kind: global function

Param

Type

Description

name

String

名稱

delSession(name)

刪除sessionStorage

Kind: global function

Param

Type

Description

name

String

名稱

enWxJumpLink(string) ? String

用替換= 用!替換& 轉碼成微信跳轉鏈接

name=exMall-detail-goodsInfoId&params[goodsInfoId]=8866 轉成 nameexMall-detail-goodsInfoId!params(goodsInfoId)*8866

Kind: global function

Returns: String - 返回轉碼結果

Param

Type

Description

string

String

傳入字符串

enWxJumpLinkOld(string) ? String

用~替換= 用^替換& 轉碼成微信跳轉鏈接

Kind: global function

Returns: String - 返回轉碼結果

Param

Type

Description

string

String

傳入字符串

encodeBase64(input) ? String

字符串、數字轉base64

Kind: global function

Returns: String - 返回BASE64編碼

Param

Type

Description

input

String

需要編碼的字符串

encodeUtf8(input) ? String

編碼Utf8

Kind: global function

Returns: String - 返回UTF-8編碼

Param

Type

Description

input

String

需要編碼的字符串

formatTime(time, fmt) ? String

日期格式化插件

使用方式：formatTime(new Date(), "yyyy-MM-dd")

Kind: global function

Returns: String - 返回字符串

Param

Type

Default

Description

time

Date/String

時間對象或者字符串

fmt

String

yyyy-MM-dd

格式化風格

formatTimeStr(time, fmt) ? String

格式化時間成：剛剛、幾分鐘前

Kind: global function

Returns: String - 返回字符串

Param

Type

Description

time

Date/String

時間對象或者字符串

fmt

String

格式化風格

getAppVersion(appName, withosstr, userAgent) ? Boolean | null

獲取APP版本號

Kind: global function

Returns: Boolean | null - null/true/false

Param

Type

Description

appName

String

app名稱

withosstr

Boolean

是否需要帶上名稱

userAgent

String

ua，可不傳，默認取navigator.appVersion

getCHSLength(str) ? Number

獲取文本長度，中文算2個字節

Kind: global function

Returns: Number - 返回長度

Param

Type

Description

str

String

字符串

getCookie(name) ? String

讀取cookies

Kind: global function

Returns: String - 返回cookie字符串

Param

Type

Description

name

String

cookie名稱

getDirParam(url) ? Object

獲取目錄形式URL參數

Kind: global function

Returns: Object - 返回參數對象

Param

Type

Description

url

String

傳入url地址

getFileType(url) ? String

文件后綴名

Kind: global function

Returns: String - 返回文件后綴

Param

Type

Description

url

String

文件名

getIsAppVersionLastest(appName, compareVer, userAgent) ? Boolean | null

版本號大小對比

Kind: global function

Returns: Boolean | null - null/true/false

Param

Type

Description

appName

String

app名稱

compareVer

String

必傳 需要對比的版本號

userAgent

String

ua，可不傳，默認取navigator.appVersion

getLocal(name) ? String

讀取localStorage

Kind: global function

Returns: String - 返回localStorage

Param

Type

Description

name

String

名稱

getNumber(string) ? String

獲取字符串中的數字

Kind: global function

Returns: String - 返回純數字字符串

Param

Type

Description

string

String

傳入帶數字的字符串

getOsVersion(osName, withosstr, userAgent) ? Boolean | null

獲取手機系統版本

Kind: global function

Returns: Boolean | null - null/true/false

Param

Type

Description

osName

String

系統類型字符串Android、iPod、iWatch或iPhone

withosstr

Boolean

是否需要帶上名稱

userAgent

String

ua，可不傳，默認取navigator.appVersion

getParameter(name) ?

獲取單個URL參數

Kind: global function

Returns: 返回參數值

Param

Type

Description

name

String

參數名稱

getRandomNum(min, max) ? Number

獲取隨機整數

Kind: global function

Returns: Number - 返回數字

Param

Type

Default

Description

min

Number

1

隨機數的最小值

max

Number

10

隨機數的最大值

getRandomStr(len, widthSpecialChar) ? String

獲取隨機字符串

Kind: global function

Returns: String - 隨機串

Param

Type

Default

Description

len

Number

32

需要獲取隨機字符串的長度

widthSpecialChar

Boolean

false

可選，是否需要生成帶特殊字符的串

getRandomStrWidthSpecialChar(len) ? String

獲取隨機字符串帶特殊符號

Kind: global function

Returns: String - 隨機串

Param

Type

Default

Description

len

Number

32

需要獲取隨機字符串的長度

getScrollPosition() ? String

獲取滑動到頂部和底部 返回'top' 'bottom'，建議使用限流

Kind: global function

Returns: String - 返回位置

getSession(name) ? String

讀取sessionStorage

Kind: global function

Returns: String - 返回sessionStorage

Param

Type

Description

name

String

名稱

getUrlParam(url) ? Object

獲取URL參數

Kind: global function

Returns: Object - 返回參數列表

Param

Type

Description

url

String

傳入url參數

getWindowSize() ? Object

getWindowSize獲取窗口大小

Kind: global function

Returns: Object - 返回寬高

imgAdapt(imgurl, size) ? String

擴展圖片自動適應多種分辨率small original

Kind: global function

Returns: String - 返回新地址

Param

Type

Description

imgurl

String

圖片url

size

String

圖片規格

imgChoose(imgurl) ? String

擴展圖片自動適應多種分辨率@2x @3x

Kind: global function

Returns: String - 返回新地址

Param

Type

Description

imgurl

String

圖片地址

isDigitals(str) ? Boolean

是否為由數字組成的字符串

Kind: global function

Returns: Boolean - 返回true/false

Param

Type

Description

str

String

待檢測的字符串

isExitsFunction(funcName) ? Boolean

是否存在指定函數

Kind: global function

Returns: Boolean - 返回true/false

Param

Type

Description

funcName

String

傳入函數名

isExitsVariable(variableName) ? Boolean

是否存在指定變量

Kind: global function

Returns: Boolean - 返回true/false

Param

Type

Description

variableName

String

傳入變量名稱

pattern() ? Object

pattern返回一些常用的正則：any, arrjson, chinese, email, float, isjson, json, mobile, number, pass, postcode, qq, string, tel, textarea, url, username

Kind: global function

Returns: Object - 返回對象

removeEvent(element, type, handler)

removeEvent移除由addEvent創建的事件委托

Kind: global function

Param

Type

Description

element

Object

js dom對象

type

String

事件類型。不需要加on

handler

function

回調方法

setCookie(name, value, seconds)

setCookie寫入cookie的方法

Kind: global function

Param

Type

Description

name

String

cookie名稱

value

*

設置要存儲的值，可以是對象或字符串

seconds

Number

cookie有效時間

setLocal(name, value, seconds)

寫localStorage

Kind: global function

Param

Type

Description

name

String

名稱

value

*

設置要存儲的值，可以是對象或字符串

seconds

Number

有效時間

setSession(name, value, seconds)

寫sessionStorage

Kind: global function

Param

Type

Description

name

String

名稱

value

*

設置要存儲的值，可以是對象或字符串

seconds

Number

有效時間

stopBubble(e) ? Boolean

阻止冒泡

Kind: global function

Param

Type

Description

e

Object

dom的event對象

stopDefault(e) ? Boolean

阻止默認事件

Kind: global function

Param

Type

Description

e

Object

dom的event對象

textareaInsertText(obj, str)

textarea或input對象在指定的光標位置插入文字

Kind: global function

Param

Type

Description

obj

Object

dom對象

str

String

要插入的文字

textareaMoveToEnd(obj)

textarea或input對象將光標定位到文字尾部

Kind: global function

Param

Type

Description

obj

Object

dom對象

throttle(fn, delay, immediate) ? function

頻率控制 返回函數連續調用時，fn 執行頻率限定為每多少時間執行一次

Kind: global function

Returns: function - 實際調用函數

Param

Type

Description

fn

function

需要調用的函數

delay

number

延遲時間，單位毫秒

immediate

bool

給 immediate參數傳遞false 綁定的函數先執行，而不是delay后后執行。

trim(string, type) ? String

trim()根據傳參來去除空格

Kind: global function

Returns: String - 返回新字符串

Param

Type

Description

string

String

傳入字符串

type

string

可選，去除空格的類型l:去除開頭空格 r:去除尾部空格 lr:去除兩端空格，為空的話去除所有空格

參與貢獻

Fork 本倉庫

新建 Feat_xxx 分支

提交代碼

新建 Pull Request

我的相關

總結

以上是生活随笔為你收集整理的android封装方法js调用方法吗,common的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。