知识点(一)

一.网络分层javascript

OSI的7层从上到下分别是 7 应用层 6 表示层 5 会话层 4 传输层 3 网络层 2 数据链路层 1 物理层 ;css

其中高层(即七、六、五、4层)定义了应用程序的功能,下面3层(即三、二、1层)主要面向经过网络的端到端的数据流。html

 

 


 

二.浏览器输入一个url后前端

1.根据域名到DNS中找到IPvue

 

2.根据IP创建TCP链接(三次握手)java

 

3.链接创建成功发起http请求node

 

4.服务器响应http请求android

 

5.浏览器解析HTML代码并请求html中的静态资源(js,css)ios

 

6.关闭TCP链接(四次挥手)vuex

 

7.浏览器渲染页面


 

三.前端保存数据

VUEX 保存在内存 刷新页面清除

vuex是状态管理机制,一个组件的数据变化会映射到使用此数据的其余组件,即一个组件的数据变化,另外一个组件也能相应到

vuex用于组件间传值cookie、localStorage、sessionStorage用于页面间传值

刷新页面vuex存储的值丢失,其余三种变;

不变的数据可用localStorage存储,

更新的数据用vuex存储,

与服务器沟通的数据用cookie存储。


 

四. 为何data使用return的形式

 

JS中的实例是经过构造函数来创建的,每一个构造函数能够new出不少个实例,那么每一个实例都会继承原型上的方法或属性。

 

vue的data数据实际上是vue原型上的属性,数据存在于内存当中

 

vue为了保证每一个实例上的data数据的独立性,规定了必须使用函数,而不是对象

 

由于使用对象的话,每一个实例(组件)上使用的data数据是相互影响的,这固然就不是咱们想要的了。

对象是对于内存地址的引用,直接定义个对象的话组件之间都会使用这个对象,这样会形成组件之间数据相互影响


 

五. commonjs -->nodejs

为了让javascript更增强大,commonJs规范(CMD)应运而生,而它的最佳表明则是nodejs,nodejs是根据commonjs规范而创做的项目,能够开发服务器端项目的项目。

JavaScript是没有模块化的,浏览器端引入依赖模块都是经过script标签的引入顺序决定的,要么就代码所有写在一个文件中,而且全部定义的变量和函数都是全局的。 


 

六.关于跨域

 同源策略限制了从同一个源加载的文档或脚本如何与来自另外一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

浏览器是从两个方面去作这个同源策略的,一是针对接口的请求,二是针对Dom的查


 

七.cookie

cookie你们应该知道,通常用来处理登陆等场景,目的是让服务端知道谁发出的此次请求。若是你请求了接口进行登陆,服务端验证经过后会在响应头加入Set-Cookie字段,而后下次再发请求的时候,浏览器会自动将cookie附加在HTTP请求的头字段Cookie中,服务端就能知道这个用户已经登陆过了。


 

八.CSRF

   CSRF(Cross-site request forgery),中文名称:跨站请求伪造,也被称为:one click attack/session riding,缩写为:CSRF/XSRF。
 你这能够这么理解CSRF攻击:攻击者盗用了你的身份,以你的名义发送恶意请求。

 

   要完成一次CSRF攻击,受害者必须依次完成两个步骤:

 

  1.登陆受信任网站A,并在本地生成Cookie。

 

  2.在不登出A的状况下,访问危险网站B。

   CSRF的防护能够从服务端和客户端两方面着手,防护效果是从服务端着手效果比较好,如今通常的CSRF防护也都在服务端进行
  服务端的CSRF方式方法不少样,但总的思想都是一致的,就是在客户端页面增长伪随机数


 

九.weex

Weex 并不强依赖任何特定的前端框架。。Weex 的另外一个主要目标是跟进流行的 Web 开发技术并将其和原生开发的技术结合,实现开发效率和运行性能的高度统一。在开发阶段,一个 Weex 页面就像开发普通网页同样;在运行时,Weex 页面又充分利用了各类操做系统的原生组件和能力

Weex 提供了一套基础的内置组件。你能够对这些基础组件进行封装、组合造成本身的组件;也能够建立本身的全新组件来包装操做系统提供的地图、视频等功能。能够访问 扩展 iOS 能力 和 扩展 Android 能力来了解如何去实现自定义组件。

在框架内部,Weex 使用原生组件来渲染,并尽量保持多平台一致性。但在不一样平台上,或多或少会有一些渲染、行为上的差别。好比对于 <switch> 组件,在不一样平台上的视觉效果是不一致的。


 

十.http请求错误码

一些常见的状态码为:

200 - 服务器成功返回网页
404 - 请求的网页不存在
503 - 服务不可用

详细分解:

1xx(临时响应)
表示临时响应并须要请求者继续执行操做的状态代码。

代码  说明
100  (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其他部分。 
101  (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。

2xx (成功)
表示成功处理了请求的状态代码。

代码  说明
200  (成功)  服务器已成功处理了请求。 一般,这表示服务器提供了请求的网页。
201  (已建立)  请求成功而且服务器建立了新的资源。
202  (已接受)  服务器已接受请求,但还没有处理。
203  (非受权信息)  服务器已成功处理了请求,但返回的信息可能来自另外一来源。
204  (无内容)  服务器成功处理了请求,但没有返回任何内容。
205  (重置内容) 服务器成功处理了请求,但没有返回任何内容。
206  (部份内容)  服务器成功处理了部分 GET 请求。

3xx (重定向)
表示要完成请求,须要进一步操做。 一般,这些状态代码用来重定向。

代码  说明
300  (多种选择)  针对请求,服务器可执行多种操做。 服务器可根据请求者 (user agent) 选择一项操做,或提供操做列表供请求者选择。
301  (永久移动)  请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。
302  (临时移动)  服务器目前从不一样位置的网页响应请求,但请求者应继续使用原有位置来进行之后的请求。
303  (查看其余位置) 请求者应当对不一样的位置使用单独的 GET 请求来检索响应时,服务器返回此代码。
304  (未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容。
305  (使用代理) 请求者只能使用代理访问请求的网页。 若是服务器返回此响应,还表示请求者应使用代理。
307  (临时重定向)  服务器目前从不一样位置的网页响应请求,但请求者应继续使用原有位置来进行之后的请求。

4xx(请求错误)
这些状态代码表示请求可能出错,妨碍了服务器的处理。

代码  说明
400  (错误请求) 服务器不理解请求的语法。
401  (未受权) 请求要求身份验证。 对于须要登陆的网页,服务器可能返回此响应。
403  (禁止) 服务器拒绝请求。
404  (未找到) 服务器找不到请求的网页。
405  (方法禁用) 禁用请求中指定的方法。
406  (不接受) 没法使用请求的内容特性响应请求的网页。
407  (须要代理受权) 此状态代码与 401(未受权)相似,但指定请求者应当受权使用代理。
408  (请求超时)  服务器等候请求时发生超时。
409  (冲突)  服务器在完成请求时发生冲突。 服务器必须在响应中包含有关冲突的信息。
410  (已删除)  若是请求的资源已永久删除,服务器就会返回此响应。
411  (须要有效长度) 服务器不接受不含有效内容长度标头字段的请求。
412  (未知足前提条件) 服务器未知足请求者在请求中设置的其中一个前提条件。
413  (请求实体过大) 服务器没法处理请求,由于请求实体过大,超出服务器的处理能力。
414  (请求的 URI 过长) 请求的 URI(一般为网址)过长,服务器没法处理。
415  (不支持的媒体类型) 请求的格式不受请求页面的支持。
416  (请求范围不符合要求) 若是页面没法提供请求的范围,则服务器会返回此状态代码。
417  (未知足指望值) 服务器未知足"指望"请求标头字段的要求。

5xx(服务器错误)
这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误多是服务器自己的错误,而不是请求出错。

代码  说明
500  (服务器内部错误)  服务器遇到错误,没法完成请求。
501  (还没有实施) 服务器不具有完成请求的功能。 例如,服务器没法识别请求方法时可能会返回此代码。
502  (错误网关) 服务器做为网关或代理,从上游服务器收到无效响应。
503  (服务不可用) 服务器目前没法使用(因为超载或停机维护)。 一般,这只是暂时状态。
504  (网关超时)  服务器做为网关或代理,可是没有及时从上游服务器收到请求。505  (HTTP 版本不受支持) 服务器不支持请求中所用的 HTTP 协议版本。

相关文章
相关标签/搜索