Name	Name	Last commit message	Last commit date
parent directory ..
README.md	README.md
promise的变体方法.md	promise的变体方法.md
react-hooks.md	react-hooks.md

javascript 常用片段

1

如何获取当前所在周的起始和结束的日期

/**
 * 获取当前星期的起始日期和结束日期
 * @param {string} startFormat 周一的时间格式
 * @param {string} endFormat   周日的时间格式
 * @param {number} timestamp   所在周的时间戳，若不传入，则默认使用当前时刻的时间戳
 * @returns {string, string} {startDate, endDate} 返回的数据
 */
export const getWeekStartAndEnd = (
    startFormat: string,
    endFormat: string,
    timestamp?: number
): {
    startDate: string,
    endDate: string,
} => {
    const oneDayTime = 1000 * 3600 * 24;
    const nowDate = timestamp ? new Date(timestamp) : new Date();
    const now = nowDate.getTime();
    const nowDay = nowDate.getDay() === 0 ? 7 : nowDate.getDay();
    const startDate = new Date(now - oneDayTime * (nowDay - 1));
    const endDate = new Date(now + oneDayTime * (7 - nowDay));

    return {
        startDate: formatTime(startDate.getTime(), startFormat),
        endDate: formatTime(endDate.getTime(), endFormat),
    };
};

对 cookie 的添加/获取和删除

var cookie = {
    //写cookies
    setCookie: function (name, value) {
        var Days = 365;
        var exp = new Date();
        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
        document.cookie =
            name + '=' + escape(value) + ';expires=' + exp.toGMTString();
    },

    //读取cookies
    getCookie: function (name) {
        var arr,
            reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)');
        if ((arr = document.cookie.match(reg))) return unescape(arr[2]);
        else return null;
    },

    //删除cookies， name可以为字符串('username')或数组(['username', 'password', ...])
    delCookie: function (name) {
        var delItem = function (item) {
            var exp = new Date();
            exp.setTime(exp.getTime() - 1);
            var cval = cookie.getCookie(item);
            if (cval !== null)
                document.cookie =
                    item + '=' + cval + ';expires=' + exp.toGMTString();
        };

        if (typeof name === 'string') {
            delItem(name);
        } else {
            for (var i = 0, len = name.length; i < len; i++) {
                delItem(name[i]);
            }
        }
    },
};

js 字符串翻转

js 中没有直接对字符串进行反转的，需要我们先转换成数组，然后使用数组中的reverse()方法翻转，最后在把数组拼接回字符串。

var str = 'abcdefg';
var revs = str.split('').reverse().join('');
console.log(revs);

js 产生随机数字

这是利用 js 里的Math.random()产生的。若使用 *1000000 然后再强制转成整型也行；不过使用下面的方式可以更加简洁一些，直接截取随机数的最后 6 位进行返回：

function getRanNum() {
    return ('' + Math.random()).slice(-6); // Math.random().toString().slice(-6)
}

其实，产生 32 位的字母和数字混合的字符串也比较简单，先给出一个含有包含所有字符和数字的混合字符串，然后使用Math.random()摘取每位上的字符进行拼接，最后能够得到一个 32 位的随机字符串；或者使用 js 的 md5()进行加密也可以。可以参考本人收藏的 md5 加密代码【md5 加密】

radio-checkbox-select

jquery 对 radio, checkbox 的 input 标签和 select 标签的操作

input[type=radio]的操作：

// boolean, 判断radio是否有被选中的元素
$('#myradio input[type=radio]').is(':checked');

// 设置radio选中某个元素
$('#myradio input:eq(1)').prop('checked', true);

// 设置radio取消选中某个元素
$('#myradio input:eq(1)').prop('checked', false);

// 获取选中的radio的值
var val = $('#myradio input[type=radio]:checked').val();

input[type=checkbox]的操作：

// 判断复选框是否选中
var bool = $('#mycheckbox input[type=checkbox]').is(':checked');

// 全选，所有的checkbox都添加上checked属性
$('#checkall').click(function () {
    $('#like input[type=checkbox]').prop('checked', true);
});

// 反选，判断当前的checkbox是否被选中，若被选中则设置checked属性为false，否则设置checked属性为true
$('#reverse').click(function () {
    $('#like input[type=checkbox]').each(function () {
        if ($(this).is(':checked')) {
            $(this).prop('checked', false);
        } else {
            $(this).prop('checked', true);
        }
    });
});

// 取消选中，去掉所有checkbox的checked属性
$('#deleteall').click(function () {
    $('#like input[type=checkbox]').prop('checked', false);
});

// 获取选中的值
$('#getcheckval').click(function () {
    var result = [];
    $('#mycheckbox input[type=checkbox]:checked').each(function () {
        result.push($(this).val());
    });
    console.log(result);
});

select 标签：

// 获取select选中的value值，给select一个id，直接使用`val()`获取就行
$('#province').val();

requestAnimationFrame 的兼容性处理

// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
// MIT license
(function () {
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit', 'o'];
    for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
        window.requestAnimationFrame =
            window[vendors[x] + 'RequestAnimationFrame'];
        window.cancelAnimationFrame =
            window[vendors[x] + 'CancelAnimationFrame'] ||
            window[vendors[x] + 'CancelRequestAnimationFrame'];
    }
    if (!window.requestAnimationFrame)
        window.requestAnimationFrame = function (callback, element) {
            var currTime = new Date().getTime();
            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
            var id = window.setTimeout(function () {
                callback(currTime + timeToCall);
            }, timeToCall);
            lastTime = currTime + timeToCall;
            return id;
        };
    if (!window.cancelAnimationFrame)
        window.cancelAnimationFrame = function (id) {
            clearTimeout(id);
        };
})();

获取鼠标移动的方向

我们一定遇见过鼠标从哪个地方进入到某 div 中，遮罩就从哪个方向出现，鼠标从哪个地方离开这个 div，遮罩就从哪个方向消失。整个动画实现的基础就是获取鼠标移动的方向。

/*
 * 获取元素移动的方向
 * @param  $element  元素的jQuery对象
 * @param  event     事件对象
 * @return direction 返回一个数字：0:上，1:右，2:下，3:左
 **/
function getDirection($element, event) {
    var w = $element.width(),
        h = $element.height(),
        x =
            (event.pageX - $element.offset().left - w / 2) *
            (w > h ? h / w : 1),
        y = (event.pageY - $element.offset().top - h / 2) * (h > w ? w / h : 1),
        direction =
            Math.round((Math.atan2(y, x) * (180 / Math.PI) + 180) / 90 + 3) % 4;

    return direction;
}

$('#content')
    .on('mouseenter', function (event) {
        console.log('enter: ' + getDirection($(this), event));
    })
    .on('mouseleave', function (event) {
        console.log('leave: ' + getDirection($(this), event));
    });

扩展 String 中的 format

对 String 原型进行扩展: String.prototype.methodName=function...
正则表达式： /{(\d+)}/g ；取"{0}"这种格式的占位符，并对里面的数字放入子组
js 的 replace 方法有一种重载, string.format(regex , function(group0【匹配项】,group1【子组第一个】...){ //code... }) ；对于每次匹配到的一个占位符，都从参数相应的位置取得替换项。

String.prototype.format = function () {
    var args = arguments;
    var reg = /\{(\d+)\}/g;
    return this.replace(reg, function (g0, g1) {
        return args[+g1] || '';
    });
};
//用法：
"hello {0},your age is {1},so {0}'s age is {1}".format('tom', 12);
//"hello tom,your age is 12,so tom's age is 12"

若不想在String的类型上进行拓展，也可以这样修改：

var tool = {
    format: function (str) {
        var args = arguments;
        var reg = /\{(\d+)\}/g;
        return str.replace(reg, function (g0, g1) {
            g1++;

            return args[+g1] || '';
        });
    },
};

tool.format("hello {0},your age is {1},so {0}'s age is {1}", 'tom', 12);
// "hello tom,your age is 12,so tom's age is 12"

字符串的替换

除了上面的format方法，这里还有一种方式：

/**
 * 替换字符串中特定符号中间的数据
 *
 * @param str
 * @param params
 */
export const strReplace = (str: string, params: any = {}): string => {
    let reg = new RegExp('{(.+?)}', 'g'); // /{(.+?)}/g
    return str.replace(reg, ($1, $2) => {
        if ($1 && params.hasOwnProperty($2)) {
            return params[$2];
        }
        return $1;
    });
};

使用样例：

const str = `my name is {nickname}, my age is {age}.`;
const info = strReplace(str, {
    nickname: '蚊子',
    age: 24
});
console.log(info); // my name is 蚊子, my age is 24.

js 产生随机字符串

Math.random().toString(36).substr(2);

很有意思，研究了一下，基本上 toString 后的参数规定可以是 2-36 之间的任意整数，不写的话默认是 10（也就是十进制），此时返回的值就是那个随机数。

若是偶数，返回的数值字符串都是短的，若是奇数，则返回的将是一个很大长度的表示值。

若<10 则都是数字组成，>10 才会包含字母。

所以如果想得到一长串的随机字符，则需使用一个 > 10 且是奇数的参数，另外根据长度自行使用 slice(2,n)截取！

解析 url 中的参数

用于解析当前 URL 中带的参数，如 https://www.xiabingbao.com/post/javascript/2015/01/30/geturl-param.html?a=1&b=wenzi。

function parseUrl(search, name) {
    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
    var r = url.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}
parseUrl(window.location.search, 'id');

时间格式化

//格式化日期
Date.prototype.format = function (fmt) {
    var o = {
        'y+': this.getFullYear(),
        'M+': this.getMonth() + 1, //月份
        'd+': this.getDate(), //日
        'h+': this.getHours(), //小时
        'm+': this.getMinutes(), //分
        's+': this.getSeconds(), //秒
        'q+': Math.floor((this.getMonth() + 3) / 3), //季度
        'S+': this.getMilliseconds(), //毫秒
    };
    for (var k in o) {
        if (new RegExp('(' + k + ')').test(fmt)) {
            if (k == 'y+') {
                fmt = fmt.replace(
                    RegExp.$1,
                    ('' + o[k]).substr(4 - RegExp.$1.length)
                );
            } else if (k == 'S+') {
                var lens = RegExp.$1.length;
                lens = lens == 1 ? 3 : lens;
                fmt = fmt.replace(
                    RegExp.$1,
                    ('00' + o[k]).substr(('' + o[k]).length - 1, lens)
                );
            } else {
                fmt = fmt.replace(
                    RegExp.$1,
                    RegExp.$1.length == 1
                        ? o[k]
                        : ('00' + o[k]).substr(('' + o[k]).length)
                );
            }
        }
    }
    return fmt;
};

使用：

var date = new Date();
console.log(date.format('yyyy年MM月dd日 hh:mm:ss.S')); //输出: 2016年04月01日 10:41:08.133
console.log(date.format('yyyy-MM-dd hh:mm:ss')); //输出: 2016-04-01 10:41:08
console.log(date.format('yy-MM-dd hh:mm:ss')); //输出: 16-04-01 10:41:08
console.log(date.format('yy-M-d hh:mm:ss')); //输出: 16-4-1 10:41:08

获取当前月份的第一天和最后一天

通过【如何获取某一天所在的星期】进行延展而来，这里是获取所在月份的第一天和最后一天。

第 2 个参数是月份，从 0 开始，范围是 0~11；

const date = new Date();
const monthFirstDate = new Date(date.getFullYear(), date.getMonth(), 1);
const monthLastDate = new Date(date.getFullYear(), date.getMonth() + 1, 0);

console.log(monthFirstDate, monthLastDate);

注意，月份从 0 开始计算，但是，天数从 1 开始计算。另外，除了日期的默认值为 1，小时、分钟、秒钟和毫秒的默认值都是 0。

这些参数如果超出了正常范围，会被自动折算。比如，如果月设为 15，就折算为下一年的 4 月。

截断字符串并添加省略号

当字符串过长时，可以按照设定的长度来截取：

/**
 * @param {string} str 要截取的字符串
 * @param {number} size 截取的长度
 * @param {string} tail 补充的字符，默认是3个点
 * @return {string} 返回截取后的字符串
 */
const truncate = (str: string, size: number, tail?: string) => {
    function trim(str: string) {
        if (isEmpty(str)) {
            return str;
        }
        return str.replace(/(^\s*)|(\s*$)/g, '');
    }

    function isEmpty(str: any) {
        if (str === undefined || str === '' || str === null) {
            return true;
        }
        return false;
    }

    let nstr = trim(str);

    const arr = Array.from(str);

    let cLen = arr.length;
    let length = size <= 0 ? cLen : size;
    if (length > cLen) return nstr;
    nstr = arr.slice(0, length).join('');
    nstr += tail || '...';

    return nstr;
};

控制使用的 class：

具体的 github 链接：JedWatson/classnames

const classnames = (...classes) => {
    const hasOwn = {}.hasOwnProperty;
    let _classes = [];

    for (let i = 0; i < classes.length; i++) {
        let arg = classes[i];
        if (!arg) continue;

        let argType = typeof arg;

        if (argType === 'string' || argType === 'number') {
            _classes.push(arg);
        } else if (Array.isArray(arg) && arg.length) {
            let inner = classnames.apply(null, arg);
            if (inner) {
                _classes.push(inner);
            }
        } else if (argType === 'object') {
            for (let key in arg) {
                if (hasOwn.call(arg, key) && arg[key]) {
                    _classes.push(key);
                }
            }
        }
    }

    return _classes.join(' ');
};

样例：

classNames('foo', 'bar'); // => 'foo bar'
classNames('foo', { bar: true }); // => 'foo bar'
classNames({ 'foo-bar': true }); // => 'foo-bar'
classNames({ 'foo-bar': false }); // => ''
classNames({ foo: true }, { bar: true }); // => 'foo bar'
classNames({ foo: true, bar: true }); // => 'foo bar'

// lots of arguments of various types
classNames('foo', { bar: true, duck: false }, 'baz', { quux: true }); // => 'foo bar baz quux'

// other falsy values are just ignored
classNames(null, false, 'bar', undefined, 0, 1, { baz: null }, ''); // => 'bar 1'

iOS 移动端键盘收起防止产生空白

在 iPhone 等设备中表单输入完成后，页面会产生空白，这里添加一个失去焦点的事件，滚动下页面：

// 防止键盘收起时，产生的空白
const focusoutCallback = () => {
    if (os.ios) {
        //键盘收齐页面空白问题
        const scrollHeight = document.body.scrollHeight;
        document.documentElement.scrollTop = scrollHeight;
        document.body.scrollTop = scrollHeight;

        window.scrollBy(0, 1);
        window.scrollBy(0, -1);
    }
};

useEffect(() => {
    document.body.addEventListener('focusout', focusoutCallback);
    return () => {
        document.body.removeEventListener('focusout', focusoutCallback);
    };
}, []);

页面可见性的检测

由于历史原因，这个 API 还定义了 document.hidden 属性。该属性只读，返回一个布尔值，表示当前页面是否可见。当 document.visibilityState 属性返回 visible 时，document.hidden 属性返回 false；其他情况下，都返回 true。该属性只是出于历史原因而保留的，只要有可能，都应该使用 document.visibilityState 属性，而不是使用这个属性。

export const pageVisibility: Function = (() => {
    let hidden = '',
        state = '';

    const keyWithPrefix = (prefix: string, key: string) => {
        if (prefix !== '') {
            // 首字母大写
            return prefix + key.slice(0, 1).toUpperCase() + key.slice(1);
        }
        return key;
    };

    const isPageVisibilitySupport = (() => {
        let support = false;
        if (typeof window === 'undefined') {
            return support;
        }
        ['', 'webkit', 'moz', 'ms', 'o'].forEach((item) => {
            let s = keyWithPrefix(item, 'hidden');
            if (!support && s in document) {
                hidden = s;
                state = keyWithPrefix(item, 'visibilityState');
                support = true;
            }
        });
        return support;
    })();

    return () => {
        // 若不支持，则默认页面一直可见
        if (!isPageVisibilitySupport) {
            return true;
        }
        if (state in document) {
            return (document as any)[state] === 'visible';
        } else if (hidden in document) {
            return !(document as any)[hidden];
        }
    };
})();

为 localStorage 添加过期时间

localStorage 是浏览器提供的本地存储功能，不用像 cookie 一样跟着 header 一起传递。但 localStorage 没有过期功能，所有存储的数据都会永久存储。为了方便数据的过期，我在这里对 localStorage 进行了下封装，提供了过期的功能。

class LocalStore {
    prefix: string = '';

    // 初始化，并设置字段的前缀
    constructor({ prefix }: any) {
        this.prefix = prefix + '.';
    }

    // 设置字段，并设置过期时间
    setItem(key: string, value: string | number, day: number = 30) {
        if (window.localStorage) {
            const expire: number =
                new Date().getTime() + day * 24 * 60 * 60 * 1000;

            window.localStorage.setItem(
                this.prefix + key,
                JSON.stringify({
                    value,
                    expire,
                })
            );
        }
    }

    // 若存在且在有效期，则正常返回，否则为null
    getItem(key: string) {
        if (window.localStorage) {
            const result = window.localStorage.getItem(this.prefix + key);
            if (result) {
                try {
                    const { value, expire } = JSON.parse(result);

                    if (Date.now() <= expire) {
                        return value;
                    }

                    // 当过期的时候，自动删除
                    this.delItem(key);
                    return null;
                } catch (e) {
                    console.warn('LocalStore getItem error: ' + e);
                }
            }
            return null;
        }
    }

    // 删除数据
    delItem(key: string) {
        window.localStorage &&
            window.localStorage.removeItem(this.prefix + key);
    }

    // 删除已过期的key，返回已删除的key的数量
    cleanExceed(): number {
        let num = 0;
        if (window.localStorage) {
            const length = localStorage.length;
            const now = Date.now();
            let key: string | null = '';
            for (let i = 0; i < length; i++) {
                key = localStorage.key(i);
                if (key && key.indexOf(this.prefix) === 0) {
                    const result = window.localStorage.getItem(key);
                    if (result) {
                        try {
                            const { expire } = JSON.parse(result);
                            if (now > expire) {
                                this.delItem(key);
                                num++;
                            }
                        } catch (e) {
                            console.warn('LocalStore getItem error: ' + e);
                        }
                    }
                }
            }
        }
        return num;
    }
}

使用方法：

const local = new LocalStore('question'); // 添加字段的前缀，防止重复
local.setItem('name', '蚊子', 2); // 存储name字段，值为`蚊子`，有效期为2天
local.getItem('name'); // 获取name字段的值，若存在且在有效期，则正常返回，否则为null
local.delItem('name'); // 删除name字段的数据
local.cleanExceed(); // 清除所有过期的字段

对数组进行随机排序

比较简单的方式是利用自带的 sort 方法Array.sort：

function randomSort(arr) {
    arr.sort(() => Math.random() - 0.5);
}

但这种算法随机起来可能会不均匀，这里还有洗牌算法：

function shuffleSort(arr) {
    var n = arr.length;

    while (n--) {
        var index = Math.floor(Math.random() * n);
        [arr[index], arr[n]] = [arr[n], arr[index]];
    }
}

前端生成 uuid

从前端的角度，无法实现真的 uuid，只能靠一些时间戳和随机数，生成尽量少的 hash 碰撞的数据。

现在chrome浏览器已经随机方法了：crypto.randomUUID().

我之前生成的方法是：

const uuid = Date.now() + Math.random().toString().slice(-6);

用毫秒时间戳和随机数后 6 位的数据当做用户的 uuid，不过这种方式不符合RFC4122标准。RFC4122 标准的格式如下：

const uuid = '1b671a64-40d5-491e-99b0-da01ff1f3341';
const format = 'xxxxxxxx-xxxx-Mxxx-Nxxx-xxxxxxxxxxxx'; // 格式

规则：

除去横杠，有 32 位数字和字符（一共 36 位）；
每位都是 16 进制中的数据，即[0-9a-f]；
横杠分割开的位数分别是：8-4-4-4-12；
M：表示当前 uuid 的版本，目前只有五个版本，即只会出现 1，2，3，4，5；
N：只能是 8,9,a,b 其中的一个；

生成 uuid 的方法主要有：

UUID Version 1：基于时间的 UUID

基于时间的 UUID 通过计算当前时间戳、随机数和机器 MAC 地址得到。由于在算法中使用了 MAC 地址，这个版本的 UUID 可以保证在全球范围的唯一性。但与此同时，使用 MAC 地址会带来安全性问题，这就是这个版本 UUID 受到批评的地方。如果应用只是在局域网中使用，也可以使用退化的算法，以 IP 地址来代替 MAC 地址－－Java 的 UUID 往往是这样实现的（当然也考虑了获取 MAC 的难度）。

UUID Version 2：DCE 安全的 UUID

分布式计算环境（Distributed Computing Environment)安全的 UUID 和基于时间的 UUID 算法相同，但会把时间戳的前 4 位置换为 POSIX 的 UID 或 GID。这个版本的 UUID 在实际中较少用到。

UUID Version 3：基于名字的 UUID（MD5）

基于名字的 UUID 通过计算名字和名字空间的 MD5 散列值得到。这个版本的 UUID 保证了：相同名字空间中不同名字生成的 UUID 的唯一性；不同名字空间中的 UUID 的唯一性；相同名字空间中相同名字的 UUID 重复生成是相同的。

UUID Version 4：随机 UUID

根据随机数，或者伪随机数生成 UUID。这种 UUID 产生重复的概率是可以计算出来的，但随机的东西就像是买彩票：你指望它发财是不可能的，但狗屎运通常会在不经意中到来。

UUID Version 5：基于名字的 UUID（SHA1）

和版本 3 一样，不过散列函数换成了 SHA1。

node 版本的 uuid：uuid。

这里提供一个前端可以使用的 v4 版本的方法：

function uuidv4() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
        var r = (Math.random() * 16) | 0,
            v = c == 'x' ? r : (r & 0x3) | 0x8;
        return v.toString(16);
    });
}

还有一种是基于时间戳和随机数的综合体：

function generateUUID() {
    // Public Domain/MIT
    var d = new Date().getTime(); //Timestamp
    var d2 = (performance && performance.now && performance.now() * 1000) || 0; //Time in microseconds since page-load or 0 if unsupported
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
        var r = Math.random() * 16; //random number between 0 and 16
        if (d > 0) {
            //Use timestamp until depleted
            r = (d + r) % 16 | 0;
            d = Math.floor(d / 16);
        } else {
            //Use microseconds since page-load if supported
            r = (d2 + r) % 16 | 0;
            d2 = Math.floor(d2 / 16);
        }
        return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);
    });
}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

javascript

javascript

README.md

javascript 常用片段

1

如何获取当前所在周的起始和结束的日期

对 cookie 的添加/获取和删除

js 字符串翻转

js 产生随机数字

radio-checkbox-select

requestAnimationFrame 的兼容性处理

获取鼠标移动的方向

扩展 String 中的 format

字符串的替换

js 产生随机字符串

解析 url 中的参数

时间格式化

获取当前月份的第一天和最后一天

截断字符串并添加省略号

控制使用的 class：

iOS 移动端键盘收起防止产生空白

页面可见性的检测

为 localStorage 添加过期时间

对数组进行随机排序

前端生成 uuid

UUID Version 1：基于时间的 UUID

UUID Version 2：DCE 安全的 UUID

UUID Version 3：基于名字的 UUID（MD5）

UUID Version 4：随机 UUID

UUID Version 5：基于名字的 UUID（SHA1）

Files

javascript

Directory actions

More options

Directory actions

More options

Latest commit

History

javascript

Folders and files

parent directory

README.md

javascript 常用片段

1

如何获取当前所在周的起始和结束的日期

对 cookie 的添加/获取和删除

js 字符串翻转

js 产生随机数字

radio-checkbox-select

requestAnimationFrame 的兼容性处理

获取鼠标移动的方向

扩展 String 中的 format

字符串的替换

js 产生随机字符串

解析 url 中的参数

时间格式化

获取当前月份的第一天和最后一天

截断字符串并添加省略号

控制使用的 class：

iOS 移动端键盘收起防止产生空白

页面可见性的检测

为 localStorage 添加过期时间

对数组进行随机排序

前端生成 uuid

UUID Version 1：基于时间的 UUID

UUID Version 2：DCE 安全的 UUID

UUID Version 3：基于名字的 UUID（MD5）

UUID Version 4：随机 UUID

UUID Version 5：基于名字的 UUID（SHA1）