blog

HHtiger · May 29, 2020 · bf5a7e5 · bf5a7e5
1 parent 4a37e59
commit bf5a7e5
Show file tree

Hide file tree

Showing 12 changed files with 21 additions and 14 deletions.
diff --git a/2017-09-05-akka-1to75.md → 2017/20170905.md b/2017-09-05-akka-1to75.md → 2017/20170905.md
diff --git a/2017-09-21-java-io-fsync.md → 2017/20170921.md b/2017-09-21-java-io-fsync.md → 2017/20170921.md
diff --git a/2020-05-28-js-performance.md b/2020-05-28-js-performance.md
diff --git a/2020-02-13-visGraph-1.md → 2020/20200213.md b/2020-02-13-visGraph-1.md → 2020/20200213.md
diff --git a/2020/20200528.md b/2020/20200528.md
@@ -0,0 +1,21 @@
+---
+layout: post
+title: 前端性能优化小记
+tag: [js performance]
+---
+
+>已知
+>* 浏览器是多进程的
+>* 每个tab页是单独的一个render进程
+
+### 浏览器内核模型
+<img src="/2020/20200528_1.png" height="350" width="350">  
+
+### render进程
+<img src="/2020/20200528_2.png" height="350" width="500">  
+
+* 常说的JS单线程模型其实是指的单个render进程内的JS引擎
+* * JS引擎中最重要的 event loop模型
+<img src="/2020/20200528_3.png" height="350" width="500">  
+
+
diff --git a/images/js-performance/1.png → 2020/20200528_1.png b/images/js-performance/1.png → 2020/20200528_1.png
diff --git a/images/js-performance/2.png → 2020/20200528_2.png b/images/js-performance/2.png → 2020/20200528_2.png
diff --git a/images/js-performance/3.png → 2020/20200528_3.png b/images/js-performance/3.png → 2020/20200528_3.png
diff --git a/images/js-performance/eventloop.png → 2020/20200528_4.png b/images/js-performance/eventloop.png → 2020/20200528_4.png
diff --git a/images/js-performance/render1.png → 2020/20200528_5.png b/images/js-performance/render1.png → 2020/20200528_5.png
diff --git a/images/js-performance/render2.png → 2020/20200528_6.png b/images/js-performance/render2.png → 2020/20200528_6.png
diff --git a/images/js-performance/render3.png → 2020/20200528_7.png b/images/js-performance/render3.png → 2020/20200528_7.png