浏览器进程/多线

2018-09-28

理解下浏览器运行机制，阅读本文之前请先自行了解js事件循环的原理

首先抛出几个问题

我们都知道js是单线程的，如果js在执行代码，那么setTimeout的这个间隔时间是有谁来计算的
在写css的时候我们常常会说启用GPU加速，那么GPU是什么？为什么能加速？

带着这几个问题，我们先往下看：浏览器的进程主要有下面几个

Browser进程:负责浏览器界面交互，包括前进后退，tab打开关闭，资源下载等等等，还有最终将渲染好的视图会知道页面上也有这个进程负责。在浏览器只会有1个
第三方插件进程：为了避免插件奔溃导致页面奔溃，所以每个插件都会有1个进程
GPU进程：只会有1个
渲染进程：就是我们经常打交道的，包括页面渲染，解析js脚本等等。一般来说每个tab页就会有1个渲染进程，但是浏览器会将相同tab页的进程合并，这也是避免了一个页面的carsh影响到其他页面

然后我们再来看看渲染进程又包含了哪些主要的线程

js引擎线程：就是我们常说的js线程，js单线程指的就是他
GUI渲染线程：这个就是UI线程
事件触发线程：这个线程来处事件循环队列
定时器触发线程：定时器处理所在的线程
异步http请求触发线程：处理ajax等异步请求的线程

前面2个线程都非常的好理解，那么我们来说说什么是事件触发线程

1
2
3

1、事件触发线程：当一个事件被触发时该线程会把事件添加到待处理队列的队尾，等待JS引擎的处理。
2、定时器触发线程：如果被触发的这个事件是定时器，那么就交给定时器触发线程处理，完成后将事件添加到待处理队列的队尾，等待JS引擎的处理
3、异步http请求触发线程：如果被触发的这个事件是异步http请求，那么就交给该线程处理，完成后将事件添加到待处理队列的队尾，等待JS引擎的处理

不管有几个线程参与，最终都是将事件插入到待执行队列的末尾，然后有js引擎线程来处理，这也就是js单线程的说法

浏览器的事件循环

看了这个图，再回头看最前面的2个问题，是否就能非常容易的简答了

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

坚持<br><br>当坚持成为一种习惯<br>这将会是最大的一个收获