- 博客(31)
- 资源 (2)
- 收藏
- 关注
转载 Dom Ready 和 Dom Load 的区别
Dom Ready 和 Dom Load 的区别页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成。一般情况下一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。1. Dom Ready应该在“加载js和c
2012-10-24 20:31:04
1091
转载 Jquery知识点一 Jquery的ready和Dom的onload的区别
onload是所有dom元素创建完毕,图片、css等都加在完毕后才触发 ready则是dom元素创建完毕后就被触发所以相对来说jquery的ready可以提高网页的响应速度; jquery:ready的标准写法: 复制代码代码如下:$(document).ready(function() { alert("加载结束"); }); 一个$(docume
2012-10-24 20:28:33
374
转载 js中的hasOwnProperty和isPrototypeOf方法
hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中,是则返回true,否则返回false。?123456
2012-10-24 19:46:53
523
转载 JS中var self =this; 或者 JS var _this =this;
var self = this //指代本作用域的对象我们给出一个私有的 self 参数。这个可以令对象对私有方法可见。这种做法是因为私有方法无法被公共方法调用。要令私有方法有用它们被附加到了对象上,但它们无法从外部访问,同时它们也无法被这个对象的公共方法(prototype方法都是公有的)所访问。他们只对私有成员可见。私有方法则是构造器内部的函数。ECMAScript L
2012-10-23 22:13:11
3204
转载 JavaScript中的函数式编程实践
在许多情况下,JavaScript的重复代码导致了一些拙劣的编码。如果使用函数式编程,就可以避免这些问题。此外,可以利用函数式编程风格编写更加优美的回调。因为函数式编程采用了完全不同的组织程序的方式,所以那些习惯于采用命令式范例的程序员可能会发现函数式编程有点难学。匿名函数在JavaScript中,可以编写匿名函数或没有名称的函数。为什么需要这样的函数?请继续往下读,但首先
2012-10-23 21:44:00
559
转载 你未必全了解的连续赋值运算
该文章中将分享一下作者在写Javascript的心得,是关于连续赋值运算一些技巧。对大家在Web开发方面肯定有很大的启发和帮助。一、引子var a = {n:1}; a.x = a = {n:2}; alert(a.x); // --> undefined 这是蔡蔡在看jQuery源码 时发现这种写法的。以上第二句 a.x = a = {n:2} 是一个连
2012-10-23 21:22:13
597
转载 jQuery的.bind()、.live()和.delegate()之间区别
DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。$('a').bind('click', function() { alert("That tickles!") });
2012-10-23 21:20:51
390
转载 jQuery的deferred对象使用详解
这个功效很主要,将来将成为jQuery的焦点办法,它完全转变了若何在jQuery中应用ajax。为了实现它,jQuery的全体ajax代码都被改写了。然则,它比拟抽象,初学者很难把握,网上的教程也未几。以是,我把本身的进修条记整顿出来了,愿望对年夜家有效。本文不是低级教程,针对的读者是那些已具有jQuery应用履历的开辟者。假如你想懂得jQuery的根本用法,请浏览我编写的《jQu
2012-10-23 20:43:19
1097
转载 jQuery种mouseover与mouseenter区别
mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。只有在鼠标指针离开被选元素时,才会触发 mouseleave 事
2012-10-23 20:40:20
468
转载 jquery中eq和get的区别与使用方法
p style="color:yellow">绯雨使用eq来获得第一个p标签的color值: $("p").eq(0).css("color") //因为eq(num)返回的是个jq对象,所以可以用jq的方法css使用get来获得第一个p标签的color值: $("p").get(0).style.color //因为get(num)返回的是个html对象,所以要使用传统的HTML对象
2012-10-23 20:38:30
640
转载 JavaScript:打破所有规则
来自Twitter的前端工程师Angus Crol,在柏林举办的JSConf会议上,进行了题为"Break all the Rulez"的演讲,主要讲了一些我们通常认为是错误的不该使用的东西,其实是有用的.本文最下面有演讲用的slides.远在美国的JavaScript之父看了slides也说:我同意其中大部分观点(看来还是有问题?).下面我把要点简单翻译一下,不做扩展解释
2012-10-23 20:24:24
4312
转载 9 月份最受欢迎的 12 个 jQuery 插件
1. tiltShift.js一个插件来复制使用CSS3图像过滤器的移轴效果。这是一个概念验证,目前只适用于Chrome浏览器和Safari浏览器6。 2. Responsive MeasuresResponsive Measure 可帮你给文字设置最佳的字体大小。 3. BookBlockBookBlock 是个用来创建
2012-10-23 20:15:34
446
转载 jquery $.fn $.fx是什么意思
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc() 那么你可以这样子:$("#div").abc(); 通常使用extend方法扩展,详细请看API. $.fx是指jquery的特效。 如果使用显示、滑动、淡入淡出、动画等。 $.fx.off可以关闭动画,其实是直接显示结果。j
2012-10-23 20:06:39
663
转载 浏览器事件传播
浏览器事件传播分三个阶段:第一阶段为捕获阶段:事件从Document对象的根节点沿着文档树向下传递给目标节点。如果目标的任何一个先辈专门注册了捕获事件的函数,那么就会在事件传播过程中运行这些函数。第二阶段发生在目标节点自身:直接注册在目标上的事件处理函数被运行。第三阶段为起泡阶段:事件将从目标元素向上回传给Document对象的根节点,起泡过程中也会触发先辈相应的事件处理函数。如果
2012-10-23 19:48:19
664
转载 jquery中bind事件时的命名空间用法
场景:页面上的某个元素bind多个click事件处理函数,视用户的具体交互情况来决定到底使用哪个处理函数。问题:unbind时会解绑所有的click事件,造成误伤。如果之前bind时有定义处理函数的方法名,可以通过将方法名传给unbind的第二个参数来解绑指定的bind;但很多情况下bind的处理函数都是匿名函数,此时unbind的第二个参数无法处理。click事件发生时无法指定调用某个具
2012-10-23 19:46:27
729
转载 JQuery end()方法解释
对于end()方法,jQuery文档是这样解释的:jQuery回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态。下边我们以一个非常简单的例子来说明下用法,html代码如下: jQuery end()方法 讲解jQuery中end()方法。 JS代码:$(document).ready(function() {
2012-10-23 11:50:46
424
转载 jQuery Deferred模块详解
jQuer 1.5版本引入Deferred功能, 为处理事件回调提供了更加强大而灵活的编程模型. 什么Deferred 根据jQuery的官方api文档的描述: jQuery.Deferred()是可链式调用的工具对象, 它能够注册回调函数到一个队列中, 依次调用该队列中的回调函数,并且能够将调链中上一个函数(同步或者异步)的返回状态传递到下一个回调函数中. jQuery.
2012-10-23 11:13:54
528
转载 值得学习!Google的编程样式指南
摘要:本文分享了Google众多编程语言的样式指南,其中包括C语言、C++、Objective-C、Python、HTML/CSS、JavaScript、XML、R语言、cpplint等。“样式”包括很多内容,从“使用驼峰命名规则”到“永远不要使用全局变量”都在其范畴之内。很多开源项目都有自己的样式指南,这通常是一个惯例,但有时也是强制性的,这是为了保证代码的一致性,增强其可读
2012-10-16 14:06:49
366
转载 常用JS框架比较
“框架”指一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使开发人员把重点放在任务项目所特有的方面,避免重复开发。jQuery由John Resig创建,其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari
2012-10-16 13:25:41
1045
转载 js实现各种排序算法
冒泡排序 时间复杂度为O(n^2),有两个优点: 1.“编程复杂度”很低,很容易写出代码; 2.具有稳定性,这里的稳定性是指原序列中相同元素的相对顺序仍然保持到排序后的序列,而堆排序、快速排序均不具有稳定性。实现基本思路:冒泡排序是经过n-1趟子排序完成的,第i趟子排序从第1个数至第n-i个数,若第i个数比后一个数大(则升序,小则降序)则交换两数。 var
2012-10-15 18:53:26
419
转载 JavaScript面试题
题目1:实现一个遍历数组或对象里所有成员的迭代器。var each = function(obj, fn){ //+++++++++++答题区域+++++++++++ //+++++++++++答题结束+++++++++++};try{ var data1 = [4,5,6,7,8,9,
2012-10-14 21:21:55
468
转载 [Web前端]CSS实现“不可选择,不可复制”面临的问题
问题背景在博客园代码高亮中,如果显示了行号,读者在复制代码时会将行号一起复制出来,要删除这些行号,代码才可用。为了解决这个麻烦,我们开始采用的方法是在高亮代码下面提供一个“复制代码”链接,点击这个链接时,通过js代码删除行号。这个方法欠缺之处:1. 读者不一定注意到“复制代码”链接;2. 多了一次点击操作。解决思路读者复制代码的通常操作是鼠标拖拉选择代码内容,然后Ctrl+C进
2012-10-12 18:53:46
1151
转载 Firefox/Opera不支持onselectstart事件
Firefox/Opera不支持onselectstart事件如下1234567891011121314151617html>head>metacharset="utf-8">title>Firefox/Opera不支持onselect
2012-10-12 18:28:37
464
转载 JavaScript中绑定事件监听函数的通用方法[ addEvent() ]
上篇文章讲到了事件绑定的3中常用方法:传统绑定、W3C绑定方法、IE绑定方法。但是,在实际开发中对于我们来讲重要的是需要一个通用的、跨浏览器的绑定方法。如果我们在互联网上搜索一下会发现许多方法,一下是比较知名的几种方法:在开始学期下面几种方法之前,应当讨论一下,一个好的addEvent()方法应当达到哪些要求: a、支持同一元素的同一事件句柄可以绑定多个监听函数;
2012-10-10 21:35:22
780
转载 深入理解JavaScript的变量作用域
1、JavaScript的作用域链2、函数体内部,局部变量的优先级比同名的全局变量高。3、JavaScript没有块级作用域。4、函数中声明的变量在整个函数中都有定义。5、未使用var关键字定义的变量都是全局变量。6、全局变量都是window对象的属性在学习JavaScript的变量作用域之前,我们应当明确几点:JavaScript的变量作用域是基于其特有的
2012-10-10 17:35:16
360
转载 再读《CSS权威指南》
一、Reset CSS的重要性二、字体的重要性三、连接四、CSS中不要使用@import五、不要使用CSS表达式六、避免使用 filter七、Bug & Hack八、充分理解浮动九、学习资源时隔一年半再次把《CSS权威指南》读了一遍,受益匪浅,温故而知新!读书笔记:CSS-Definitive-Guide.doc收获:一、
2012-10-09 19:05:50
638
转载 JS操作iframe
1. 获得iframe的window对象2. 获得iframe的document对象3. iframe中获得父页面的window对象4. 获得iframe在父页面中的html标签5. iframe的onload事件6. frames参考文章1. 获得iframe的window对象存在跨域访问限制。chrome:iframe
2012-10-09 18:57:44
453
转载 深入理解JavaScript中的this关键字
1. 一般用处2. this.x 与 apply()、call()3. 无意义(诡异)的this用处4. 事件监听函数中的this5. 总结在JavaScript中this变量是一个令人难以摸清的关键字,this可谓是非常强大,充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。1. 一般用处对
2012-10-09 17:57:18
390
转载 JavaScript跨域总结与解决办法
什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔
2012-10-09 17:41:01
323
转载 JavaScript动态操作表格,添加,删除行、列及单元格
js动态操作表格 function init(){ _table=document.getElementById("table");_table.border="1px";_table.width="800px"; for(var i=1;ivar row=document.createElement("tr"); row.id=i;for(
2012-10-03 18:46:59
902
转载 常见Http状态描述
100 Continue初始的请求已经接受,客户应当继续发送请求的其余部分101 Switching Protocols服务器将遵从客户的请求转换到另外一种协议200 OK一切正常,对GET和POST请求的应答文档跟在后面201 Created服务器已经创建了文档,Location头给出了它的URL。202 Accepted已经接
2012-10-03 18:01:06
967
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人