2017年05月_十一路客

转载 CSS Sprites

原文地址：http://www.cnblogs.com/linxiong945/p/4087710.htmlCSS Sprites　　CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于2

2017-05-26 13:07:46 569

转载前端安全之XSS攻击

前端安全之XSS攻击XSS（cross-site scripting跨域脚本攻击）攻击是最常见的Web攻击，其重点是“跨域”和“客户端执行”。有人将XSS攻击分为三种，分别是：1. Reflected XSS（基于反射的XSS攻击）2. Stored XSS（基于存储的XSS攻击）3. DOM-based or local XSS（基于DOM或本地的XSS攻击）

2017-05-25 17:05:32 724

转载 jQuery中.bind() .live() .delegate() .on()区别

对应解绑函数： unbind die undelegate off参考文章： http://www.cnblogs.com/chenlogin/p/5105710.html$(selector).bind(event,data,function)$(selector).live(event,data,function)//jquery1.9版本以下支持，jquery1.9及其以上版本删除了此方

2017-05-19 19:17:29 440

原创 javascript运行机制

参考文章： http://www.ruanyifeng.com/blog/2014/10/event-loop.html http://www.cnblogs.com/bugda/p/6036282.html一. javascript 单线程作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScr

2017-05-19 14:37:57 595

$.callbacks----$.deferred --- $.data ---- $.queue这几项彼此有依赖关系六. jQuery.data参考文章： http://www.cnblogs.com/silin6/p/jQuery_data.html#data-2-x6.1 引入背景jQuery在1.2后引入jQuery.data（数据缓存系统），主要的作用是让一组自定义的数据可以DOM元素相

2017-05-18 19:23:28 603

转载 JQuery的$和其它JS发生冲突的快速解决方法

参考文章： http://www.jb51.net/article/46152.htm众所周知，jQuery是目前最流行的JS封装包，简化了很多复杂的JS程序，JQuery讲浏览器DOM树定义为，通过，通过来获取各个子节点。然后，JS插件并非只有JQuery，还有prototype.js 等其它比较好的插件。它们也使用。所以有时候同时使用这个两个JS插件的时候，就会出现。所以有时候同时使用这个

2017-05-17 18:52:39 2683

原创 jQuery3.2.1 源码解读

参考文章：http://www.cnblogs.com/coco1s/p/5261646.html http://schifred.iteye.com/blog/2317239 https://segmentfault.com/a/1190000003933990 http://www.cnblogs.com/losesea/p/4415676.htmljquery 整体框架：一. JS中

2017-05-17 18:00:00 3980

转载 jquery $.deferredd对象

参考文章：http://schifred.iteye.com/blog/2317239一、由 function(args,callback){} 到 Deferred.resolve().done(fn)主要问题：添加多个回调函数需要在function函数体内进行改写，针对resovle函数执行成功、reject函数执行失败、progress函数执行过程中三种状态分别注册回调函数较为麻烦，以及对回调

2017-05-16 18:51:53 1191

转载 JS中连等赋值操作使用注意事项(a=b=c)

参考文章：http://www.th7.cn/web/js/201606/172740.shtml网上搜索一番发现一个非常好的连等赋值的例子：var a = {n:1}; a.x = a = {n:2}; console.log(a.x); // 输出?答案是： console.log(a.x); // undefined不知道各位有没有答对，至少我是答错了。遂借此机会好好看看JS连等赋值

2017-05-15 18:51:55 878

原创 javascript元素相关属性和方法

选择器matches querySelector querySelectorAll compareDocumentPosition contains nodeType一、matches参考文章： https://www.lyblog.net/detail/601.htmlJavaScript中matches(matchesSelector)的兼容写法在SELECTORS API Level

2017-05-11 16:48:43 335

原创 replace 第二个参数为函数的情况

replace()方法的第二个参数也可以是一个函数。在只有一个匹配项（即与模式匹配的字符串）的情况下，会向这个函数传递3个参数：模式的匹配项、模式匹配项在字符串中的位置和原始字符串。在正则表达式中定义了多个捕获组的情况下，传递给函数的参数依次是模式的匹配项、第一个捕获组的匹配项、第二个捕获组的匹配项……，但最后两个参数仍然分别是模式的匹配项在字符串中的位置和原始字符串。例子：//replace函

2017-05-11 12:03:05 724

转载正则表达式符号

转自 http://www.cnblogs.com/yirlin/archive/2006/04/12/373222.html正则表达式全部符号解释字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而

2017-05-10 19:09:28 210

转载 Attribute与Property的区别

参考文章： http://blog.163.com/excalibur_teatime/blog/static/2685980082016112011735195/Attribute就是dom节点自带的属性，例如html中常用的id、class、title、align等，当然，也可以自定义Attribute；而Property是这个DOM元素作为对象，其附加的内容，例如childNodes、fir

2017-05-10 18:39:54 541

xyr05288的专栏