is()方法用于查看选择的元素是否匹配选择器，如果这些元素中至少有一个元素匹配给定的参数，则返回true。

<!-- 判断点击事件来源是否为“li”标签本身，是才执行操作 -->
<ul class="box">
    <p>啊啊啊啊啊啊啊啊啊啊啊</p>
    <li>啊啊啊啊啊啊啊啊啊啊啊</li>
    <li>啊啊啊啊啊啊啊啊啊啊啊</li>
    <li>啊啊啊啊啊啊啊啊啊啊啊</li>
</ul>
$(".box").on("click", function (e) {
    var target = $(e.target);  //获取事件源
    console.log(target.is("li"));
    if (target.is("li")) {
        target.toggleClass("active");
    }
});

1. Math.random()
var num = Math.floor(Math.random() * arr.length)

2. new Date()
rnd.today = new Date();
rnd.seed = rnd.today.getTime();
function rnd() {
    rnd.seed = (rnd.seed * 9301 + 49297) % 233280;
    return rnd.seed / (233280.0);
};
function rand(number) {
    return Math.floor(rnd() * number);
};
var num = rand(4);

console.log(num)

.mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.6) url(../images/play.png)no-repeat center;background-size: 20%;}

XSS漏洞又称为“跨站脚本”漏洞，指的是网站对于用户输入的内容不加甄别的原样又输出到了页面中，造成恶意代码被执行的漏洞。

js：
引入HtmlSanitizer.js
function xss(xss) {
	return HtmlSanitizer.SanitizeHtml(xss);
}

let baseURL;
let url = location.href;

if(process.env.NODE_ENV === "production"){  /* production打包生产 */
    baseURL = "";
}else {  /* development本地开发 */
  if(url.indexOf("sit") > -1 || url.indexOf("192") > -1 || url.indexOf("p.tohours") > -1 || url.indexOf("svn.tohours") > -1){
    baseURL = "";
  }else if(url.indexOf("uat") > -1){
    baseURL = "";
  }
}

axios.defaults.baseURL = baseURL;

html:
<div id="vid"></div>
<div class="control"></div>

css:
.control {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6) url("images/play.png")no-repeat center;
    background-size: 20%;
    z-index: 100;
}

js:
<script src="https://vm.gtimg.cn/tencentvideo/txp/js/txplayer.js"></script>

videplayeristx('q00335hcviu');
$(".control").height(screen.availHeight / 3);

var player;
function videplayeristx(id) {
    player = new Txplayer({
        containerId: 'vid',  /* 点播容器dom的ID */
        vid: id,  /* 点播vid */
        width: '100%',
        height: screen.availHeight / 3
    });
}
$(".control").on("click", function () {
    $(this).hide();
    player.togglePlayPause();
});

链接：https://tgideas.qq.com/doc/frontend/component/common/txplayer.html

当type="number"时，maxlength="11"限制的长度无效
使用 oninput="if(value.length>11)value=value.slice(0,11)" 截取长度显示可实现限制长度的功能

<audio src="" id="music"></audio>

var music = document.getElementById("music");
music.addEventListener("canplay", function(){
     alert('mp3加载完成......')
 });

npm install moment -save-dev

main.js
import moment from 'moment'
Vue.prototype.$moment = moment;

v-text="$moment(item.time).format('YYYY-MM-DD HH:mm:ss')"

document.body.contentEditable = true
给body标签设置了contentEditable属性为true，也就是说body标签下的内容都被设置成了可编辑状态。