@media 可以针对不同的屏幕尺寸设置不同的样式，这在设计响应式的页面会非常有用。例如，媒体查询可以缩小小型设备上的字体大小，在纵向模式下查看页面时增加段落之间的填充，或者增加触摸屏上

指的是粘性定位元素最近的可滚动元素（overflow属性值不是visible的元素）的尺寸盒子，如果没有可滚动元素，则表示浏览器视窗盒子。 它的定位效果完全受限于父级元素们。如果父元素的overflow属性设置了scroll，auto,overlay值，那么，粘性定位将会失效 …

跨域，一个老生常谈的问题，也是前后端交互必定也经常会碰到的问题，相信大家都不陌生，虽然不是什么高深的东西，但是脚手架的层层封装，各种 API 的层出不穷，未免有些应接不暇，所以这种情况，就只有自己总结

上图是W3C标准的DOM事件流模型图，从图中可以看出，元素事件响应在DOM树中是从顶层的Window开始“流向”目标元素（），然后又从目标元素“流向”顶层的Window。 通常，我们将这种事件流向分为三个阶段：捕获阶段，目标阶段，冒泡阶段。 捕获阶段是指事件响应从最外层的Win…

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

作为前端工程师，前端工程化是经常听到的概念，但虽然经常听到，很多人对它的认识依然很模糊。 比如，提到前端工程化，他并不能说出什么是前端工程化。给出一门具体的技术，他也不能确定是不是属于工程化范畴的技术

1. 前言 想学好前端，先练好内功，只有内功深厚者，前端之路才会走得更远。 笔者写的 JavaScript 数据结构与算法之美 系列用的语言是 JavaScript ，旨在入门数据结构与算法和方便以后复习。 之所以把归并排序、快速排序、希尔排序、堆排序放在一起比较，是因为它们的…

做前端少不了跟动画打交道，那么实现一个动画有哪些方式呢？本文主要学习 requestAnimationFrame API， 顾名思义，请求动画帧，也称帧循环。

一直在研究eslint和prettier，网上看了很多文章，发现要么是互相抄袭，要么就是讲得不够通俗易懂，于是乎我就自己写一篇文章来讲清它们的关系。 大家可以认真的看一下，全程精品，毫无废话。