一、http和https的区别?
①HTTP是未加密的,明文的。https是http和ssl协议构建的加密的协议。
②https需要ca证书,费用较高。
③连接的端口不同 http是80端口号,https是443端口号。
④HTTP的连接时无状态的,gttps较安全。
二、三次握手?
①为什么要进行三次握手?
因为要使得双方都可以进行收发。
第一次握手:C端向S端发送连接请求。
第二次握手:S端确认收到C端发来的报文。
第三次握手:C端确认S端收到了自己的报文,并且确定自己可以收到S端的报文。
三、UDP和TCP的区别?
①TCP面向连接,提供可靠连接,面向字节流,只支持1对1连接
②UDP不面向连接,提供不可靠连接,面向保温,支持1对多,1对1。
四、HTTP请求的HAED方式?
类似与get,但是不同的时HEAD不返回具体的内容,只返回请求头。
五、BOM对象?
BOM:浏览器对象 location对象 、history对象、navigator对象
location对象:
①location.href() 返回或设置当前文档的URL
②location.hash() 返回URL#之后的内容
history对象:
①history.go(num) 前进或后退页数
②history.back() 后退一页
③history.foword() 前进一页
navigator对象:
①navigator.userAgent -- 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
②navigator.cookieEnabled -- 返回浏览器是否支持(启用)cookie
六、http状态码
①1** 信息
100:继续访问
②2** 成功
200:请求成功
201:已创建资源。
202:已接受,但还没有处理
③3** 重定向
301URL已转移
④4** 客户端错误
401:请求语法错误
402:没有权限
403:禁止访问
404:找不到页面
⑤5** 服务器端错误
500:服务器内部错误
503:超载或在维修
七、cookie、localStorage、sessionStorage的区别?
相同:都是存储在浏览器端
①存储大小不同
cookie是4KB,session和local是5MB。
②生命周期不同
cookie可设置过期时间,如果不设置就是页面级的。local是长期存储,除非手动删除。session是页面级存储,关闭页面则消失。
③请求参数不同
cookie每次都会带http头,其他二者不需要
④实用性
cookie没有自己的api需要开发人员自己进行封装 getCookie、setCookie。其他二者都有自己的api,setItem()、getItem()
八、Doctype的作用?
告诉浏览器应该用何种模式来解析文档。
有严格模式,混杂模式。
严格模式:W3C的标准模式。 混杂模式:浏览器自己的模式。
九、addEventListener参数
addEventListener(event,function,useCopture)
event:事件 function:触发时执行的函数 useCopture:true为事件冒泡,false为事件捕获
十、HTTP的缓存机制?
①根据HTTP响应报文的缓存标识符进行缓存 有强制缓存和协商缓存。
强制缓存:浏览器缓存中存在缓存结果和标识符。
协商缓存:强制缓存失效之后再向服务端发送请求的过程。返回304表示资源没有更新。返回200表示资源已更新。
②强制缓存的字段expires和cache-Control 协商缓存字段:last-Modified/If-Modified-Since Etag/If-None-Match
总结:强制缓存是优于协商缓存的,若强制缓存生效则直接用缓存,若失效则进行协商缓存。
协商缓存由服务器端决定是否使用缓存。304继续使用缓存。200重新获取缓存。
十一、POST和GET的区别?
①get的信息是在url中的,所以不安全,并且有长度限制。
②post的信息实在请求体内的,所以较安全,没有长度限制
十二、在输入URL之后,页面会发生什么?
①过程:输入url→查看缓存(浏览器缓存、系统缓存、路由器缓存。若有缓存直接显示页面内容)→DNS服务器(解析出IP地址)→发起HTTP请求(TCP连接)→服务端进行响应→绘制页面
②详细过程:输入URL后,浏览器先查看缓存,若有缓存则直接显示页面内容。如果没有缓存则查询DNS服务器找到IP地址。然后浏览器向服务端发起HTTP请求、tcp连接。服务端返回请求结果。
根据返回的结果解析文档,先解析HTML文档构建DOM树,遇到<link><style>标签构建CSSOM树,最后在结合DOM树和CSSSOM树生成Render渲染树。若在解析过程中遇到js文件就会停止DOM树的构建,直到js文件加载并解析完成后再继续DOM树的构建。因为js会改变DOM结构。
③重绘和回流:js代码可以修改和访问dom节点和css,所以再解析js的过程中会导致页面的重新布局和渲染。