惊呆!浏览器居然是这样的... ...

1. 浏览器输入url

  • http:// 明文协议
  • https:// 加密协议
  • file:// 本地
  • ftp://[用户名:口令@]ftp服务器域名[:端口号] 文件传输协议(http://www.cnblogs.com/li0803/archive/2010/11/16/1878833.html)

2. 域名解析

  • 在电脑上搭建服务器后,没有发布的情况下,需要在手机上进行测试,这个时候让手机连接电脑同局域的网,访问电脑的ip,以此来访问电脑上的服务器;
  • 公网IP需要申请;
  • 127.0.0.1 本地IP (localhost);
  • 域名解析流程:
    1. 浏览器缓存:浏览器会缓存DNS记录一段时间;
    2. 系统缓存:从hosts文件查找是否有该域名和对应IP;
    3. 路由器缓存:一般路由器也会缓存域名信息;
    4. ISP DNS缓存:比如到电信的DNS上查找域名信息;
    5. 如果都没找到,则向根域名服务器查找域名对应IP,根域名服务器把请求转发到下一级,直到找到IP;
    6. 注*:
      问题a:电脑上不了网,修改DNS为8.8.8.8 或 114.114.114.114;
      问题b:DNS劫持;

3. 服务器处理

  • 是一台安装系统的机器;
  • 系统里安装的处理请求的应用叫:web server
  • 常见web服务器:Apache、Aginx、IIS、Lightpd、Node
  • web服务器接受用户的request交给网络代码,或者接受请求反向代理到其他web服务器;


    惊呆!浏览器居然是这样的... ..._第1张图片
    服务器处理

4. 网站处理流程

  • MVC :模型(Model)+视图(View)+控制器(Controller)


    惊呆!浏览器居然是这样的... ..._第2张图片
    (MVC)

5. 浏览器处理

  • 请求 css,js,img等等(require)
  • 解析

6. 渲染网页

你可能感兴趣的:(惊呆!浏览器居然是这样的... ...)