markdown レンダリング顺序

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown レンダリング顺序相关的知识,希望对你有一定的参考价值。

|                   ブラウザ                   |       HTML       |        CSS       |                                                     JavaScript                                                     |
|:--------------------------------------------:|:----------------:|:----------------:|:------------------------------------------------------------------------------------------------------------------:|
| Windowオブジェクトの生成                     |                  |                  |                                                                                                                    |
| Documentオブジェクトの生成                   |                  |                  |                                                                                                                    |
| document.readyStateプロパティをloadingにする |                  |                  |                                                                                                                    |
|                                              | HTML構文解析     | CSS構文解析      | script要素構文解析(レンダリングブロック、同期実行) async属性でレンダリングをブロックせずに構文解析(非同期実行) |
|                                              | DOMツリー構築    | スタイ規則の生成 |                                                                                                                    |
| レンダリングツリーの生成                     |                  |                  |                                                                                                                    |
|                                              | レイアウトの生成 |                  |                                                                                                                    |
| document.readyState = interactive            |                  |                  |                                                                                                                    |
| DOMContentLoadedイベント発生                 |                  |                  | defer属を設定したscriptが実行される                                                                                |
| 外部リソースの読み込み                       |                  |                  |                                                                                                                    |
| document.readyState = complete               |                  |                  |                                                                                                                    |
| Windowオブジェクトloadイベント発生           |                  |                  |                                                                                                                    |
| イベントハンドラの呼び出し                   |                  |                  |                                                                                                                    |

以上是关于markdown レンダリング顺序的主要内容,如果未能解决你的问题,请参考以下文章

scss 20180420フォントのレンダリングを调整しアンチエイリアスをかける

markdown TCP / IPマスタリングRTP编

markdown VIMでqfreplaceを使ってリファクタリング

csharp 【WPF】セカンダリスレッド上で発生した未处理の例外の対处

javascript 170512カレンダーを英语(雏形)

javascript 171120カレンダーのレスポン化