🍈
【JavaScript】リクルートの新卒向け研修資料を読んだ
資料
ブラウザ
ブラウザの構成
- User interface
- リクエストされたページが表示されているウィンドウ以外の、ブラウザのすべての表示部分。
- つまり、ブラウザがもともと持っているインターフェース
- Brower Engine
- UIとレンダリングエンジン間のアクションを整理する
- Rendering engine
- responsible for displaying requested content. For example if the requested content is HTML, the rendering engine parses HTML and CSS, and displays the parsed content on the screen.
- リソースの表示に関する責務をおっており、HTML/CSSをレンダリングしたり、それらをパースして表示する。
- Networking
- for network calls such as HTTP requests, using different implementations for different platform behind a platform-independent interface.
- プラットフォームに依存しないHTTPリクエストなどを実行している
- UI backend
- OSのインターフェースなど
- JavaScript Interpreter
- Used to parse and execute JavaScript code.
- Data storage
- This is a persistence layer. The browser may need to save all sorts of data locally, such as cookies. Browsers also support storage mechanisms such as localStorage, IndexedDB, WebSQL and FileSystem.
レンダリングエンジンとは
- HTMLを受け取って内容を描画する
レンダリングプロセス
- HTML perse
- HTMLをperseして木構造のDOMを構築する
- DOM
- Document Object Model
- Render tree construction
- 木構造をレンダリング(解釈)する
Discussion