[译] 用 CSS 实现冒泡排序
这篇文章中，我们利用 CSS 变量和函数实现了对 5 个数字组成的数组进行冒泡排序的功能。我们实现了两个数的大小比较和位置交换的功能。
用 Proxy 优雅地实现双向绑定
在这篇文章中，我们将了解单向绑定、双向绑定的概念和实现原理，学习了 Proxy 的基本概念，最后还会实现一个纯 JS 的响应式表单。
![Featured image of post [译] 现代浏览器原理（4）- 用户输入处理](/p/%E8%AF%91-%E7%8E%B0%E4%BB%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8E%9F%E7%90%864-%E7%94%A8%E6%88%B7%E8%BE%93%E5%85%A5%E5%A4%84%E7%90%86/chrome_hub205101634df7f7afb8d7ea8d83ef00b_7666_800x0_resize_q75_h2_box_2.webp)
[译] 现代浏览器原理（4）- 用户输入处理
在上一篇文章中，我们了解了渲染流水线并学习了合成线程的工作。在本篇文章中，我们将了解合成线程如何在用户输入时实现流畅的交互。
![Featured image of post [译] 现代浏览器原理（3）- 渲染流水线](/p/%E8%AF%91-%E7%8E%B0%E4%BB%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8E%9F%E7%90%863-%E6%B8%B2%E6%9F%93%E6%B5%81%E6%B0%B4%E7%BA%BF/chrome_hub205101634df7f7afb8d7ea8d83ef00b_7666_800x0_resize_q75_h2_box_2.webp)
[译] 现代浏览器原理（3）- 渲染流水线
在这篇文章中，我们将介绍浏览器的渲染流水线，包括 HTML 解析，样式计算、布局、绘制、分层、光栅化和页面合成的具体细节。阅读本文可以让你对页面性能优化有更深的认识。
![Featured image of post [译] 现代浏览器原理（2） - 网页导航流程](/p/%E8%AF%91-%E7%8E%B0%E4%BB%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8E%9F%E7%90%862-%E7%BD%91%E9%A1%B5%E5%AF%BC%E8%88%AA%E6%B5%81%E7%A8%8B/chrome_hub205101634df7f7afb8d7ea8d83ef00b_7666_800x0_resize_q75_h2_box_2.webp)
[译] 现代浏览器原理（2） - 网页导航流程
在本篇文章中，我们将深入探讨各个进程和线程是如何通信以显示网站的。 我们将讨论输入url访问网站过程中“用户请求网站”和“浏览器准备呈现页面（也称为导航）”的流程。
![Featured image of post [译] 现代浏览器原理（1）- Chrome 浏览器架构概览](/p/%E8%AF%91-%E7%8E%B0%E4%BB%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8E%9F%E7%90%861-chrome-%E6%B5%8F%E8%A7%88%E5%99%A8%E6%9E%B6%E6%9E%84%E6%A6%82%E8%A7%88/chrome_hub205101634df7f7afb8d7ea8d83ef00b_7666_800x0_resize_q75_h2_box_2.webp)