/* 判断是否是中文 */
var pattern = new RegExp("[\u4E00-\u9FA5]+");

/* 验证中文5位/英文10位 */
var reg = /^[\u4E00-\u9FA5]{1,5}$|^[A-Za-z]{1,10}$/;
reg.test(验证值) == true 
reg.test(验证值) == false 

/* 验证中文7位 */
var han = /^[\u4E00-\u9FA5]{1,7}$/;

/* 加载字体文件 */
loadFont({
    cssValue: 'hyds',
    url: 'css/hyds.ttf',
});

function loadFont(obj) {
    if (document.fonts && !this.checkFont(obj.cssValue)) {
        let fontFace = new FontFace(obj.cssValue, `local('${obj.cssValue}'),url('${obj.url}') format('ttf'),url('${obj.url}')`);
        fontFace.load().then(function (loadedFontFace) {
            document.fonts.add(loadedFontFace);
        });
    }
}

/* 检测字体文件是否已加载 */
function checkFont(name) {
    let values = document.fonts.values();
    let isHave = false;
    let item = values.next();
    while (!item.done && !isHave) {
        let fontFace = item.value;
        if (fontFace.family == name) {
            isHave = true;
        }
        item = values.next();
    }
    return isHave;
}

链接：https://www.cnblogs.com/bjf784022747/articles/10337004.html

autocomplete：默认为on，其含义代表是否让浏览器自动记录输入的值。
提示：在某些浏览器中，您可能需要手动启用自动完成功能。

autocapitalize：自动大小写
当设置了autocapitalize="words"时，每个单词的开头字母会自动大写。
当设置了autocapitalize="characters" 时，每个字母都会大写。
当设置了autocapitalize="sentences" 时，每句开头字母会自动大写。

autocorrect：纠错/自动更正

链接：http://www.oicqzone.com/pc/2015033021322.html

$.ajax({
    type: "GET",
    url: "data.json",
    dataType: "json",
    success: function (res) {
        //方法调用
        console.log(ForwardRankingDate(res.dataContent, "received"));  //2017-01-18 13:23:21
        console.log(ForwardDate(res.dataContent));
    },
    error: function (res) {
        alert("请求失败");
    }
});

/* 方法一： */

//正序日期排序方法
function ForwardRankingDate(data, p) {
    for (i = 0; i < data.length - 1; i++) {
        for (j = 0; j < data.length - 1 - i; j++) {
            console.log(Date.parse(data[j][p]));
            if (Date.parse(data[j][p]) > Date.parse(data[j + 1][p])) {
                var temp = data[j];
                data[j] = data[j + 1];
                data[j + 1] = temp;
            }
        }
    }
    return data;
}

//反序日期排序方法
function ReverseRankingDate(data, p) {
    for (i = 0; i < data.length - 1; i++) {
        for (j = 0; j < data.length - 1 - i; j++) {
            console.log(Date.parse(data[j][p]));
            if (Date.parse(data[j][p]) < Date.parse(data[j + 1][p])) {
                var temp = data[j];
                data[j] = data[j + 1];
                data[j + 1] = temp;
            }
        }
    }
    return data;
}

/* 方法二： */

//正序日期排序方法
function ForwardDate(data) {
    data.sort((a, b) => {
        return a.received > b.received ? 1 : -1;
    });
    return data;
}

//反序日期排序方法
function ReverseDate(data) {
    data.sort((a, b) => {
        return a.received < b.received ? 1 : -1;
    });
    return data;
}

html:
    <input type="text" id="txt">
    <!-- 从另一个元素复制内容，可以给目标元素添加一个 data-clipboard-target 属性来实现这个功能。 -->
    <!-- 定义一个 data-clipboard-action 属性来指明你想要复制还是剪切内容如果你省略这个属性，则默认为复制。-->
    <!-- copy/cut -->
    <div data-clipboard-action="copy" data-clipboard-target="#txt" class="copyIco">复制按钮</div>

js:
<script src="js/clipboard.min.js"></script>

/* 点击复制 */
var clipboard = new ClipboardJS('.copyIco');
clipboard.on('success', function (e) {
    console.log("复制成功，请到粘贴板粘贴")
});
clipboard.on('error', function (e) {
    console.log(e);
});

链接：http://www.clipboardjs.cn/

Lottie动画是将AE文件导出json文件，然后使用LottieJS进行动画的控制。

html:
<div id="lottie"></div>

js:	
<script src="js/lottie.min.js"></script>
var params = {
	container: document.getElementById('lottie'),
	renderer: 'svg',
	loop: true,
	autoplay: true,
	path: "data.json",
	name: "params"
};
lottie.loadAnimation(params); //加载动画

var anim = lottie.loadAnimation(params);

动画实例的主要方法
anim.play() — 播放动画。
anim.stop() — 停止动画。
anim.pause() — 暂停动画。
anim.setSpeed(speed) — 设置播放速度，参数 speed 为 Number ，1为正常速度。
anima.destroy() — 注销动画。

lottie 的主要方法
lottie.play(<name>) — 播放所有动画，name为动画名称，播放该动画。
lottie.stop(<name>) — 停止所以动画，name为动画名称，停止该动画。
lottie.setSpeed(speed, <name>) — 设置动画播放速度，speed指定速度，1为正常值，name为动画名称，只设定该动画的速度。
lottie.destroy() — 注销动画释放资源，同时清空 dom 节点。

链接：https://www.jianshu.com/p/c440eb16c685

lottie使用：https://segmentfault.com/a/1190000018618944?utm_source=tag-newest

<textarea οnkeyup="value=value.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g,'')" class="txt"></textarea>

var txt = $(".txt").val();
var regu = /([\u4E00-\u9FA5]|[\uFE30-\uFFA0])+/;  //匹配中文文字和中文符号的表达式
var re = new RegExp(regu);
if (txt == '') {
    alert("内容不能为空");
} else if (re.test(txt) == false) {
    alert("请输入中文");
}

js：
str += '<img src="' + value.teamPhoto + '" class="whImg" onerror=this.src="images/tx.png" alt="">';

html:
<img src="images/tx.png" class="whImg" onerror="this.src='images/tx.png'" alt="">

方法一：
$(".teamPK_teamMaskLis").each(function (i, el) {
    $(el).on("click", function () {
        if (sessionStorage.getItem("index") != i) {
            $(this).addClass("teamPK_selAct").siblings().removeClass("teamPK_selAct");
            sessionStorage.setItem("index", i);
        } else {
            if ($(this).hasClass("teamPK_selAct")) {
                $(this).removeClass("teamPK_selAct");
            } else {
                $(this).addClass("teamPK_selAct").siblings().removeClass("teamPK_selAct");
            }
        }
    });
});

方法二：
$(".teamPK_teamMaskLis").each(function (i, el) {
    $(el).on("click", function () {
        if ($(this).hasClass("teamPK_selAct")) {
            $(this).removeClass("teamPK_selAct");
        } else {
            $(this).addClass("teamPK_selAct").siblings().removeClass("teamPK_selAct");
        }
    });
});

/* 数字增加千分号 */
function formatNumberRgx(num) {
    if (isNaN(num)) {
        return "0";
    } else {
        var parts = num.toString().split(".");
        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        return parts.join(".");
    }
}

/* 数字去除千分号 */
function reFormatNumberRgx(num) {
    return Number(num.replace(/,/ig, ''));
}

/* 判断是否为整数类型 */
function isInteger(obj) {
    return typeof obj === 'number' && obj % 1 === 0
}

/* 数字转化为万元 */
function money(num) {
    if (isNaN(num)) {
        return "0";
    } else {
        return num / 10000;
    }
}

/* 数字不足10补0 */
function fillZero(m) {
    return m < 10 ? '0' + m : m;
}

/* 数字默认为0 */
function isZero(num) {
    return num == '' ? '0' : num;
}

/* -替换成. */
function replaceVal(num) {
    return num.replace(/-/g, ".");
}