2018年05月_Haley_Guo

转载 TCP/IP协议体系结构以及主要协议

TCP/IP协议体系结构以及主要协议在说TCP/IP协议体系结构之前我们首先来看看最早用的OSI七层参考模型，自底向上依次是物理层、数据链路层、网络层、传输层、会话层、表示层、应用层。下图则为由OSI七层参考模型到TCP/IP体系结构产生过程。 TCP/IP体系结构的优点：（1）简化了计算机网络的结构，由原来的七层编导现在的四层，但是其功能并没有减少。（2）每一层即独立又有联系，...

2018-05-31 17:30:34 11550

转载 WebSocket介绍和使用nodejs+socket.io搭建服务器和客户端

WebSocket介绍与原理 WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。一开始的握手需要借助HTTP请求完成。 ——百度百科目的：即时通讯，替代轮询网站上的即时通讯是很常见的，比如网页的QQ，聊天系统等。按照以往的技术能力通常是采用轮询、Comet技术解决。HTTP协议是非持久化的，单向的...

2018-05-30 10:29:31 8992

转载常见的浏览器兼容性问题与解决方案——CSS篇

1、不同的浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin和padding差异较大。碰到频率：100%解决方案：初始化CSS的默认样式，*{margin:0;padding:0}。也可以使用其他网站的初始化代码。备注：这个是最常见的也是最容易解决的一个浏览器兼容性问题。2、块属性标签float后，又有横行的margin情...

2018-05-25 17:58:39 257

转载 JS原生拖拽和input联想和自动补全

js原生实现拖拽，并改变容器的背景色//var _origin = {x: div1.offsetLeft, y:div1.offsetTop}var _newele = document.createElement('div')var div1Style = getComputedStyle(div1)var dropFlag = 0, dragFlag = 0div1.a...

2018-05-23 21:11:15 832

转载 js闭包及垃圾回收机制和引起内存泄漏的操作

JS的垃圾回收机制了解吗?Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。JS中最常见的垃圾回收方式是标记清除。工作原理：是当变量进入环境时，将这个变量标记为“进入环境”。当变量离开环境时，则将其标记为“离开环境”。标记“离开环境”的就回收内存。工作流程：垃圾回收器，在运行的时候会给存储在内存中的所有变量都加上标记。去掉环境中的变量以及被环境中的变量引...

2018-05-18 12:02:06 1800

原创 js数组和对象的拷贝方法

数组的复制浅拷贝1.使用=进行浅拷贝var arr=[1,2,3];var arr1=arr;console.log(arr);//[1, 2, 3]console.log(arr1);//[1, 2, 3]arr[1]=4;console.log(arr);//[1, 4, 3]console.log(arr1);//[1, 4, 3]复制的是引用，两个数组指向同一个...

2018-05-15 11:15:17 354

转载 LRU缓存的js实现

LRU缓存原理：LRU（Least recently used，最近最少使用）算法根据数据的历史访问记录来进行淘汰数据，其核心思想是“如果数据最近被访问过，那么将来被访问的几率也更高”。实现最常见的实现是使用一个链表保存缓存数据，详细算法实现如下：新数据插入到链表头部；每当缓存命中（即缓存数据被访问），则将数据移到链表头部；当链表满的时候，将链表尾部的数据丢弃。...

2018-05-11 16:22:04 4315

转载从输入url到页面展示发生了什么

刚开始写这篇文章还是挺纠结的，因为网上搜索“从输入url到页面展示到底发生了什么”，你可以搜到一大堆的资料。而且面试这道题基本是必考题，二月份面试的时候，虽然知道这个过程发生了什么，不过当面试官一步步追问下去的，很多细节就不太清楚了。　　最近刚好也在看http协议相关的东西，所以想对这个话题来个深入的总结，本文的目的是通过输入url之后发生的事情来做知识的总结和扩展。所以文章可能会很杂。总...

2018-05-09 17:43:20 552

转载 JavaScript深入之bind的模拟实现

JavaScript深入之bind的模拟实现一句话介绍 bind: bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN )由此我们可以首先得出 bind 函数的两个特点：返回一个函数可以传入参数返回函数的模拟实现从第一个特点开始，我们举个例子...

2018-05-08 20:29:01 183

Haley_Guo的博客