现代浏览器提供了performance（性能）这个API来帮助我们分析页面的加载性能，从MDN上可以看到从IE9时代（约2011年）就开始支持了，所以目前来说兼容性还算可以，所以可以研究一下这个API具体有啥功能。 1. window.performance 为紧接着在相同的浏…

最近在写公众号的时候，常常会自己做首图，并且慢慢地发现沉迷于制作首图，感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。 制作呢，当然也不是拍拍脑袋就开始，在开始之前，就去研究了一下某在线设计网站（如果有人不知道的话，可以说一下，这是一个在线制作海报…

用于检测并削弱某些特定类型的攻击，包括跨站脚本 (XSS) 和数据注入攻击等。 CSP其实就是一个白名单策略，允许的域才能加载，其他一律拒绝。 懂得怎么使用之后，我们就来看CSP指令怎么写。 举个例子,下面这条CSP规则，就指明来script和style只能是同源的或*.qq.…

Drag&Drop设置元素为可拖放draggable事件设置数据e.dataTransfer.setData()1.实战---将【1】和【2】放到【放置框】内2.实战---拖住排序加拖拽删除