唐九

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第7天，点击查看活动详情 一、什么是宏任务和微任务？ 首先，我们要先了解下 Js 。js 是一种单线程语言，简单的说就是：只有一条通

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：

改变原数组的： 1、 shift：将第一个元素删除并且返回删除元素，空即为undefined 2、unshift：向数组开头添加元素，并返回新的长度 3、pop：删除最后一个并返回删除的元素 4、pu

最近我朋友在群里发了一张图，说为什么main的宽度100%了，sub还是可以覆盖它呢？看来是时候带他回忆一波经典的圣杯布局和双飞翼布局了。正好最近看到好多面试题都有提到。 /笑哭 通俗的来说就是左右两栏固定宽度，中间部分自适应的三栏布局。 双飞翼布局和圣杯布局很类似，不过是在m…

作为一个前端工程师，在编写 CSS 时外边距折叠及 BFC 都是经常遇到的情况，今天就来做一下总结。 在 CSS 中，两个或者多个普通流中相邻盒子的边距在垂直方向上会发生折叠的这种现象叫做外边距折叠。外边距折叠分为父子外边距折叠及兄弟外边距折叠。 我们给 child 添加了 m…

通常一个页面可以分为三个阶段，加载阶段、交互阶段、关闭阶段，影响前端性能的主要就是前面两个阶段，那本文会从这两个阶段入手讲解，如果能搭配浏览器DevTools那就更棒了。

在计算机领域，响应式编程（英文：Reactive Programming）是一种面向数据流和变更传播的异步编程范式。就像一个简单的 Click 事件，我们可以通过监听它来做出相应的行为，响应式编程将所有的变量、用户输入、异步接口请求等均看作是可观察的（Observable）数据…

不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。

WebP 是什么？ WebP 是一种同时提供了有损压缩与无损压缩的图片文件格式。可以大大压缩图片的大小，并且图片的质量和 png、jpeg 等相同。