摘要：
前言 最近参与某前端项目架构改造，发现项目中滥用z-index，设置的值有几十种并且不统一。在对项目的z-index进行梳理和统一过程中也深入学习了一下z-index，并撰写成文，希望也能帮助到陌生的你。 1、z-index z-index属性是什么？这里可参考MDN: z-index 属性设定了一 阅读全文
摘要：
前言 在本文中我将以glob是什么，glob的语法，glob与正则表达式的差异等几个方面对glob模式匹配进行一个梳理，希望也能对读者起到一定的帮助。 glob 是什么 glob是用于文件名的一种模式匹配，全程global，起源于贝尔实验室的 Unix 最早期的版本。后来，这项功能以库函数glob( 阅读全文
摘要：
废话不说，直接进正题。 最近项目有个需求需要在用户关闭页面时将页面存留的统计数据发送到后端。该需求有两个关键点： 监听页面卸载 在卸载时发送数据 如何监听用户关闭页面 首先我们需要明确，哪些场景属于用户关闭页面： 关闭浏览器 关闭/刷新页面 可监听上述场景的API为： unload beforeun 阅读全文
摘要：
CSS`表示长度的单位有许多，设置`CSS`长度的属性有width、margin、padding、font-size、border-width等，对于一些属性，长度也可以是负数。长度由数字和单位组成，如`2px`.`2em`,`2rem`。一般为长度为0可省略单位。 阅读全文
摘要：
前言 HTTP是无状态的协议，网络早期最大的问题之一是如何管理状态。服务器无法知道两个请求是否来自同一个浏览器。cookie应运而生，开始出现在各大网站，然而随着前端应用复杂度的提高，Cookie 也渐渐演化为了一个“存储多面手”，承载了 自身仅有的4KB 内存所不能承受的压力。在这样的背景下，we 阅读全文
摘要：
同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。随着互联网的发展，"同源政策"越来越严格。目前，如果非同源，共有三种行为受到限制。（1） Cookie、LocalStorage 和 IndexDB 无法读取。（2） DOM 无法获得。（3） AJAX 请求不能发送。虽然这些限制是必要的，但是有时很不方便，合理的用途也受到影响，所以跨域是有必要的。 阅读全文
摘要：
最近零零碎碎看了许多关于this的文章，本着“好记性不如烂笔头”的思想，特在这里整理一下this有关的知识点。this是什么？this是JavaScript的一个关键字，this不是编写时绑定，而是运行时绑定。它依赖于函数调用的上下文条件。this绑定和函数声明的位置无关，反而和函数被调用的方式有关。 阅读全文
摘要：
抛掉事件循环的旧印象，记住，一次事件循环：先运行macroTask队列中的一个，然后运行microTask队列中的所有任务。接着开始下一次循环。 阅读全文
摘要：
本文主要是为了梳理JS垃圾回收机制所写，阐述了JS垃圾回收机制的原理以及标记无用变量的策略（引用计数和标记清除），希望也能给小伙伴带来帮助，梳理自己的知识体系。 阅读全文
摘要：
事件是将Javascript与网页联系在一起的主要方式。为了将JS事件进行梳理，本文一一阐述了事件冒泡，事件捕获，DOM事件流，循序渐进的将事件流这一脉络梳理；然后，将事件处理程序包括HTML事件处理程序、DOM0级事件处理程序、IE事件处理程序、DOM2级事件处理程序等一一列举，并给出了跨浏览器事件处理方案；最后，讲述了事件委托这一JS中常用技巧，并列举了使用这一技术的好处。希望在阅读本文后，读者对于JS事件有一个清晰的认知。 阅读全文