网页3剑客

IntersectionObserver使延迟加载变得比以前更容易、更高效，但是要真正正确地进行加载，仍然需要删除src等，这很麻烦。Chrome 75 将默认启用延迟加载功能：loading属性本地原生支持img图片、iframes延迟加载

git强制覆盖本地命令（单行执行）：git fetch --all && git reset --hard origin/master && git pull

网页中经常会遇到这样的需求，例如：点击链接或者用户正准备离开网页时，需要将这些信息发送给后端服务器做为统计分析。

nginx 是一个高性能的 HTTP 和反向代理服务器，也是一个通用的 TCP/UDP 代理服务器，最初由俄罗斯人 Igor Sysoev 编写。

只有你想不到的，没有你做不到的，多用css3、 多用原生javascrpit(ES5基本全部支持)

判断一个变量是否是数组类型，虽然用到的地方不是太多，但权当收藏学习，刷一下面试题。网上收集了目前有6种方式

overscroll-behavior CSS 属性是 overscroll-behavior-x 和 overscroll-behavior-y 属性的合并写法, 让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。

手机号码为11位，正则：/^(0|86|17951)?(13[0-9]|14[57]|15[012356789]|16[0-9]|17[0-9]|18[0-9]|19[0-9])[0-9]{8}$/，替换：var endPhone = phone.replace(/^(\d{3})\d{4}(\d+)/,"$1****$2")

缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。

在HTML里面加入DNS Prefetch 则会让浏览器提前进行DNS的解析并且缓存到系统中，这样就可以提升网页的加载速度。