一 HTML
1.html语义化即html具有可读性，更容易读懂，一些特殊的标签例如radio,button,h2,input之类的，即使没有样式，也可以让人一眼看出是做什么的。这也让搜索引擎更容易读懂，有利于爬虫抓取更多信息。
2.script标签的defer和async属性
<script></script> html按顺序解析,遇到此标签时，会先请求标签涉及的脚本资源，并且立即执行，执行完成之后再继续解析接下来的html标签
<script async></script> html按顺序解析，遇到此标签时，会先异步请求标签涉及的脚本资源，因为是异步的，所以html解析过程是继续进行的，等到异步请求回来之后，会暂停html解析，先立即执行此脚本，执行完成之后再继续解析html。多个script async脚本执行顺序以异步请求先结束的为优先
<script defer></script> html按顺序解析，遇到此标签时，会先异步请求标签涉及的脚本资源，同时继续解析html，知道html解析完成，才会在最后执行异步请求完成之后的脚本。多个script defer脚本执行顺序以出现的顺序为准
3.从url输入到页面展示发生了什么
3.1 url分析
以此连接为例 https://www.baidu.com/baidu?tn=monline_3_dg&ie=utf-8&wd=%E5%8D%9A%E5%AE%A2%E5%9B%AD
http https是 因特网协议服务类型，常见的有http,https http与https的区别，https是进行加密的网络传输类型，常用于正式环境，http常用于本地开发环境
www 主机 http的·默认主机是www
baidu.com 域名
此链接无端口号
baidu 服务器上的文档路径
tn=monline_3_dg&ie=utf-8&wd=%E5%8D%9A%E5%AE%A2%E5%9B%AD 查询参数
3.2访问步骤
DNS域名解析，此链接中，DNS协议通过域名baidu.com找到对应的ip地址，一般是迭代查询
CDN content delivery network利用了DNS的负载均衡(重定向)实现原理，这个原理是DNS服务器为同一个主机配置多个IP地址，这样客户端访问时，DNS解析过程就将不同的客户引导导不同ip地址去，这样可以让不同的客户端访问不同的服务器，从而达到负载均衡的目的。
DNS-prefetch 就是当客户浏览一个网页时，浏览器会在加载网页时对这个网页中的域名进行解析，这样在点击这个网页中的连接时就无需再进行DNS解析，减少用户等待时间。
3.3 OSI参考模型
1.物理层--2.数据链路层--3.网络层--4.传输层--5.会话层--6.表示层--7.应用层
3.4 TCP/IP四层模型
物理层和数据链路层组成了TCP/IP低层一层，有以太网 无线lan
网络层组成了TCP/IP的第二层，有ipv4 ipv6
传输层组成了TCP/IP的第三层，层有TCP UDP协议
会话层，表示层，应用层组成了TCP/IP的第四层，这部分有HTTP,HTML,SSL TLS FTP MIME HTML
3.5 TCP的三次握手过程
第一次握手，客户端---发送SYN=1 Seq=X 到服务端，告知服务器浏览器要发请求了
第二次握手，服务端返回一个SYN=1 Seq=X ACK=X=1 告诉客户端，服务端准备好接受请求了，并且确认数据包是不是第一次发送的那样
第三次握手，客户端回传一个ACK=Y+1 Seq=Z到服务端表示握手结束
3.6 TCP三次握手结束之后，开始发送HTTP请求报文
3.7 服务器处理请求并返回http报文
MVC
view层发生变化触发controler，并且将变化的数据传给controler
controler拿到数据变化触发model,并且将变化的数据传给model,
model将数据存取更新并且触发view视图层更新
MVVM
model层数据发生变化自动同步到view层
view层发生变化自动同步到model层
Mvc模式和MVVM模式的区别
1.MVC是单向数据绑定，MVVM是双向数据绑定，且是自动的，减少了dom操作，提升了渲染速度，有更好的用户体验
2.MVVM view和model完全分离，耦合性低
3.8浏览器解析渲染页面
浏览器是多进程的，每一个tab页面都是一个新的进程，浏览器也是多线程内核，每一个tab页面进程中都是多线程的，线程包括以下几个分类
GUI线程
JS引擎线程
事件触发线程
定时器线程
网络请求线程
html解析构成dom树--------]
两个合并变成render tree---layout对render tree进行布局，计算尺寸，位置，像素---绘制render tree
css解析构成style rules tree---]
浏览器将html字节类型的内容转化为字符，这些字符会按照html的规范转化为不同的token，每个token都有自己的规则，然后再把这些token转化为node对象。最终由node对象构建成dom
3.9 TCP四次挥手
浏览器发送fin seq=x+2 ack 告知服务器请求发送完了，没有数据发送了，准备关闭，浏览器进入FIN_WAIT_1状态
服务器收到后发送ack seq到浏览器，告知同意关闭，浏览器收到后进入FIN_WAIT_2状态
服务器再次发送报文端fin seq ack 请求关闭连接，服务器进入last-ack状态
浏览器收到后，向服务器发送seq ack，浏览器进入time_wait状态，服务器收到后关闭连接，浏览器等一段时间未收到回复，正常关闭