Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content

Aric-sky/WebUtilCode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

94 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

程序员成长之路

javascript 总结(常用工具类的封装)

addeventListener.js

on // 返回一个事件监听函数,兼容IE;可理解为addeventListener的兼容版本
Scroll类 // PC端滚动事件绑定方法合集
addListener(dom, listenerList) // 用WeakMap绑定监听的方法

ajax.js

使用原生方法封装的xhr请求

axios.js

封装axios的get、post方法

array.js 数组操作常用方法

ArrayFn 类:

contains /*判断一个元素是否在数组中*/
each、map // 遍历数组
sort    // 排序
unique /*去重*/
union  /*求两个集合的并集*/
intersect /*求两个集合的交集*/
remove /*删除其中一个元素*/
formArray  /*将类数组转换为数组的方法*/
max     /*最大值*/
min      /*最小值*/
sum     /*求和*/
average      /*平均值*/
average  /*扁平化*/

date-time.js

DateFn类,时间格式化

formatTime  // @example formatTime('2018-1-29', '{y}/{m}/{d} {h}:{i}:{s}') // -> 2018/01/29 00:00:00
getMonths   // 返回指定长度的月份集合
getDays     // 返回指定长度的天数集合
formatHMS       // @example formatHMS(3610) // -> 1h0m10s
getMonthOfDay   // 获取某月有多少天
getYearOfDay    // 获取某年有多少天
getFirstDayOfYear   // 获取某年的第一天
getLastDayOfYear    // 获取某年最后一天
getDayOfYear    // 获取某个日期是当年中的第几天
getDayOfYearWeek    // 获取某个日期在这一年的第几周
timeFuc     // 计算时间差

dom.js 对原生方法的封装

DomFn类,原生方法实现查找,类名替换,节点获取功能,使用方法同jQuery,更轻量。

$       // 获取节点
hasClass    // 检测类名
addClass    // 添加类名
removeClass     // 删除类名
replaceClass        // 替换类名
siblings        // 获取兄弟节点
getByStyle      // 获取行间样式属性
createDom       // 生成dom元素

fetch.js

http类,对whatwg-fetch包的封装,用于http请求

fun.js

once // 限制方法只调用一次

number.js

toDecimal2(x)       // 只保留2位小数
numberToChinese     // 将阿拉伯数字翻译成中文的大写数字
changeToChinese     // 将数字转换为大写金额

random.js

createId        // 获取随机ID
random(min, max)    // 获取随机数
getRandomColor      // 获取十六进制随机颜色

requestAnimationFrame.js

requestAnimationFrame API 浏览器兼容方案

share.js

分享功能相关存储、判断方法

sort.js

排序大法好:三大排序: 冒泡,插入,快速

type.js

checkPrototype      // 判断数据类型
isFalse             // 判断是否为false
isIos           // 判断是否为ios
isPC        // 判断是否是pc
isMobile        // 判断是否为mobile
browserType     // 浏览器类型检测
browserTypeHasVersion       // 检测浏览器类型包含版本号
checkStr        // 判断字符串格式

URL.js

setUrlParam(key, value)     // 设置url查询参数
serialize       // 格式化查询参数 obj => string
parse_url       // 获得url中的查询参数对象,返回object
getQueryString      // 获得URL中的指定参数
getUrlAllParams     // 获取全部url参数,并转换成json对象
delParamsUrl        // 删除url指定参数,返回url
/*                     _ooOoo_
 *                    o8888888o
 *                    88" . "88
 *                    (| -_- |)
 *                    O\  =  /O
 *                 ____/`---'\____
 *               .'  \\|     |//  `.
 *              /  \\|||  :  |||//  \
 *             /  _||||| -:- |||||-  \
 *             |   | \\\  -  /// |   |
 *             | \_|  ''\---/''  |   |
 *             \  .-\__  `-`  ___/-. /
 *           ___`. .'  /--.--\  `. . __
 *        ."" '<  `.___\_<|>_/___.'  >'"".
 *       | | :  `- \`.;`\ _ /`;.`/ - ` : | |
 *       \  \ `-.   \_ __\ /__ _/   .-` /  /
 *  ======`-.____`-.___\_____/___.-`____.-'======
 *                     ‘=---=’
 *  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 *             佛祖保佑       永无BUG
 *
 */

About

🔨常用工具 JS && CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published