05 2013 档案
摘要：Jquery为开发插件提供了两个方法，分别是：$.extend(obj);$.fn.extend(obj);1.那么这两个分别是什么意思？$.extend(obj);是为了扩展jquery本身，为类添加新的方法$.fn.extend(obj);给JQUERY对象添加方法。2.$.fn中的fn是什么意思，其实是prototype，即$.fn=$.protoytpe;具体用法请看下面的例子：$.extend({add:function(a,b){returna+b;}})$.add(5,8)//return13注意没有，这边的调用直接调用，前面不用任何对象。直接$.+方法名$.fn.extend(
阅读全文
摘要：1.javascript的变量是无类型的（untype）。2.用var声明的变量是永久性的。所以当你试图用delete来删除其声明的变量时会报错。3.当试图读取一个未声明的变量时，会报错。4.当给一个未用var声明的变量赋值时，js会隐式的声明该变量（这个变量会被声明为全局变量，所以最好用var来声明。这一点在局部声明时非常重要）。5.在函数内部，局部变量的优先级要高于同名的全局变量（相当于隐藏了该同名的全局变量）。结合4，5两点。我们给出一个列子来说明其重要性。var part = "global"; //声明一个全局变量function checkpart(){var
阅读全文
摘要：在写这篇文章之前，曾经写过一篇关于AJAX技术的随笔，不过涉及到的方面很窄，对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我，并且征询我培训的主题，考虑到之前Javascript、CSS等WEB开发技术都已经讲解过了，所以决定针对AJAX这一块做一个比较系统的培训，所以这篇文章实际上是一个培训的材料。AJAX技术的背景不可否认，ajax技术的流行得益于google的大力推广，正是由于google earth、google suggest以及gmail等对ajax技术的广泛应用，催生了ajax的流行。而这也
阅读全文
摘要：刚开始写AJAX代码的时候，直接参照的是AJAX基础教程一书中的代码（该书真的很不错，是AJAX入门的经典教材，是图灵出版社的。计算机方面的书籍，我最信任的就是O'R和图灵的）。该书的创建XMLHttpRequest对象的代码如下：01varxmlHttp;0203functioncreateXMLHttpRequest()04{05if(window.ActiveXObject)06{07xmlHttp =newActiveXObject("Microsoft.XMLHTTP");08}09elseif(window.XMLHttpRequest)10{11xml
阅读全文
摘要：当我们不通过重新加载页面，用Ajax访问服务器的时候，有两个选择可以将请求信息传送到服务器上。这两个选择分别是GET和POST。在把请求信息发送到服务器上以加载新的页面时，这两个选择有两个不同之处。第一个区别是你是请求了信息的一小部分而不是整个页面。第二个区别也是最明显的区别是由于Ajax请求不会出现在地址栏中，因此当发送请求时，在访问者的屏幕上是看不出什么异同的。使用GET生成调用不会暴露域和它们的值，使用POST也不会暴露。因此，我们要怎样在这两者之间作出选择呢?初学者可能犯的一个错误是对于大多数的调用都使用GET命令，仅仅因为这一命令相对而言更容易编写。GET与POST调用之间最显著的差
阅读全文
摘要：今天写代码，把click事件绑定到了document上面，当我点击鼠标右键的时候，没想到firefox出发了click事件，在ie8 chrome13 上面测试都没有触发click事件，只有firefox触发了
阅读全文
摘要：（1）什么是事件起泡首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。 当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身不能处理这个事件（废话），事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函数的名字，就是让这个函数去处理该按钮的click事件）。 当事件在传播过程中，找到了一个能够处理它的函数，这时候我们就说这个函数捕捉到了这个事件。 说到这里，关键的问题
阅读全文
摘要：<div class="main_view"><div class="window"><div class="image_reel" style="width: 3160px; left: 0px;"><a href="http://www.16sucai.com/"><img src="http://www.cnblogs.com/chris-oil/admin/images/reel_1.jpg" alt="
阅读全文
摘要：无论你是前端还是设计师，相信你在网页二维空间上的操作早已经得心应手，JS处理时间线的动画也早已经烂熟于胸。从今天开始，我跟大家分享一些“新”的东西，网页的第三个维度，以及纯CSS实现的动画。限于篇幅，从初级到比较复杂的3D动画大概会说个三四个回合，我们就从最初级的东西开始说，由于这些知识大部分都是我个人根据文档所理解的，主要是当笔记。所以，也许会跟不少同学所理解的不太一样，甚至相悖，我希望大家可以在文章下面指出不对的地方，我们共同来学习。在我们以前使用绝对定位的时候就已经初步接触过Z轴，那时候只是简单的层叠，现在介绍一个更强大的属性：Transform 。从字面上就能看出，Transform
阅读全文
摘要：最近研究响应式设计框架的时候，发现网上很多相关的属性介绍，却很少有系统的入门级使用的文章，我自己整理了一篇入门知识，并没有什么高深的理论，也不牵扯到框架。目前已经越来越多的站点以及wap站点使用响应式设计，因为大屏幕的移动设备越来越普及。而自适应布局已经无法胜任各种浏览需求。响应式设计的目的是尽可能以最好的布局显示您的数据，以实现用户友好的 Web 页面。css2的时期有一个不是很常用的media type，他拥有比如aural（声音）braille（触摸）print（打印）handheld（移动设备）等等十种媒体类型，（附加媒体类型详细http://www.w3.org/TR/CSS2/me
阅读全文
摘要：判断元素上是否绑定过事件用如下语句jQuery.data(elem,"events")[type] //老版本也能用$(elem).data("events")[type] //1.2.3以后才能用返回值：一个Object，可以用for in来遍历。或者undefined。参数：elem是一个DOM对象，type 是事件类型。举例：判断id为foo的元素上是否绑定了click事件if( $("#foo").data("events")["click"] ){//your code}
阅读全文
摘要：Javascript的变量实际上Javascript中，变量 = 对象属性，这是因为 Javascript 在执行脚本之前会创建一个Global对象，所有的全局变量都是这个Global对象的属性，执行函数时也会创建一个Activation对象，所有的局部变量都是这个Activation对象的属性。如下例：var global = 42;this.global; // 42, 可以通过this来访问Global对象this.global2 = 12;global2; // 12function foo() {var local = 36;// 不过无法直接访问Activation，// ...
阅读全文
摘要：http://www.0773linji.com/jquery_plugs/jq_dialog/演示一 $("#openBox").click(function(){ $.dialog.open({ title: 'Hello World!', drag:true }); }); 打开演示二 $("#openBox2").click(function(){ $.dialog.alert('你确定要上传图片吗？',function(){alert('关闭');}); });打开演示三 $("#ope
阅读全文
摘要：1、匿名函数函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。1.1 函数的定义，首先简单介绍一下函数的定义，大致可分为三种方式第一种：这也是最常规的一种function double(x){ return 2 * x; }第二种：这种方法使用了Function构造函数，把参数列表和函数体都作为字符串，很不方便，不建议使用。var double = new Function('x', 'return 2 * x;');第三种：var double = function(x) { return 2* x;
阅读全文