2016年11月_锅王

转载 Grunt搭建自动化web前端开发环境--完整流程

jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！1、前言　　各位web前端开发人员，如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt，那你就真的真的真的out了（三个“真的”重复，表示重点）。至于grunt的作用，这里不详细说了，总之你如果做web前端开发，你一定要用grunt。还有一点，它完全免费，没有

2016-11-23 15:04:51 13536 1

转载浏览器的默认样式

文／九彩拼盘（简书作者）原文链接：http://www.jianshu.com/p/f7018b32ca4a浏览器都拥有一套自己的默认样式。浏览器之所以有默认样式表，是为了没有样式表的页面也能凑活着看。不同浏览器；以及版本不同的浏览器的默认样式一般都是不同的。重置样式表为了保证页面在不同浏览器中显示的尽可能的一致，我们会重置不同浏览器默认的样式，称为重置样式表。有很多别人整理的不错的重置样式表，

2016-11-23 11:01:19 393

原创 CSS权重中的越级现象

CSS（层叠样式表）通过多重层叠样式间各自权重的比较计算，来决定那一层样式应该最终发挥作用。这也是css中“层叠”意思的具体体现。权重的一般规则，一般是！importent > 内联样式 > id > class > 元素选择器 > * 。但真实的应用中往往没这么简单，经常是各级选择器搭配嵌套使用，如 div.nav或者 .nav .bar,这时就涉及到权重的具体计算。 CSS中样式

2016-11-22 15:04:31 1288

原创 label标签的两次click触发

发现一个有意思的事件：用label绑定一个input之后，点击label会两次触发label和input共同的父元素的click事件。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="wr

2016-11-21 11:07:09 5849 1

原创同源策略阻止的是请求的发送还是数据的接收？

同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，Web是构建在同源策略基础之上的，浏览器是针对同源策略的一种实现。之前一直认为，它是通过对发出的请求进行检查是否同源，然后决定是否对该请求加以限制来实现。这次经过验证发现正好相反：在www.test.com下的页面中向www.domian.com下的a.php发送ajax请求： $

2016-11-08 18:52:27 1635 1

原创 window.name 跨域实现原理及实例

先引用一段话： window.name 传输技术，原本是 Thomas Frank 用于解决 cookie 的一些劣势（每个域名 4 x 20 Kb的限制、数据只能是字符串、设置和获取 cookie 语法的复杂等等）而发明的。后来 Kris Zyp 在此方法的基础上强化了 window.name 传输，用来解决跨域数据传输问题。 window.name 的美妙之处：name值在不同的

2016-11-08 14:30:17 9461

原创 iframe跨文档传输（postMessage跨域）

www.test.com 域下的 a.html页面中通过iframe引入另一个域 www.domain.com 下的 b.html 页面，然后在两个页面间传递数据：a.html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body>

2016-11-07 14:17:22 3436 1

原创关于jsonp跨域请求的实现原理

jsonp作为常见的跨域方法，它的实现原理或许都有所了解，就是利用标签的src属性，避开同源策略的限制。.实际操作如下：1、首先是www.domain.com下的index.html页面 var ur="http://www.test.com/test.php?callback=func" //定义请求url,其中参数值func为自定义的回掉函数名 var script=documen

2016-11-01 18:22:39 798

feng