浏览器渲染页面与加载资源

加载资源的形式

1.输入url（或跳转页面）加载html
2.加载html中的静态资源（script、img）

加载资源的过程

1.浏览器根据DNS服务器得到域名的ip地址
2.向这个ip的机器发送http请求
3.服务器收到请求，处理并返回数据
4.浏览器得到返回的数据

浏览器渲染页面的过程

1.根据html结构生成DOM Tree
2.根据css生成CSSOM
3.将DOM Tree和CSSOM整合生成RenderTree
4.根据RenderTree开始渲染和展示页面
5.遇到script标签时会阻塞渲染

前端JavaScript面试技巧
浏览器的渲染原理简介

tag:

    缺失模块。
    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

持续学习