悬赏: 翻译现代浏览器如何工作的4篇文章

Question

Must read for web developers: how modern browsers work by @kosamari

1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4

谁愿意翻译这4篇文章并发表在自己博客上⬆️

感谢 @SoftwareTeacher 补充长链接：

https://developers.google.com/web/updates/2018/09/inside-browser-part1
https://developers.google.com/web/updates/2018/09/inside-browser-part2
https://developers.google.com/web/updates/2018/09/inside-browser-part3
https://developers.google.com/web/updates/2018/09/inside-browser-part4

问答的结题截止到2月20号，请尽量在此前完成翻译。

@iachel 提醒已经有中文翻译。但是本问题既然已发，条件不变：“在不抄袭的情况下，某个人自己完成翻译并发在自己的博客上。”

Answer 1

翻译完了！！！
均已发布到个人博客
链接：
第一篇的链接：https://blog.csdn.net/m0_61531676/article/details/122906069
第二篇的链接：https://blog.csdn.net/m0_61531676/article/details/122928860
第三篇的链接：https://blog.csdn.net/m0_61531676/article/details/122929150
第四篇的链接：https://blog.csdn.net/m0_61531676/article/details/122929644
已完成

Answer 2

长的链接在这里：

https://developers.google.com/web/updates/2018/09/inside-browser-part1
https://developers.google.com/web/updates/2018/09/inside-browser-part2
https://developers.google.com/web/updates/2018/09/inside-browser-part3
https://developers.google.com/web/updates/2018/09/inside-browser-part4

Answer 3

我看看文章试下

Answer 4

毕业论文的翻译吧，看了看都是基础，直接用翻译软件翻译就行

Answer 5

我愿意翻译

Answer 6

补充一下可以进入的长链接：
https://developers.google.cn/web/updates/2018/09/inside-browser-part1
https://developers.google.cn/web/updates/2018/09/inside-browser-part2
https://developers.google.cn/web/updates/2018/09/inside-browser-part3
https://developers.google.cn/web/updates/2018/09/inside-browser-part4

Answer 7

           深入了解现代网站浏览器（第四部分）
                    

输入到合成器
这是四部分博客系列中的最后一篇深入了解谷歌浏览器，研究谷歌浏览器如何吧我们的代码展现为一个网站。在前面的收集中，我深入研究了进程路由和学习了合成器。在这部分的文章中，我们将研究当用户输入到来的时候合成器是如何平滑的交互数据的。
来自浏览器终端的输入事件
当你听到“input events”时，你可能仅仅想到的操作是输入文本框或者点击鼠标，但是对于从浏览器视图而言，输入的意思是用户的任何手势操作。鼠标轮的滚动和点击或者鼠标的移动也是一个输入事件。
当像点击屏幕的用户手势发生时，浏览器进程将第一时间接收这个手势。然而，从一个标签输入内容被一个路由进程处理开始，浏览器进程仅仅是知道手势在哪里发生的。因此浏览器进程发送这个事件类型(像点击开始事件) 和它的协调给路由进程。路由进程通过发现这个事件目标并且运行委托的事件监听器来适当的处理这个事件。
合成器接收输入事件
在我之前的合集里，我们深入了解了合成器是如何通过合成光栅层平滑处理滚动的。如果没有输入事件监听器委托给这个页面，合成器线程会创建一个完全独立的不依赖主线程的合成框架。但是如果一些事件监听器被委托给这个页面会怎样呢？合成器线程是如何知道这个事件是需要被处理的呢？
理解非快速滚动区域
自从运行JavaScript是主要的线程任务后，当一个网页被合成时，合成器线程标记了有事件处理的网页的一个区域为“非快速滚动区域”。通过拥有这条消息，如果事件发生在这个区域，合成器线程可以确保发送手输入事件到主线程。如果输入事件发生在这个区域外面，合成器线程将在合成新框架上传输而不需要等待主线程。
编写事件处理器需注意
在网页开发中一个公认的事件处理类型时事件代理。从

Answer 8

英语水平小白飘过

Answer 9

有翻译好的开源的文章。https://github.com/xitu/gold-miner/blob/ec8862f2993f7eea977af6929d0b0785a86fd4e3/TODO1/inside-look-at-modern-web-browser-part1.md