March 07, 2018

前端跨域问题

同源策略

同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。

意义:同源策略是一个用于隔离潜在恶意文件的重要安全机制。

只要协议、域名、端口有任何一个不同,都被当作是不同的源。只有三者都相同才能被认定是同源。

跨域

一般来说,跨域包括两种:

主域相同的跨域

完全不同的跨域

主域相同的跨域

举个例子:

页面一: a.com/a.html

页面二: script.a.com/b.html

这两个页面的主域都是 a.com ,所以它们之间的通信属于 主域相同的跨域。

我们只要把 "a.com/a.html" 和 "script......

March 07, 2018

一次 http 请求

一次 http 请求包括如下步骤

图片来源

七个步骤:

建立 TCP 连接

基础的三次握手,确保通信成功

web 浏览器向 web 服务器发送请求命令

客户端发一个请求

例如:GET/sample/hello.jsp HTTP/1.1

web 浏览器向 web 服务器发送请求头

浏览器会发送一空白行来通知服务器头信息已经结束

如果是 post 请求,......

March 03, 2018

webpack 运行原理

webpack 作为最流行的打包工具,不好好研究一下真的就是有些落伍啦。

一句话描述

webpack是一个打包模块化js的工具,可以通过loader转换文件,通过plugin扩展功能。

webpack 做了什么

Webpack 启动后会从 Entry 里配置的 Module 开始递归解析 Entry 依赖的所有 Module。

每找到一个 Module 就会根据配置的 Loader 规则去找出对应的转换规则立即对 Module 进行转换后,再解析出当前 Module 依赖的 Module。

这些模块会以 Entry 为单位进行分组,一个 Entry 和其所有依赖的 Module 被分到......