网站前端优化一些小经验

aidingkui7609 — Sat, 23 Jun 2012 00:42:00 +0800

/***作者：张荣华*日期：2008-12-01**/乘着第3届d2论坛的顺利结束的秋风,我也来分享一下自己在前端优化方面的一些些小经验,其实这些经验本身都是来自yahoo的优化原则,不过经过ahuaxuan自身的实践和再次的思考,把原来的原则都进行了分组和分析.不过由于ahuaxuan涉及到的东西有限,并没有经历过全部的优化点,所以只把自己做过的拿出来和大家讨论讨论,其中...

Fiddler 宝典

aidingkui7609 — Fri, 22 Jun 2012 21:57:00 +0800

Fiddler是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说，都有很大的帮助。 Fiddler的基本介绍 Fiddler的官方网站: www.fiddler2.com Fiddler官方网站提供了大量的帮助文档和视频教程，这是学习Fiddler的最好...

前端开发人员常用的工具网站大全

aidingkui7609 — Fri, 22 Jun 2012 19:43:00 +0800

一直觉得前端开发缺个手册，这是个体力活。不过总得有人来干。今天闲来无事，把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。国外CSS酷站欣赏forcss.Comhttp://www.forcss.comhttp://www.urbantrash.net/cssgallery/http://www.csselite.com/http:/...

使用Fiddler提高前端工作效率

aidingkui7609 — Fri, 22 Jun 2012 19:03:00 +0800

1. Fiddler 是什么？ Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思，Fiddler Web Debugger就像小提琴一样，可以让前端开发变得更加优雅。 Fiddler是以代理服务器的方式，监听系统的网络数据流动。运行Fiddler后，就会在本地打开8888端口，网络数据流通过Fiddler进行中转时，我们可以...

for循环绑定事件问题

aidingkui7609 — Sun, 10 Jun 2012 22:49:00 +0800

for循环绑定事件。忽略中间过程中的绑定事件，解决办法是将中间过程中的绑定写成函数，通过循环传参完成绑定。

用shtml来include文件(IIS、Apache中开启SSI) zt!

aidingkui7609 — Sun, 27 May 2012 10:34:00 +0800

在网站构建过中。当我们遇见非常多的内容为静态页面，而页首和页脚又经常要更换时，如果一直使用html文件总会有非常多的麻烦。因为批量修改起来非常不方面，所以我们总希望能将页脚和页尾include到html文件中来。html属于客户端解析形的格式化语言，自4.0后几乎非常难再有大的变动(毕竟非常多浏览器只按4.0标准来解析)，所以至今也没include这样的概念。而html的框架...

APM Express(apache+php+mysql)以及nginx的服务器配置

aidingkui7609 — Sun, 27 May 2012 10:28:00 +0800

APM Expres：C:\apmxe\etc目录下的httpd.conf.template配置文件 Include %APMXE%\etc\php.conf //端口默认是9000 DocumentRoot "E:/FlexWork_Bin/kungfu/" ServerName 127.0.0.1 ...

jQuery中的event

aidingkui7609 — Sat, 26 May 2012 10:49:00 +0800

下面是jQuery事件对象可以在扩浏览器支持的属性: 属性名称描述举例 type 事件类型.如果使用一个事件处理函数来处理多个事件, 可以使用此属性获得事件类型,比如click. $("a").click(function(event) { alert(event.type);}); target 获取事件触发者D...

屏幕选词

aidingkui7609 — Sat, 26 May 2012 09:17:00 +0800

看API，看到select()方法时，突然想起，如何获取选中的文字呢？于是研究一早上，弄了个屏幕选词，当然是用mouseup实现的，因为select()方法限定只能用在input和

。
IE9：document.selection;
FF：window.getSelection()；
...
</article>
<article>
<h1>jQuery ajax - load() 方法</h1>
<p>aidingkui7609 — Thu, 24 May 2012 20:05:00 +0800</p>
如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。

...
</article>
<article>
<h1>js中preventDefault和stopPropagation两个方法</h1>
<p>aidingkui7609 — Mon, 21 May 2012 22:29:00 +0800</p>
首先讲解一下js中preventDefault和stopPropagation两个方法的区别：
 preventDefault方法的起什么作用呢？我们知道比如<a href="http://www.baidu.com">百度</a>,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com,这是属于<a>...
</article>
<article>
<h1>HTML DOM的nodeType值</h1>
<p>aidingkui7609 — Fri, 18 May 2012 19:21:00 +0800</p>
将HTML DOM中几个容易常用的属性做下记录：
nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。
nodeName 属性含有某个节点的名称。

元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
...
</article>
<article>
<h1>tagName和nodeName的区别</h1>
<p>aidingkui7609 — Tue, 15 May 2012 20:33:00 +0800</p>
首先介绍DOM里常见的三种节点类型（总共有12种，如docment）：元素节点，属性节点以及文本节点，例如<h2 class="title">head</h2>，其中h2是元素节点，class是属性节点，head是文本节点，在这里你可以说 h2这个元素节点包含一个属性节点和一个文本节点。其实几乎所有HTML的标签都是元素节点，而id, title, class...
</article>
<article>
<h1>jQuery的deferred对象详解</h1>
<p>aidingkui7609 — Sun, 13 May 2012 13:03:00 +0800</p>
jQuery的deferred对象详解

一、什么是deferred对象？
开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。
通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。
但是，在...
</article>
</main></body></html>

aidingkui7609的博客