面试题总结
输入网址后发生了什么?
1.输入网址
2.浏览器查找域名的IP地址
导航的第一步是通过访问的域名找出其IP地址。DNS(域名解析系统 即把我们输入的网站域名翻译成IP地址的系统)查找过程如下:
3. 浏览器给web服务器发送一个HTTP请求
4. 网站服务的永久重定向响应
5. 浏览器跟踪重定向地址
6. 服务器“处理”请求
7. 服务器发回一个HTML响应
8. 浏览器开始显示HTML
9. 浏览器发送请求,以获取嵌入在HTML中的对象
10. 浏览器发送异步(AJAX)请求
CSS块内元素水平居中
margin:0 auto;
行内元素水平居中
text-align:center;
post 与get 的区别
最直接的区别,GET请求的参数是放在URL里的,POST请求参数是放在请求body里的;
GET请求的URL传参有长度限制,而POST请求没有长度限制;
GET请求的参数只能是ASCII码,所以中文需要URL编码,而POST请求传参没有这个限制;
其实,GET和POST本质上两者没有任何区别。他们都是HTTP协议中的请求方法。底层实现都是基于TCP/IP协议。上述的所谓区别,只是浏览器厂家根据约定,做得限制而已。
GET产生一个TCP数据包;POST产生两个TCP数据包。
对于GET方式的请求,浏览器会把http header和data一并发送出去,服务器响应200(返回数据);
而对于POST,浏览器先发送header,服务器响应100 continue,浏览器再发送data,服务器响应200 ok(返回数据)。
也就是说,GET只需要汽车跑一趟就把货送到了,而POST得跑两趟,第一趟,先去和服务器打个招呼“嗨,我等下要送一批货来,你们打开门迎接我”,然后再回头把货送过去。
因为POST需要两步,时间上消耗的要多一点,看起来GET比POST更有效。因此Yahoo团队有推荐用GET替换POST来优化网站性能。但这是一个坑!跳入需谨慎。为什么?
GET与POST都有自己的语义,不能随便混用。
据研究,在网络环境好的情况下,发一次包的时间和发两次包的时间差别基本可以无视。而在网络环境差的情况下,两次包的TCP在验证数据包完整性上,有非常大的优点。
并不是所有浏览器都会在POST中发送两次包,Firefox就只发送一次。
HTTP请求,最初设定了八种方法。这八种方法本质上没有任何区别。只是让请求,更加有语义而已。
1.OPTIONS 返回服务器所支持的请求方法
2.GET 向服务器获取指定资源
3.HEAD 与GET一致,只不过响应体不返回,只返回响应头
4.POST 向服务器提交数据,数据放在请求体里
5.PUT 与POST相似,只是具有幂等特性,一般用于更新
6.DELETE 删除服务器指定资源
7.TRACE 回显服务器端收到的请求,测试的时候会用到这个
8.CONNECT 预留,暂无使用
undefined==null ? 为true
undefined===null ?为false
如何提高网页加载速度
1.减少HTTP请求
2.使用CDN
如果应用程序web服务器离用户更近,那么一个HTTP请求的响应时间将缩短。另一方面,如果组件web服务器离用户更近,则多个HTTP请求的响应时间将缩短。
CDN是一组分布在多个不同地理位置的Web服务器,用于更加有效地向用户发布内容。在优化性能时,向特定用户发布内容的服务器的选择基于对网络慕课拥堵的测量。例如,CDN可能选择网络阶跃数最小的服务器,或者具有最短响应时间的服务器。
CDN还可以进行数据备份、扩展存储能力,进行缓存,同时有助于缓和Web流量峰值压力。
CDN的缺点:
1、响应时间可能会受到其他网站流量的影响。CDN服务提供商在其所有客户之间共享Web服务器组。
2、如果CDN服务质量下降了,那么你的工作质量也将下降
3、无法直接控制组件服务器
3、添加Expires头
4、压缩组件
5、将样式表放在头部
6、将脚本放在底部
7、避免CSS表达式
8、使用外部的JavaScript和CSS
9、减少DNS查找
10、精简JavaScript
11、避免重定向
12、删除重复脚本
13、配置ETag
14、使Ajax可缓存