codinglin

一个相对抽象的概念。本文用大白话说清楚。BFC到底是什么东西，他拥有什么机制。他又能解决什么样的问题。...

在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！...

回家自由职业有一个半月了，这段时间确实过的挺开心的。 虽然收入不稳定，但小册和公众号广告的收入也足够生活。 我算过，在小县城的家里，早饭 10 元，午饭 60元（按照偶尔改...

如果你用惯了process-on 和 drawio这类流程图工具，那么是时候试试白板了，发挥你的想象力，创造不一样的东西。...

今天我们来学习通过 React Flow 和 Web Audio API 来创建一个可交互的语音广场...

Performance 可以记录站点在运行过程中的性能数据，有了这些性能数据，我们就可以回放整个页面的执行过程，这样就方便我们来定位和诊断每个时间段内页面的运行情况.......

在上一篇文章 中，我们从技术演变的角度介绍了 PWA，今天我们要站在开发者和项目角度来聊聊 WebComponent，同样它也是一套技术的组合，能提供给开发者组件化开发的能...

要让浏览器切入到移动端，让其取得和原生应用同等待，那应该怎么做呢？这就是我们本文要聊的 PWA。那什么是 PWA？PWA 又是以什么方式切入到移动端的呢？...

WebApp 优异的性能表现，要归功于浏览器存储技术的广泛应用，这与本地存储技术息息相关.........

CDN （Content Delivery Network，即内容分发网络）指的是一组分布在各个地区的服务器.........

现代浏览器采用了多进程架构，将渲染进程和浏览器主进程做了分离。下面我们重点从操作系统安全的视角来看看浏览器的多进程架构.........

在上一篇文章 HTTP/2：如何提升网络速度？ 中，HTTP/2 似乎可以完美取代 HTTP/1 了，不过 HTTP/2 依然存在一些缺陷，于是就有了 HTTP/3。...

在上一篇文章 HTTP/1.0 与 HTTP/1.1 的区别 中，我们聊了 HTTP/1.0 和 HTTP/1.1，虽然 HTTP/1.1 做了大量的优化，但是依然存在很多...

被浏览器推动的 HTTP/1.0 支持多种类型的文件下载是 HTTP/1.0 的一个核心诉求，而且文件格式不仅仅局限于 ASCII 编码，还有很多其他类型编码的文件.......

这篇文章，我们来聊聊浏览器如何申请数字证书这个问题，通过了解这个问题，可以方便我们把完整的 HTTPS 流程给串起来，对于我们理解 HTTPS 的底层技术还是理解业务都是非...

在之前的一篇文章 JavaScript 隐式类型转换规则中有提到，JavaScript 中的加号可以用来拼接字符串。本文就具体来介绍一下 V8 是如何来执行这一操作的......

在 JavaScript 中，函数声明和函数表达式看起来类似，但很容易把二者搞混淆了。本文我们就来分析下函数声明和函数表达式的差异，以及 V8 是如何处理函数声明和函数表达...

在业务中，有这么一种场景，表格下的某一列 ID 值，文本超长了，正常而言会是这样： 通常，这种情况都需要超长省略溢出打点，那么，就会变成这样： 但是，这种展示有个缺点，3 ...

本文我们会先聊聊 DOM 的一些缺陷，然后在此基础上介绍虚拟 DOM 是如何解决这些缺陷的，最后再站在双缓存和 MVC 的视角来聊聊虚拟 DOM.........