yushenxin的博客

如何用github搭建自己的个人网站

之前用网上现成的代码发现有很多浏览器被判别成QQ，像这样：function is_weixn_qq(){var ua = navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i)=="micromessenger") {return "weixin";} else if (ua.match(/QQ/i) == "q...

参考链接：浏览器同源政策及其规避方法 浏览器的同源策略什么是同源策略W3上是这么解释的： documents retrieved from distinct origins are isolated from each other.直译就是不同源文档的访问是隔离的。 MDN上是这么解释的：同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。对于本地请求 禁止访问（the use

cookie服务器向浏览器发放的一小撮数据并由浏览器保存在本地（过期时间为正时），每次请求都会在报文首部携带上，主要是为了解决http请求无状态的问题。localStorage/sessionStorage是HTML5提供的两种在客户端存储数据的新方法，弥补了cookie存储量小，参与请求导致的不适用于大量数据本地存储问题。三者比较 特点 cookie localStorage se

是什么HTTP协议（HyperText Transfer Protocol，超文本传输协议），是客户端浏览器或其他程序与Web服务器之间的应用层通信协议。在网络分层中位于传输层TCP和网络层IP之上（https还有个安全层TSL or SSL）。一次http请求过程 访问网站：http://www.joes-hardware.com:80/tools.html 1、我们在浏览器中输入网址 htt

XSSXSS(Cross Site Scripting)跨站脚本攻击 是指恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。举个例子： A网站有评论功能，当用户提交评论后会被保存到网站数据库，当刷新页面时，评论以如下的形式显示出来<p>评论内容</p>如果此时有恶意攻击者写入如下评论<script>ge

参考链接：原文链接已失效，这里是转载链接CDN（content delivery network，内容分发网络） 其目的是通过在现有的Internet中增加一层新的CACHE(缓存)层，将网站的内容发布到最接近用户的网络”边缘”的节点，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等原因，提高用户访问网站的响应速度。传统的网

在前面的http协议学习中曾经提到过DNS，即将主机名通过DNS转化为IP地址，这里再深入学习一下。什么是DNSDNS(Domain Name System，域名系统)，因特网上作为域名和IP地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。通过主机名，最终得到该主机名对应的IP地址的过程叫做域名解析（或主机名解析）。说简单点，DNS是一个分布式

不废话了，直接来吧。无状态的协议在学习cookie和session时总会碰到这么一句话：“http协议是一种无状态协议…”，然后再扯到cookie，那究竟无状态协议是什么呢？ 无状态协议是指协议对于事务处理没有记忆能力。比如说你这次成功登录了某个网站，过一会再登录这个网站，服务器并不知道你之前登录过，会当做一个全新的请求来响应，让你输入用户名和密码。即每一次请求都是独立的。如何进行状态保持看一个经

参考链接：SSE技术详解SSE是什么SSE（sever-sent events）服务器端推送事件，是指服务器推送数据给客户端，而不是传统的请求响应模式。简单的说，就是浏览器向服务器发送一个HTTP请求，然后服务器不断单向地向浏览器推送“信息”。 Server-sent Events 规范是 HTML5 规范的一个组成部分。该规范比较简单，主要由两个部分组成：第一个部分是服务器端与浏览器端之间的通

不止一次看正则表达式了，每次看完，当时感觉良好，过一段时间再回想起来时，脑子里就是一团浆糊。来吧，今天来梳理一下，希望能记得牢点。定义正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。闲话不多说，直接从各种乱七八糟的符号开始梳理起。便于记忆，我将主要的正则表达式符号分了转义、定位

前言学习前端也有大半年的时间了，感觉从浏览器到html/css/js再到一些框架都有学习，并且很多地方自以为了解得也比较深入。直到前几天接到阿里的面试电话，几个问题瞬间懵逼。。。 其实面试官问的问题我之前都有了解过，当时看了也觉得都理解了，但一回答就发现好多细节都记不清了！！面试自然也就GG了，痛定思痛，决定把前端的这些雷区再好好扫一遍，千万避免知道但又说不清楚的状态。

只要接触js面对对象，一大堆的原型问题就砸了过来。原型对象、原型链、函数原型、等等乱七八糟一大堆。搞得我是头皮发麻，内分泌紊乱，没办法，只得好好梳理一遍了。对象原型既然是由对象引出来的，就先从对象开始梳理吧。 js中的数据类型分为两类： 原始类型和对象类型，原始类型包括数字、字符串和布尔值以及undefined和null，也就是说除了上面这几个都是对象。 js中的对象又可以分为普通对象、数组对象

之前数据结构课学过一些排序算法，如冒泡 希尔 插入等等，可是都忘了，而前端最基本的算法就是快排，这里赶紧复习一下。快排的原理快排的基本原理是通过一趟排序将要排序的数据分割成独立的两部分，其中一部分的所有数据都比另外一部分的所有数据都要小，再通过此方法去对这两部分进行排序，直到不可再分为止。 算法步骤（懒得写，百科抄的）： 1）设置两个变量i、j，排序开始的时候：i=0，j=N-1； 2）以第一

在写上一篇博文的过程中发现了一个小问题，var a=2;function f(){ var b=a; f2=function(y){ return y; }}f();console.log(f2(b));//not defined 而不是 2由于f2是闭包，能访问f2作用域链中的变量b，最开始我以为结果会输出2，但结果被打脸。原因是我弄混了作用域链和函数

作用域 定义：一个变量的作用域是程序源代码中定义这个变量的区域。 全局变量拥有全局作用域，局部变量只有局部作用域。块级作用域： 在ES6 let变量声明出来之前，JS是没有块级作用域的概念的，函数内部定义的变量才是局部变量，具体见下面的代码var a=1;for(var i=0;i<10;i++){ var b= f(a);}function f(x){ return x;

目前网上的方法主要有两种： 一是通过iframe启动app， ifr.src = "deeplink"; var t1 = Date.now(); document.body.appendChild(ifr); var t2 = Date.now(); 二是通过href启动appvar t1 = Date.now(); window.locati...