百度竞价 百度流量 网站权重,校园网站建设报价,公司网站设计与实现的英文文献,商丘市有没有做网站1.cookie sessionStorage localStorage区别#xff1f;答#xff1a;cookie数据始终在同源的http请求中携带(即使不需要)#xff0c;即cookie在浏览器和服务器间来回传递cookie数据还有路径#xff08;path#xff09;的概念#xff0c;可以限制。cookie只属于某个路径下… 1.cookie sessionStorage localStorage区别答cookie数据始终在同源的http请求中携带(即使不需要)即cookie在浏览器和服务器间来回传递cookie数据还有路径path的概念可以限制。cookie只属于某个路径下存储大小限制也不同cookie数据不能超过4K同时因为每次http请求都会携带cookie所以cookie只适合保存很小的数据如回话标识。webStorage虽然也有存储大小的限制但是比cookie大得多可以达到5M或更大数据的有效期不同sessionStorage仅在当前的浏览器窗口关闭有效localStorage始终有效窗口或浏览器关闭也一直保存因此用作持久数据cookie只在设置的cookie过期时间之前一直有效即使窗口和浏览器关闭作用域不同sessionStorage不在不同的浏览器窗口中共享即使是同一个页面localStorage在所有同源窗口都是共享的cookie也是在所有同源窗口中共享的。2.cookie session区别答1.cookie数据存放在客户的浏览器上session数据放在服务器上。2.cookie不是很安全别人可以分析存放在本地的COOKIE并进行COOKIE欺骗 考虑到安全应当使用session。3.session会在一定时间内保存在服务器上。当访问增多会比较占用你服务器的性能 考虑到减轻服务器性能方面应当使用COOKIE。4. 单个cookie保存的数据不能超过4K很多浏览器都限制一个站点最多保存20个cookie。3.介绍知道的http返回的状态码答100 Continue 继续。客户端应继续其请求101 Switching Protocols 切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议例如切换到HTTP的新版本协议200 OK 请求成功。一般用于GET与POST请求201 Created 已创建。成功请求并创建了新的资源202 Accepted 已接受。已经接受请求但未处理完成203 Non-Authoritative Information 非授权信息。请求成功。但返回的meta信息不在原始的服务器而是一个副本204 No Content 无内容。服务器成功处理但未返回内容。在未更新网页的情况下可确保浏览器继续显示当前文档205 Reset Content 重置内容。服务器处理成功用户终端例如浏览器应重置文档视图。可通过此返回码清除浏览器的表单域206 Partial Content 部分内容。服务器成功处理了部分GET请求300 Multiple Choices 多种选择。请求的资源可包括多个位置相应可返回一个资源特征与地址的列表用于用户终端例如浏览器选择301 Moved Permanently 永久移动。请求的资源已被永久的移动到新URI返回信息会包括新的URI浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替302 Found 临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI303 See Other 查看其它地址。与301类似。使用GET和POST请求查看304 Not Modified 未修改。所请求的资源未修改服务器返回此状态码时不会返回任何资源。客户端通常会缓存访问过的资源通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源305 Use Proxy 使用代理。所请求的资源必须通过代理访问306 Unused 已经被废弃的HTTP状态码307 Temporary Redirect 临时重定向。与302类似。使用GET请求重定向400 Bad Request 客户端请求的语法错误服务器无法理解401 Unauthorized 请求要求用户的身份认证402 Payment Required 保留将来使用403 Forbidden 服务器理解请求客户端的请求但是拒绝执行此请求404 Not Found 服务器无法根据客户端的请求找到资源网页。通过此代码网站设计人员可设置您所请求的资源无法找到的个性页面405 Method Not Allowed 客户端请求中的方法被禁止406 Not Acceptable 服务器无法根据客户端请求的内容特性完成请求407 Proxy Authentication Required 请求要求代理的身份认证与401类似但请求者应当使用代理进行授权408 Request Time-out 服务器等待客户端发送的请求时间过长超时409 Conflict 服务器完成客户端的PUT请求是可能返回此代码服务器处理请求时发生了冲突410 Gone 客户端请求的资源已经不存在。410不同于404如果资源以前有现在被永久删除了可使用410代码网站设计人员可通过301代码指定资源的新位置411 Length Required 服务器无法处理客户端发送的不带Content-Length的请求信息412 Precondition Failed 客户端请求信息的先决条件错误413 Request Entity Too Large 由于请求的实体过大服务器无法处理因此拒绝请求。为防止客户端的连续请求服务器可能会关闭连接。如果只是服务器暂时无法处理则会包含一个Retry-After的响应信息414 Request-URI Too Large 请求的URI过长URI通常为网址服务器无法处理415 Unsupported Media Type 服务器无法处理请求附带的媒体格式416 Requested range not satisfiable 客户端请求的范围无效417 Expectation Failed 服务器无法满足Expect的请求头信息500 Internal Server Error 服务器内部错误无法完成请求501 Not Implemented 服务器不支持请求的功能无法完成请求502 Bad Gateway 作为网关或者代理工作的服务器尝试执行请求时从远程服务器接收到了一个无效的响应503 Service Unavailable 由于超载或系统维护服务器暂时的无法处理客户端的请求。延时的长度可包含在服务器的Retry-After头信息中504 Gateway Time-out 充当网关或代理的服务器未及时从远端服务器获取请求505 HTTP Version not supported 服务器不支持请求的HTTP协议的版本无法完成处理。4.http常用请求头协议头说明Accept可接受的响应内容类型Content-Types。 Accept-Charset可接受的字符集Accept-Encoding可接受的响应内容的编码方式。 Accept-Language可接受的响应内容语言列表Accept-Datetime可接受的按照时间来表示的响应内容版本Authorization用于表示HTTP协议中需要认证资源的认证信息Cache-Control用来指定当前的请求/回复中的是否使用缓存机制。Connection客户端浏览器想要优先使用的连接类型Cookie由之前服务器通过Set-Cookie见下文设置的一个HTTP协议CookieContent-Length以8进制表示的请求体的长度Content-MD5请求体的内容的二进制 MD5 散列值数字签名以 Base64 编码的结果Content-Type请求体的MIME类型 用于POST和PUT请求中Date发送该消息的日期和时间以RFC 7231中定义的HTTP日期格式来发送 Expect表示客户端要求服务器做出特定的行为From发起此请求的用户的邮件地址Host表示服务器的域名以及服务器所监听的端口号。如果所请求的端口是对应的服务的标准端口80则端口号可以省略。If-Match仅当客户端提供的实体与服务器上对应的实体相匹配时才进行对应的操作。主要用于像 PUT 这样的方法中仅当从用户上次更新某个资源后该资源未被修改的情况下才更新该资源。If-Modified-Since允许在对应的资源未被修改的情况下返回304未修改If-None-Match允许在对应的内容未被修改的情况下返回304未修改 304 Not Modified 参考 超文本传输协议 的实体标记If-Range如果该实体未被修改过则向返回所缺少的那一个或多个部分。否则返回整个新的实体If-Unmodified-Since仅当该实体自某个特定时间以来未被修改的情况下才发送回应。Max-Forwards限制该消息可被代理及网关转发的次数。Origin发起一个针对跨域资源共享的请求该请求要求服务器在响应中加入一个Access-Control-Allow-Origin的消息头表示访问控制所允许的来源。 Pragma与具体的实现相关这些字段可能在请求/回应链中的任何时候产生。Proxy-Authorization用于向代理进行认证的认证信息。Range表示请求某个实体的一部分字节偏移以0开始。Referer表示浏览器所访问的前一个页面可以认为是之前访问页面的链接将浏览器带到了当前页面。Referer其实是Referrer这个单词但RFC制作标准时给拼错了后来也就将错就错使用Referer了。TE浏览器预期接受的传输时的编码方式可使用回应协议头Transfer-Encoding中的值还可以使用trailers表示数据传输时的分块方式用来表示浏览器希望在最后一个大小为0的块之后还接收到一些额外的字段。User-Agent 浏览器的身份标识字符串Upgrade要求服务器升级到一个高版本协议。Via告诉服务器这个请求是由哪些代理发出的。Warning 一个一般性的警告表示在实体内容体中可能存在错误。5.强缓存、协商缓存什么时候用哪个答因为服务器上的资源不是一直固定不变的大多数情况下它会更新这个时候如果我们还访问本地缓存那么对用户来说那就相当于资源没有更新用户看到的还是旧的资源所以我们希望服务器上的资源更新了浏览器就请求新的资源没有更新就使用本地的缓存以最大程度的减少因网络请求而产生的资源浪费。6.前端优化有哪些策略答降低请求量合并资源减少HTTP请求数minify/gzip压缩webPlazyLoad。加快请求速度预解析DNS减少域名数并行加载CDN 分发。缓存HTTP协议缓存请求离线缓存manifest离线数据缓存localStorage。渲染JS/CSS优化加载顺序服务端渲染pipeline。7.GET和POST的区别答get参数通过url传递post放在request body中。get请求在url中传递的参数是有长度限制的而post没有。get比post更不安全因为参数直接暴露在url中所以不能用来传递敏感信息。get请求只能进行url编码而post支持多种编码方式get请求会浏览器主动cache而post支持多种编码方式。get请求参数会被完整保留在浏览历史记录里而post中的参数不会被保留。GET和POST本质上就是TCP链接并无差别。但是由于HTTP的规定和浏览器/服务器的限制导致他们在应用过程中体现出一些不同。GET产生一个TCP数据包POST产生两个TCP数据包。8.HTTP支持的方法答GET, POST, HEAD, OPTIONS, PUT, DELETE, TRACE, CONNECT
9.如何画一个三角形答三角形原理边框的均分原理div {width:0px;height:0px;border-top:10px solid red;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid transparent;}
10.状态码304和 200答状态码200请求已成功请求所希望的响应头或数据体将随此响应返回。即返回的数据为全量的数据如果文件不通过GZIP压缩的话文件是多大则要有多大传输量。状态码304如果客户端发送了一个带条件的 GET 请求且该请求已被允许而文档的内容自上次访问以来或者根据请求的条件并没有改变则服务器应当返回这个状态码。即客户端和服务器端只需要传输很少的数据量来做文件的校验如果文件没有修改过则不需要返回全量的数据。11.说一下浏览器缓存答缓存分为两种强缓存和协商缓存根据响应的header内容来决定。强缓存相关字段有expirescache-control。如果cache-control与expires同时存在的话cache-control的优先级高于expires。协商缓存相关字段有Last-Modified/If-Modified-SinceEtag/If-None-Match。12.html5新增的元素答首先html5为了更好的实践web语义化增加了headerfooternav,aside,p等语义化标签在表单方面为了增强表单为input增加了coloremial,data,range等类型在存储方面提供了sessionStoragelocalStorage,和离线存储通过这些存储方式方便数据在客户端的存储和获取在多媒体方面规定了音频和视频元素audio和vedio另外还有地理定位canvas画布拖放多线程编程的web worker和websocket协议。13.在地址栏里输入一个URL,到这个页面呈现出来中间会发生什么答输入url后首先需要找到这个url域名的服务器ip,为了寻找这个ip浏览器首先会寻找缓存查看缓存中是否有记录缓存的查找记录为浏览器缓存-》系统缓存-》路由器缓存缓存中没有则查找系统的hosts文件中是否有记录如果没有则查询DNS服务器得到服务器的ip地址后浏览器根据这个ip以及相应的端口号构造一个http请求这个请求报文会包括这次请求的信息主要是请求方法请求说明和请求附带的数据并将这个http请求封装在一个tcp包中这个tcp包会依次经过传输层网络层数据链路层物理层到达服务器服务器解析这个请求来作出响应返回相应的html给浏览器因为html是一个树形结构浏览器根据这个html来构建DOM树在dom树的构建过程中如果遇到JS脚本和外部JS连接则会停止构建DOM树来执行和下载相应的代码这会造成阻塞这就是为什么推荐JS代码应该放在html代码的后面之后根据外部央视内部央视内联样式构建一个CSS对象模型树CSSOM树构建完成后和DOM树合并为渲染树这里主要做的是排除非视觉节点比如scriptmeta标签和排除display为none的节点之后进行布局布局主要是确定各个元素的位置和尺寸之后是渲染页面因为html文件中会含有图片视频音频等资源在解析DOM的过程中遇到这些都会进行并行下载浏览器对每个域的并行下载数量有一定的限制一般是4-6个当然在这些所有的请求中我们还需要关注的就是缓存缓存一般通过Cache-Control、Last-Modify、Expires等首部字段控制。Cache-Control和Expires的区别在于Cache-Control使用相对时间Expires使用的是基于服务器 端的绝对时间因为存在时差问题一般采用Cache-Control在请求这些有设置了缓存的数据时会先 查看是否过期如果没有过期则直接使用本地缓存过期则请求并在服务器校验文件是否修改如果上一次 响应设置了ETag值会在这次请求的时候作为If-None-Match的值交给服务器校验如果一致继续校验 Last-Modified没有设置ETag则直接验证Last-Modified再决定是否返回304。14.常见的HTTP的头部?答可以将http首部分为通用首部请求首部响应首部实体首部。通用首部表示一些通用信息比如date表示报文创建时间请求首部就是请求报文中独有的如cookie和缓存相关的如if-Modified-Since。响应首部就是响应报文中独有的如set-cookie和重定向相关的location实体首部用来描述实体部分如allow用来描述可执行的请求方法content-type描述主题类型content-Encoding描述主体的编码方式15.HTTP2.0 的特性答http2.0的特性如下1、内容安全应为http2.0是基于https的天然具有安全特性通过http2.0的特性可以避免单纯使用https的性能下降。2、二进制格式http1.X的解析是基于文本的http2.0将所有的传输信息分割为更小的消息和帧并对他们采用二进制格式编码基于二进制可以让协议有更多的扩展性比如引入了帧来传输数据和指令。3、多路复用这个功能相当于是长连接的增强每个request请求可以随机的混杂在一起接收方可以根据request的id将request再归属到各自不同的服务端请求里面另外多路复用中也支持了流的优先级允许客户端告诉服务器那些内容是更优先级的资源可以优先传输。16.cache-control的值有哪些答cache-control是一个通用消息头字段被用于HTTP请求和响应中通过指定指令来实现缓存机制这个缓存指令是单向的常见的取值有private、no-cache、max-age、must-revalidate等默认为private。17.浏览器在生成页面的时候会生成那两颗树答构造两棵树DOM树和CSSOM规则树当浏览器接收到服务器相应来的HTML文档后会遍历文档节点生成DOM树。CSSOM规则树由浏览器解析CSS文件生成。注意本文的答案仅作为参考答案关注公众号后台回复“PDF001”免费获取计算机基础知识操作系统核心笔记
