前端开发

摘要： 在写这篇文章之前，曾经写过一篇关于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; 阅读全文

摘要： “闭包”（closure）闭包就是能够读取其他函数内部变量的函数。闭包的用途一个是可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。Js代码 function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999 nAdd(); result(); // 1000JQUERY中的闭包：：(function($){ $("div p").click(funct... 阅读全文

摘要： 1.Firebughttp://getfirebug.com/最流行的前端开发工具2.HttpWatchhttp://www.httpwatch.com/集成在IE和Firefox上的监听HTTP和HTTPS的工具3.Fiddlerhttp://www.fiddler2.com/fiddler2/Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理4.HttpFoxhttps://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US和HTTPWatch很类似的一个工具5.Yslowhttp://developer.yah 阅读全文

摘要： js字符串转换成数字将字符串转换成数字，得用到parseInt函数。parseInt(string) ： 函数从string的开始解析，返回一个整数。举例：parseInt('123') : 返回 123（int）；parseInt('1234xxx') : 返回 1234（int）；如果解析不到数字，则将返回一个NaN的值，可以用isNaN()函数来检测；举例 ：var i = parseInt('abc');if (isNaN(i)){alert('NaN value');}同样的parseFloat函数是将字符串转换成浮点数 阅读全文