daipi173的个人博客

daipi173的个人博客
Always Creative.
Welcome!

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端

你的努力必将成为成功。

网络之CORS跨域资源共享

2019-05-08 | HTML, 网络, CORS

Ajax是会受到同源的影响的，当我们要使用非同源的资源的时候，就会报错，所以说Ajax只能获取同源的资源。但是有解决办法让Ajax获取不同源的资源，需要遵循CORS机制。需要服务器给响应当中有一个“Access-Control-Allow-Origin”字段，如果响应中没有这个字段的话，就会报错。 1. 什么是CORScross-origin resource sharing（CORS）跨域资源共享，是一种使用额外HTTP首部实现跨域

网络之postMessage通信

2019-05-05 | HTML, 网络, postMessage

1. 背景为了安全考虑，浏览器会有同源策略限制，禁止跨域访问数据。但是具有src属性的标签不受限制，可以跨域访问资源，例如： 1234<img src="" alt=""><script src=""></script><iframe src="" frameborder="0"></

网络之WebSocket双向通信

2019-05-02 | HTML, 网络, WebSocket

1. 背景协议：HTTP/HTTPS协议（HTTPS协议只是在HTTP协议基础之上加密了而已）版本：HTTP/1.0 HTTP/1.1举一个例子：比如我发送10张图片，用HTTP/1.0版本的话，需要TCP连接和断开10次，这样比较浪费性能；因此在HTTP/1.1中进行了一个升级，同样我要发送10张图片，我向服务器先建立一个TCP连接，把10个请求同时发送出去，10个响应同时拿到，此时这个连接断开。（这样相当于只连接和断开一次TCP，

网络之Cookie

2019-04-29 | HTML, 网络, Cookie

1. 个性化服务HTTP是无状态的请求/响应连接，导致连接断开后，再次连接服务器无法识别用户。什么是无状态？你先向服务器发送请求，建立TCP连接将请求发送过去，然后给我响应，TCP连接断开。在这一过程中没有做任何的保存，没有留下任何的痕迹。当你再一次访问的时候，需要重新的建立TCP连接，发送请求等操作。 2. 使用一些技术来帮助服务器去识别用户方法一、跟踪客户端IP地址，但是很多地方的客户端都是动态的生成IP，因此服务器无法区分是不是同

原型链的终点为什么不是Object.prototype，而是null

2019-04-25 | JavaScript, 原型链

想必大家在学到原型链的时候，和我有一样的想法，为什么原型链的终点是null，而不是我们想要的Object.prototype。首先我们应该知道：1.原型链是指对象的原型链，因此原型链上的所有节点都是对象，那么就不能是数字、布尔值或者字符串等原始类型。2.原型链必须是有长度限制的。那什么是有长度限制呢？显然从任一节点出发，经过有限的步骤后必须到达一个终点，当然也不能形成一个环。在了解上面所讲的内容后，我们正式进入主题，那么应该用什么对

初识JavaScript的代理

2019-04-22 | JavaScript, Proxy

1. 首先我们先清楚一点，什么是代理？可能你上网搜索的时候会发现关于代理的理解太过于死板或者不易理解。我给大家说两个比喻来告诉大家什么是代理。你喜欢一个女孩子但是不敢要别人的微信号，于是你朋友去帮你要的那个女孩子的微信号。你在家打游戏，忽然感觉到饿了，但是又不想自己做饭。于是你女朋友出门买菜并做饭给你吃。 2. 当我们理解了什么是代理之后，那么什么又是JavaScript代理呢？官网显示的资料是：Proxy。Proxy 可以理解

IE盒模型和标准盒模型的区别

2019-04-19 | HTML, 盒模型

盒模型是面试中常考的一个内容，今天写这个笔记的原因就是：想让大家认真的理解IE盒模型和标准盒模型的区别。那什么是IE盒模型呢？盒模型是CSS中重要的一个概念，但是在IE5.5及更早的IE浏览器用的不是标准的盒模型，我们称之为IE盒模型。那IE盒模型和标准盒模型的区别是什么呢？答案是：IE的盒模型与标准盒模型（W3C盒模型）的区别在与width的计算。我们从下面的图来看一看：标准盒模型的width就是content内容区域的宽度，而I

网络之HTTP协议

2019-04-16 | HTML, 网络, HTTP协议

1. HTTP协议是什么超文本传输协议（HTTP，HyperText TransferProtocol)是用于从web服务器传输超文本到web浏览器的传送协议。所有的WWW文件都必须遵守这个标准 www万维网：是一个由许多互相链接的超文本组成的系统，通过互联网访问。 2.GET和POST的区别其实GET请求和POST请求本质上没有什么区别，因为他们底层都是TCP链接。区别：（1）从用途来说，GET和POST是http请求方式。GET向特

网络之同源策略

2019-04-13 | HTML, 网络, 同源策略

同源策略是浏览器的一种安全策略。同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。上面的内容可能你看了有一点不清楚，那么简单的一句话概括：协议域名端口均相同的源才属于同源。我们来进行一个练习，你就会知道什么是同源策略了，练习如下：以下哪些与http://v

JavaScript之默认参数值

2019-04-10 | JavaScript

可能JavaScript最常见的一个技巧就是关于设定函数参数默认值。下面我们来看一下一般我们的实现方法，代码如下： 12345678910function foo(x,y){ x = x || 11; y = y || 31; console.log(x+y);}foo(); // 11 + 31 = 42foo(5,6); // 5 + 6 = 11foo(5); // 5 + 31 =

And we should call every truth false which was not accompanied by at least one laugh

YOUR EFFORTS BOUND TO SUCCEED 关注公众号：Yoho前端

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端