Juanha's Blog

前端跨域问题

同源政策同源政策是浏览器出于安全考虑，提出的一种重要安全机制，通过限制了不同源之间的交互，以隔离潜在的恶意文件对网站带来的安全问题。那什么是同源，也就是跨域是什么？一个源的定义：如果两个页面协议，端口和域名都相同，则两个页面属于同一源下表列举了同源比较的示例： URL Outcome Reason http://store.company.com/dir2/other......

Posted by Juan on 2018-05-31

TCP流量控制和拥塞控制机制

TCP是一种可靠的数据传输协议，主要解决传输的可靠、有序、无丢失和不重复的问题。 TCP具有以下特点： TCP是面向连接的传输层协议每一条TCP连接只能有两个端点，每一条TCP连接只能是点对点（一对一） TCP提供可靠的交付服务，保证传送的数据无差错，不丢失，不重复且有序 TCP提供全双工通信，为此TCP连接的两端都设有发送缓存和接收缓存，用来临时存放双向通信的数据 TCP报文简单......

Posted by Juan on 2018-05-05

http-hash-router源码阅读

http-hash-router 模块基本使用方法123456789101112131415161718192021var http = require('http');var HttpHashRouter = require('http-hash-router');var router = HttpHashRouter();router.set('/health', function he......

Posted by Juan on 2017-06-07

vim-skills

基于实际开发场景下，vim使用技巧汇总查找修改删除从指定处到句尾的所有文本，但是不想删除句号Example:删除下句从,号到.号之间的文本 1I've been expecting you, Mister Bond. Vim操作 12f,dt. 删除中间一段文本Example: 删除下句中tasks time but eventually 1This phrase takes time b......

Posted by Juan on 2017-06-02

一道有关settimeout的经典面试题

回顾下闭包形成的条件：在函数内部创建新的函数内部函数访问了父函数的变量 setTimeout中定义的操作，会放在一个FIFO队列中，且需要等待到函数调用栈清空之后才开始依次执行，这些操作进入队列的顺序，则由设定的延迟时间来决定。面试题利用闭包，修改下面的代码，让循环输出的结果依次为1， 2， 3， 4， 5123456for (var i=1; i<=5; i++) ......

Posted by Juan on 2017-04-06

css-layout

css布局是css中重要的一部分，下面根据不同场景罗列一些常用的css布局方案，包括垂直水平居中，单列，两列，三列，多列布局以及业务中用到较特殊的一些布局。通过系统地梳理各种布局方案，一来让自己加深对盒模型，postion，float，margin等属性的理解，二来也方便自己能够灵活地根据不同的业务场景选取合适的布局方案。水平垂直居中水平居中从元素是行内元素还是块级元素和是否定宽两个维......

Posted by Juan on 2017-03-29

http缓存机制浅析

浏览器缓存（Browser Caching）是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和加快页面速度,从而提高用户体验, 目前主要的缓存机制有：http缓存，websql，cookielocalstorage, session,cacheStorage, flash缓存等, 下面将主要对http缓存机制进行详细分析. Expires与......

Posted by Juan on 2017-03-05

Mac下安装Win7--VirtualBox篇

VirtualBox、VMware Fusion 和 Parallels Desktop for Mac 是Mac上比较知名的几款虚拟机软件，其中VirtualBox 是一款开源虚拟机软件。由德国 Innotek 公司开发，Sun Microsystems公司出品, 号称是最强的免费虚拟机软件，它不仅具有丰富的特色，而且性能也很优异！简单易用,与mac系统无缝连接。因此在这里选择了用vir......

Posted by Juan on 2017-02-09