Web 编程 小结 -1

浏览器

渲染引擎 内核 Webkit 苹果开源
JS渲染引擎 内核 V8 Google开源
通信 HTTP协议(TCP/IP旗下的)
HTML--Dom树形结构 (浏览器最先加载)
CSS --样式 (当发现HTML里面包含它时进行加载)
JS --行为 (进行通信或者其他行为动作,AngularJS里面所有跟后端的通信都是在这里发出的)
Request Header 请求头

Accept:text/html, */*; q=0.01
Accept-Encoding:gzip, deflate, sdch
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Content-Type:application/x-www-form-urlencoded; charset=UTF-8
Cookie:remember_user_token=  read_mode=day; default_font=font2; _session_id=
Host:www.jianshu.com
Referer:http://www.jianshu.com/users/cffd44918bda/latest_articles 
//从哪里跳转过来的 或者说转发前的网址 
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5)  //用户操作系统内核,渲染内核,JS内核
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36
X-CSRF-Token:m
X-PJAX:true
X-PJAX-Container:#list-container
X-Requested-With:XMLHttpRequest

Response Header

Cache-Control:max-age=0, private, must-revalidate
Connection:keep-alive
Content-Encoding:gzip //支持gzip压缩
Content-Type:text/html; charset=utf-8  //支持格式
Date:Wed, 28 Sep 2016 13:49:33 GMT
ETag:W/"55b1fa7b983d07a1f0c5cb2c1af1f2a7"
Server:Tengine  阿里巴巴封装Nginx服务器
Set-Cookie:
Transfer-Encoding:chunked
Vary:Accept-Encoding
X-Content-Type-Options:nosniff
X-Frame-Options:DENY
X-Request-Id:d7b0afe1-10b5-489c-a05a-6597e6eeee22
X-Runtime:0.154607
X-XSS-Protection:1; mode=block

DNS 服务(Domain Name System)

用户输入网址---查询本地DNS缓存---本地host文件---调用OS的DNS服务---获取对应的IP
DNS 服务器是个树形结构 总部-每个国家-每个公司 (一级一级的追溯)

Tomcat 应用服务器(遵循HTTP协议)

• sessionId 访问Tomcat时,如果服务器发现没有seesionid会默认下发;
• JSP 一种特殊的Servlet文件,所有的JSP需要在Tomcat中通过底部通讯协议进行封装并加载解析成一个普通HTML文件返回给浏览器;
• 公司现有架构 不采用JSP 而是采用AngularJs 搭配HTML,CSS,通过AngularJs里面封装的$Http服务访问后端提供是API,
• 1. 好处 扩展性
     如果需要后续的操作,可以加入回调函数处理,相当于Ajax的封装,所以后端的API返回的都是类序列化的JSON字符串,可以让浏览器和APP端共用;
• 2. 好处 动静分离
     当一些固定资源访问比如固定的展示图片,CSS,JS包文件等,可以存储在NGINX服务器上,Nginx在处理静态资源的能力上非常强大,而所有需要动态操作的请求由Nginx通过反向代理(负载均衡)转发给Tomcat处理,实现动静分离,极大的减轻服务器压力,提高用户体验.

Nginx Apache Web服务器

• 1.反向代理
• 2.路由机制
• 3.负载均衡

尽量少使用session

因为是粘性session,如果一旦一台更改,其他台都要跟着同步,极大增加服务器开销,要注意下!

均衡策略

• 平均轮询
• 加权轮询(哪台机子配置特别好,可以在nginx配置文件中加权)
• ip哈希(跟当前ip走,绑定访问同一台服务器,节省开销)
• fair (自己管理动态管理后端均衡)

• url哈希

  
  Nginx 负载均衡