yck

今天文章来聊聊浏览器到底是如何对待下载资源的，比如说 JS、CSS、字体、图片等文件。 HTML 在解析的过程中遇到同步的 script 会卡住 DOM 解析这个知识点我相信读者们应该都知道。 上述代码中，HTML 遇到 <script>console.log(1)&…

以上代码就是举个例子，大部分情况应该都是写一个类，然后整一堆样式进去。 取名困难，节点结构一多，取名真的是个难事。当然了，我们可以用一些规范或者选择器的方式去规避一些取名问题。 需要用 JS 控制样式的时候又得多写一个类，尤其交互多的场景。 组件复用大家都懂，但是样式复用少之又…

从复杂的框架到处理 API，有太多的东西需要学习。 但是，它也能让你只用一行代码就能做一些了不起的事情。 1. 获取一个随机布尔值 (true/false) 这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 …

聊下来以后得出一些结论：这类读者普遍就职于中小型公司，前端人员个位数，平时疲于开发，团队内部几乎没有基础建设，工具很蛮荒。工程化对于这些读者来说很陌生，基本不知道这到底是什么，或者说认为 Webpack 就是前端工程化的全部了。 笔者目前就职于某厂的基础架构组，为百来号前端提供…

首先技术过时是看你当前业务的场景的。比如说有些东西是需要用在 IE6 上的，那对于大部分人开发者来说它就是一个过时的技术，但是如果你的业务还需要服务到 IE6 的用户，那么这个技术对你就还是存在价值的。 今天我们聊得过时技术只针对于大部分人，先来聊聊性能优化中已经过时的东西。 …

这不是一个给一道题目然后告诉你题解的系列，而是对于一系列题目进行分类，找出他们解题规律并得出大致框架代码的文章。吃透解一系列题目的规律比会解单个题目有用的多，毕竟你总会遇到没刷过的题。 大家对于滑动窗口应该不陌生，在 TCP 协议中就有这个概念的出现，用于控制网络流量，避免拥塞…

用 JS 操作 Cookie 其实是很麻烦的，并不存在一个简单的 API 能让我们获取或者设置 Cookie。 唯一一个操作 Cookie 的 API 是 document.cookie，但是这句代码使用起来很难受。如果说我们想要获取一个需要的 Cookie，可能得先写这么一个…

文章首发自笔者的 Github。 Promise 关于 API 这块大家应该都能熟练使用，但是和微任务相关的你可能还存在知识盲区。 在开始正文前，我们先把本文涉及到的一些内容提前定个基调。 Promise 中只有涉及到状态变更后才需要被执行的回调才算是微任务，比如说 then、…

性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 首次绘制，FP（First Paint），这个…