Download as PDF, PPTX
![getaddrinfo()
__socket() & __connect()
sysdeps/posix/getaddrinfo.c
2515 fd = __socket (af, SOCK_DGRAM, IPPROTO_IP);
[...]
2526 [...] && __connect (fd, q->ai_addr, q->ai_addrlen) == 0](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-44-320.jpg)
![terminal
$ sudo strace -f -e bind,socket,fork,connect -p $(ps aux | grep chromium | grep
-v nacl | awk '{ print $2}' | xargs echo | sed 's/ /,/g')
[...]
[pid 8739] socket(PF_INET6, SOCK_DGRAM, IPPROTO_IP) = 134
[pid 8739] connect(134, {sa_family=AF_INET6, sin6_port=htons(53), inet_pton
(AF_INET6, "2001:4860:4860::8888", &sin6_addr), sin6_flowinfo=0,
sin6_scope_id=0}, 28) = -1 ENETUNREACH (Network is unreachable)
[pid 9010] socket(PF_INET, SOCK_DGRAM, IPPROTO_IP) = 134
[pid 9010] connect(134, {sa_family=AF_INET, sin_port=htons(0),
sin_addr=inet_addr("192.30.252.154")}, 16) = 0
[pid 8739] socket(PF_INET, SOCK_STREAM, IPPROTO_TCP) = 134
[pid 8739] connect(134, {sa_family=AF_INET, sin_port=htons(80),
sin_addr=inet_addr("192.30.252.154")}, 16) = -1 EINPROGRESS (Operation now in
progress)
[...]
Syscalls in action! (*stripped)](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-45-320.jpg)
![terminal
$ sudo strace -f -e bind,socket,fork,connect -p $(ps aux | grep chromium | grep
-v nacl | awk '{ print $2}' | xargs echo | sed 's/ /,/g')
[...]
[pid 8739] socket(PF_INET6, SOCK_DGRAM, IPPROTO_IP) = 134
[pid 8739] connect(134, {sa_family=AF_INET6, sin6_port=htons(53), inet_pton
(AF_INET6, "2001:4860:4860::8888", &sin6_addr), sin6_flowinfo=0,
sin6_scope_id=0}, 28) = -1 ENETUNREACH (Network is unreachable)
[pid 9010] socket(PF_INET, SOCK_DGRAM, IPPROTO_IP) = 134
[pid 9010] connect(134, {sa_family=AF_INET, sin_port=htons(0),
sin_addr=inet_addr("192.30.252.154")}, 16) = 0
[pid 8739] socket(PF_INET, SOCK_STREAM, IPPROTO_TCP) = 134
[pid 8739] connect(134, {sa_family=AF_INET, sin_port=htons(80),
sin_addr=inet_addr("192.30.252.154")}, 16) = -1 EINPROGRESS (Operation now in
progress)
[...]
Syscalls in action! (*stripped)
UDP para ipv6
nope :(
UDP
ipv4
request](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-46-320.jpg)
![Via dnstracer: `dnstracer -s . -4 -o pothix.com`
A.ROOT-SERVERS.NET [.] (198.41.0.4)
a.gtld-servers.net [com] (192.5.6.30)
ns1.dreamhost.com [pothix.com]
(66.33.206.206) Got authoritative answer
ns1.dreamhost.com (66.33.206.206)
pothix.com -> 192.30.252.153
ns1.dreamhost.com (66.33.206.206)
pothix.com -> 192.30.252.154](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-61-320.jpg)
![HTTP 1x via telnet
$ telnet pothix.com 80
Trying 192.30.252.153...
Connected to pothix.com.
Escape character is '^]'.
GET /index.html HTTP/1.1
Host: pothix.com
HTTP/1.1 200 OK
Server: GitHub.com
...
terminal](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-90-320.jpg)
![É um Rack application
...
# Implements call according to the Rack API. It simply
# dispatches the request to the underlying middleware stack.
def call(env)
env["ORIGINAL_FULLPATH"] = build_original_fullpath(env)
env["ORIGINAL_SCRIPT_NAME"] = env["SCRIPT_NAME"]
super(env)
end
...](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-111-320.jpg)
![mais informações no post do timaro no omniref
Informações do Rack
{"GATEWAY_INTERFACE"=>"CGI/1.1",
"PATH_INFO"=>"/favicon.ico",
"QUERY_STRING"=>"",
"REMOTE_ADDR"=>"127.0.0.1",
"REMOTE_HOST"=>"localhost.localdomain",
"REQUEST_METHOD"=>"GET",
"REQUEST_URI"=>"http://localhost:9292/favicon.
ico",
"SCRIPT_NAME"=>"",
"SERVER_NAME"=>"localhost",
"SERVER_PORT"=>"9292",
"SERVER_PROTOCOL"=>"HTTP/1.1",
"SERVER_SOFTWARE"=>"WEBrick/1.3.1 (Ruby/2.2.3
/2015-08-18)",
"HTTP_HOST"=>"localhost:9292",
"HTTP_CONNECTION"=>"keep-alive",
"HTTP_USER_AGENT"=>"Mozilla/5.0 (X11; Linux
x86_64) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/46.0.2490.71 Safari/537.36",
"HTTP_ACCEPT"=>"*/*",
"HTTP_REFERER"=>"http://localhost:9292/",
"HTTP_ACCEPT_ENCODING"=>"gzip, deflate, sdch",
"HTTP_ACCEPT_LANGUAGE"=>"en-US,en;q=0.8,pt-BR;q=0.
6,pt;q=0.4,es;q=0.2,eo;q=0.2", "rack.version"=>[1,
2],
"rack.multithread"=>true, "rack.multiprocess"
=>false, "rack.run_once"=>false, "rack.url_scheme"
=>"http", "HTTP_VERSION"=>"HTTP/1.1",
"REQUEST_PATH"=>"/favicon.ico"}](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-112-320.jpg)
![mais informações no post do timaro no omniref
Rack middlewares
[
Rack::Sendfile,
ActionDispatch::Static, Rack::Lock,
#<ActiveSupport::Cache::Strategy::LocalCache::
Middleware:0x000000028fa168>,
Rack::Runtime, Rack::MethodOverride,
ActionDispatch::RequestId,
Rails::Rack::Logger,
ActionDispatch::ShowExceptions,
WebConsole::Middleware,
ActionDispatch::DebugExceptions,
ActionDispatch::RemoteIp,
ActionDispatch::Reloader,
ActionDispatch::Callbacks,
ActiveRecord::Migration::CheckPending,
ActiveRecord::ConnectionAdapters::
ConnectionManagement,
ActiveRecord::QueryCache,
ActionDispatch::Cookies,
ActionDispatch::Session::CookieStore,
ActionDispatch::Flash,
ActionDispatch::ParamsParser,
Rack::Head,
Rack::ConditionalGet,
Rack::ETag
]](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-114-320.jpg)
![ActionDispatch::Routing
::RouteSet::Dispatcher
achando o controller via rotas
mais informações no post do timaro no omniref
ActiveSupport::Dependencies.constantize("#{params[:controller].camelize}Controller")
=> PagesController](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-116-320.jpg)
![ActionController::Metal
prepara o request e manda processar
mais informações no post do timaro no omniref
def dispatch(name, request) #:nodoc:
[...]
process(name)](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-117-320.jpg)
![AbstractController::Base
encaminha para o seu controller
mais informações no post do timaro no omniref
def process(action, *args)
[...]
process_action(action_name, *args) # que no fim é só um `send`](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-118-320.jpg)
![pega aí Rack -> [status, header, body]
mais informações no post do timaro no omniref
ActionDispatch
::Journey::Router](https://image.slidesharecdn.com/desconstruindoaweb-160126120834/85/Desconstruindo-a-web-122-320.jpg)
Uploaded byWillian Molinari
Desconstruindo a web
This document discusses how the web works from an architectural perspective. It begins by explaining the layers of the OSI model and how different protocols like TCP, IP, DNS, and HTTP fit into each layer. It then dives deeper into how specific parts of these protocols function, such as the TCP three-way handshake, DNS lookups, and TLS encryption. Syscalls are shown that are used under the hood for operations like sockets and DNS caching. Overall, the document provides a technical overview of the underlying infrastructure that allows the web to function.
Desconstruindo a web
- 1. Desconstruindo a web WillianMolinari (a.k.a PotHix)
- 2.
- 3.
- 6.
- 7.
- 10.
- 11.
- 12. Essa talk sebaseia em
- 13.
- 14.
- 15. The dawn ofthe net
- 16.
- 18.
- 19.
- 20.
- 21. “O que significaPotHix” “O que significa PotHix”
- 22.
- 23.
- 24.
- 25. Protocolo: http:// Domínio: pothix.com Path:/ Tem cache de DNS?
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. glibc -> getaddrinfo() sysdeps/posix/getaddrinfo.c 2321getaddrinfo (const char *name, const char *service, 2322 const struct addrinfo *hints, struct addrinfo **pai) 2323 {
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41. TCP / UDP DNSAplicação Transporte Rede Enlace Físico IP Ethernet/ Wi-Fi 010101001011
- 42. DNS TCP / UDP Aplicação Transporte Rede Enlace Físico IP Ethernet/ Wi-Fi 010101001011
- 43. código disponível em:chromium/src/net/dns
- 44. getaddrinfo() __socket() & __connect() sysdeps/posix/getaddrinfo.c 2515fd = __socket (af, SOCK_DGRAM, IPPROTO_IP); [...] 2526 [...] && __connect (fd, q->ai_addr, q->ai_addrlen) == 0
- 45. terminal $ sudo strace-f -e bind,socket,fork,connect -p $(ps aux | grep chromium | grep -v nacl | awk '{ print $2}' | xargs echo | sed 's/ /,/g') [...] [pid 8739] socket(PF_INET6, SOCK_DGRAM, IPPROTO_IP) = 134 [pid 8739] connect(134, {sa_family=AF_INET6, sin6_port=htons(53), inet_pton (AF_INET6, "2001:4860:4860::8888", &sin6_addr), sin6_flowinfo=0, sin6_scope_id=0}, 28) = -1 ENETUNREACH (Network is unreachable) [pid 9010] socket(PF_INET, SOCK_DGRAM, IPPROTO_IP) = 134 [pid 9010] connect(134, {sa_family=AF_INET, sin_port=htons(0), sin_addr=inet_addr("192.30.252.154")}, 16) = 0 [pid 8739] socket(PF_INET, SOCK_STREAM, IPPROTO_TCP) = 134 [pid 8739] connect(134, {sa_family=AF_INET, sin_port=htons(80), sin_addr=inet_addr("192.30.252.154")}, 16) = -1 EINPROGRESS (Operation now in progress) [...] Syscalls in action! (*stripped)
- 46. terminal $ sudo strace-f -e bind,socket,fork,connect -p $(ps aux | grep chromium | grep -v nacl | awk '{ print $2}' | xargs echo | sed 's/ /,/g') [...] [pid 8739] socket(PF_INET6, SOCK_DGRAM, IPPROTO_IP) = 134 [pid 8739] connect(134, {sa_family=AF_INET6, sin6_port=htons(53), inet_pton (AF_INET6, "2001:4860:4860::8888", &sin6_addr), sin6_flowinfo=0, sin6_scope_id=0}, 28) = -1 ENETUNREACH (Network is unreachable) [pid 9010] socket(PF_INET, SOCK_DGRAM, IPPROTO_IP) = 134 [pid 9010] connect(134, {sa_family=AF_INET, sin_port=htons(0), sin_addr=inet_addr("192.30.252.154")}, 16) = 0 [pid 8739] socket(PF_INET, SOCK_STREAM, IPPROTO_TCP) = 134 [pid 8739] connect(134, {sa_family=AF_INET, sin_port=htons(80), sin_addr=inet_addr("192.30.252.154")}, 16) = -1 EINPROGRESS (Operation now in progress) [...] Syscalls in action! (*stripped) UDP para ipv6 nope :( UDP ipv4 request
- 47. Happy eyebals (rfc6555):https://www.ietf.org/mail- archive/web/v6ops/current/msg22455.html
- 48.
- 49.
- 50.
- 51. DNSAplicação Transporte Rede Enlace Físico TCP / UDP IP Ethernet/ Wi-Fi 010101001011
- 52.
- 53.
- 54.
- 55.
- 57.
- 58. DNSAplicação Transporte Rede Enlace Físico TCP / UDP IP Ethernet/ Wi-Fi 010101001011
- 59.
- 60. A visual explanationof how dns lookups work
- 61. Via dnstracer: `dnstracer-s . -4 -o pothix.com` A.ROOT-SERVERS.NET [.] (198.41.0.4) a.gtld-servers.net [com] (192.5.6.30) ns1.dreamhost.com [pothix.com] (66.33.206.206) Got authoritative answer ns1.dreamhost.com (66.33.206.206) pothix.com -> 192.30.252.153 ns1.dreamhost.com (66.33.206.206) pothix.com -> 192.30.252.154
- 62.
- 63.
- 64. HTTP/HTTPS TCP / UDP IP Ethernet/ Wi-Fi 010101001011 Aplicação Transporte Rede Enlace Físico
- 65. HTTP/HTTPS TCP / UDP IP Ethernet/ Wi-Fi 010101001011 Aplicação Transporte Rede Enlace Físico
- 66.
- 67.
- 68. ACK SYN + ACK ACK Threeway handshake
- 69.
- 70.
- 71.
- 72.
- 74. HTTP/HTTPS TCP / UDP IP Ethernet/ Wi-Fi 010101001011 Aplicação Transporte Rede Enlace Físico
- 75.
- 76. TLS = fork(SSLv3) SSLv3is no longer supported in chrome
- 77. HTTP/HTTPS TCP / UDP IP Ethernet/ Wi-Fi 010101001011 Aplicação Transporte Rede Enlace Físico TLS
- 78.
- 79. conexão estabelecida client hello (CIPHERS,URL) Os primeiros milisegundos de uma conexão HTTPS
- 80.
- 81. conexão estabelecida Server hello (certificado,CIPHER) TLS_RSA_WITH_RC4_128_MD5 public key crypt hash
- 82. conexão estabelecida Data válida? CAconfiável? Assinatura válida? URL esperada?
- 83.
- 84. conexão estabelecida Gerei umaparada aqui (pre_master secret) !^*@#$&!@(#$&!@#)$^$^ TLS_RSA_WITH_RC4_128_MD5
- 85.
- 86. conexão estabelecida É NÓIS! TLS_RSA_WITH_RC4_128_MD5 criptografia dosdados verificação contra conteúdo “batizado” É NÓIS!
- 87.
- 88. HTTP/HTTP2 chromium - net/http& net/spdy
- 89. Rafael Rinaldi Dissecando oprotocolo HTTP/2
- 90. HTTP 1x viatelnet $ telnet pothix.com 80 Trying 192.30.252.153... Connected to pothix.com. Escape character is '^]'. GET /index.html HTTP/1.1 Host: pothix.com HTTP/1.1 200 OK Server: GitHub.com ... terminal
- 91. HTTP/HTTPS TCP / UDP IP Ethernet/ Wi-Fi 010101001011 Aplicação Transporte Rede Enlace Físico
- 92.
- 93. HTTP/HTTPS TCP / UDP IP Ethernet/ Wi-Fi 010101001011 Aplicação Transporte Rede Enlace Físico
- 94. papers/Vipin_Analysis_of_open_source_WLAN_driver_paper.pdf ➔ net/ipv4/tcp.c ➔ include/net/cfg80211.h ➔net/wireless/nl80211.c ➔ include/net/mac80211.h ➔ drivers/net/wireless/iwlwifi/
- 95.
- 96.
- 97.
- 98.
- 99.
- 100.
- 101.
- 102. # traceroute -Tpothix.com traceroute to pothix.com (192.30.252.153), 30 hops max, 60 byte packets 1 palantir (192.168.1.1) 8.718 ms 8.769 ms 8.868 ms 2 10.18.128.1 (10.18.128.1) 25.058 ms 25.673 ms 27.189 ms 3 c8bd5001.virtua.com.br (200.189.80.1) 29.071 ms 29.073 ms 29.068 ms 4 embratel-T0-7-2-0-tacc01.spoph.embratel.net.br (200.178.127.57) 32.917 ms embratel-T0-4-1-0-uacc03.spomb.embratel.net.br (189.42.182.37) 31.734 ms embratel-T0-1-0-2-uacc04.spoph.embratel.net.br (201.56.189.9) 36.481 ms 5 ebt-H0-1-0-0-tcore01.spolp.embratel.net.br (200.230.1.242) 37.800 ms 200.244.212.73 (200.244.212.73) 37.803 ms 200.244.212.81 (200.244.212.81) 41.446 ms 6 ebt-BP1082-intl02.nyk.embratel.net.br (200.230.220.30) 204.822 ms ebt-B11121-intl02.nyk.embratel.net.br (200.230.251.254) 192.381 ms ebt-BP11521-intl02.nyk.embratel.net.br (200.230.220.174) 189.936 ms 7 fa-0-0-0.r23.nycmny01.us.bb.gin.ntt.net (129.250.202.185) 192.297 ms 172.074 ms 172.013 ms 8 ae-9.r22.asbnva02.us.bb.gin.ntt.net (129.250.2.149) 171.973 ms 167.012 ms 166.951 ms 9 ae-44.r06.asbnva02.us.bb.gin.ntt.net (129.250.6.113) 166.888 ms 166.873 ms ae-45.r05.asbnva02.us.bb.gin.ntt.net (129.250.5.137) 212.669 ms 10 xe-0-3-0-18.r05.asbnva02.us.ce.gin.ntt.net (129.250.197.70) 202.448 ms xe-0-9-0-16.r06.asbnva02.us.ce.gin.ntt.net (129.250.197.74) 201.593 ms 202.489 ms 11 pages.github.com (192.30.252.153) 171.337 ms * * TCP meu router github pages USA backbone backbone embratel NET
- 103.
- 104. Nginx conf file upstreambackend { server backend1.example.com weight=5; server backend2.example.com:8080; server unix:/tmp/backend3; server backup1.example.com:8080 backup; server backup2.example.com:8080 backup; } ... http://nginx.org/en/docs/http/ngx_http_upstream_module.html#server TCP Unix Socket
- 105.
- 106. HTTP parsing ragel vindolá do velho mongrel* *de acordo com o documento de design do unicorn
- 107.
- 108. Webserver -> Framework baseadono PEP3333
- 109.
- 110. lib/rails/application.rb Rack -> Rails maisinformações no post do timaro no omniref
- 111. É um Rackapplication ... # Implements call according to the Rack API. It simply # dispatches the request to the underlying middleware stack. def call(env) env["ORIGINAL_FULLPATH"] = build_original_fullpath(env) env["ORIGINAL_SCRIPT_NAME"] = env["SCRIPT_NAME"] super(env) end ...
- 112. mais informações nopost do timaro no omniref Informações do Rack {"GATEWAY_INTERFACE"=>"CGI/1.1", "PATH_INFO"=>"/favicon.ico", "QUERY_STRING"=>"", "REMOTE_ADDR"=>"127.0.0.1", "REMOTE_HOST"=>"localhost.localdomain", "REQUEST_METHOD"=>"GET", "REQUEST_URI"=>"http://localhost:9292/favicon. ico", "SCRIPT_NAME"=>"", "SERVER_NAME"=>"localhost", "SERVER_PORT"=>"9292", "SERVER_PROTOCOL"=>"HTTP/1.1", "SERVER_SOFTWARE"=>"WEBrick/1.3.1 (Ruby/2.2.3 /2015-08-18)", "HTTP_HOST"=>"localhost:9292", "HTTP_CONNECTION"=>"keep-alive", "HTTP_USER_AGENT"=>"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.71 Safari/537.36", "HTTP_ACCEPT"=>"*/*", "HTTP_REFERER"=>"http://localhost:9292/", "HTTP_ACCEPT_ENCODING"=>"gzip, deflate, sdch", "HTTP_ACCEPT_LANGUAGE"=>"en-US,en;q=0.8,pt-BR;q=0. 6,pt;q=0.4,es;q=0.2,eo;q=0.2", "rack.version"=>[1, 2], "rack.multithread"=>true, "rack.multiprocess" =>false, "rack.run_once"=>false, "rack.url_scheme" =>"http", "HTTP_VERSION"=>"HTTP/1.1", "REQUEST_PATH"=>"/favicon.ico"}
- 113. Rails::Engine Todas as appssão Engines mais informações no post do timaro no omniref
- 114. mais informações nopost do timaro no omniref Rack middlewares [ Rack::Sendfile, ActionDispatch::Static, Rack::Lock, #<ActiveSupport::Cache::Strategy::LocalCache:: Middleware:0x000000028fa168>, Rack::Runtime, Rack::MethodOverride, ActionDispatch::RequestId, Rails::Rack::Logger, ActionDispatch::ShowExceptions, WebConsole::Middleware, ActionDispatch::DebugExceptions, ActionDispatch::RemoteIp, ActionDispatch::Reloader, ActionDispatch::Callbacks, ActiveRecord::Migration::CheckPending, ActiveRecord::ConnectionAdapters:: ConnectionManagement, ActiveRecord::QueryCache, ActionDispatch::Cookies, ActionDispatch::Session::CookieStore, ActionDispatch::Flash, ActionDispatch::ParamsParser, Rack::Head, Rack::ConditionalGet, Rack::ETag ]
- 115. ActionDispatch ::Journey::Router a primeira partedo seu código a ser tocada mais informações no post do timaro no omniref req.path_parameters => {:controller=>"pages", :action=>"home"}
- 116. ActionDispatch::Routing ::RouteSet::Dispatcher achando o controllervia rotas mais informações no post do timaro no omniref ActiveSupport::Dependencies.constantize("#{params[:controller].camelize}Controller") => PagesController
- 117. ActionController::Metal prepara o requeste manda processar mais informações no post do timaro no omniref def dispatch(name, request) #:nodoc: [...] process(name)
- 118. AbstractController::Base encaminha para oseu controller mais informações no post do timaro no omniref def process(action, *args) [...] process_action(action_name, *args) # que no fim é só um `send`
- 119.
- 120.
- 121.
- 122. pega aí Rack-> [status, header, body] mais informações no post do timaro no omniref ActionDispatch ::Journey::Router
- 123.
- 124.
- 125.
- 126.
- 127.
- 128.
- 129.
- 130.
- 131.
- 133.
- 134. exemplos retirados dopost “How browsers work” algoritmo de parsing implementado no webkit do chrome HEAD
- 135. exemplos retirados dopost “How browsers work” algoritmo de parsing implementado no webkit do chrome
- 136.
- 137. <img src=”http://pothix.com/avatar.gif”> thread <imgsrc=”http://pothix.com/esperanto.png”> thread <img src=”http://pothix.com/fotodasferias.scr”> thread <script src=”http://pothix.com/marotagem.js”> sincrono <script src=”http://pothix.com/estiloso.css”> thread <script src=”http://pothix.com/javaescrito.js”> sincrono <img src=”http://pothix.com/fotodasferias.jpg”>
- 138. <img src=”http://pothix.com/avatar.gif”> thread <imgsrc=”http://pothix.com/esperanto.png”> thread <img src=”http://pothix.com/fotodasferias.scr”> thread <script src=”http://pothix.com/marotagem.js”> sincrono <script src=”http://pothix.com/estiloso.css”> thread <script src=”http://pothix.com/javaescrito.js”> sincrono <img src=”http://pothix.com/fotodasferias.jpg”>
- 139. exemplos retirados dopost “How browsers work”
- 140. exemplos retirados dopost “How browsers work”
- 141. Diego Eis: DOM,CSSOM e RenderThree - Introdução ao Browser Render Path
- 143.
- 144.
- 145. Não acredite emmágica entenda como funciona de verdade ceeeeerto.
- 146. Seja curioso conhecimento nuncaé demais
- 147.
- 152.
- 153.