摘要: /***作者:张荣华*日期:2008-12-01**/乘着第3届d2论坛的顺利结束的秋风,我也来分享一下自己在前端优化方面的一些些小经验,其实这些经验本身都是来自yahoo的优化原则,不过经过ahuaxuan自身的实践和再次的思考,把原来的原则都进行了分组和分析.不过由于ahuaxuan涉及到的东西有限,并没有经历过全部的优化点,所以只把自己做过的拿出来和大家讨论讨论,其中不免加入自己一些观点,希望大家指正.先说说目标,前端优化的目标是什么,一个字:快.两个字:更快.那么下面我们来看看慢的网页将会给我们带来什么:1. 慢的页面可能会网站失去更多的用户.2. 慢500ms意味着20%的用户将放弃 阅读全文
posted @ 2012-06-23 00:42 吕冰 阅读(211) 评论(0) 推荐(0) 编辑
摘要: Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说,都有很大的帮助。Fiddler的基本介绍Fiddler的官方网站: www.fiddler2.comFiddler官方网站提供了大量的帮助文档和视频教程, 这是学习Fiddler的最好资料。Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据,Fiddler包含了一个强大的基于事件脚本的子系统,并且能使用.net 阅读全文
posted @ 2012-06-22 21:57 吕冰 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 一直觉得前端开发缺个手册,这是个体力活。不过总得有人来干。今天闲来无事,把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。国外CSS酷站欣赏forcss.Comhttp://www.forcss.comhttp://www.urbantrash.net/cssgallery/http://www.csselite.com/http://www.cssheroes.com/在线工具集常用Firefox插件IE下的调试工具参考手册批处理工具IDE及其他工具Bookmarklet前端开发者社区及权威网站推荐订阅的博客和网站另外还搞了个Firefox插件《前端开 阅读全文
posted @ 2012-06-22 19:43 吕冰 阅读(480) 评论(0) 推荐(0) 编辑
摘要: 1. Fiddler 是什么?Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思,Fiddler Web Debugger就像小提琴一样,可以让前端开发变得更加优雅。Fiddler是以代理服务器的方式,监听系统的网络数据流动。运行Fiddler后,就会在本地打开8888端口,网络数据流通过Fiddler进行中转时,我们可以监视HTTP/HTTPS数据流的记录,并加以分析,甚至还可以修改发送和接收的数据。Fiddler还提供了清除IE缓存、请求构造器、文本转换工具等等一系列工具,对前端开发工作很有价值。2. 下载和安装Fiddler安装.ne 阅读全文
posted @ 2012-06-22 19:03 吕冰 阅读(206) 评论(0) 推荐(0) 编辑
摘要: for循环绑定事件。忽略中间过程中的绑定事件,解决办法是将中间过程中的绑定写成函数,通过循环传参完成绑定。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Con 阅读全文
posted @ 2012-06-10 22:49 吕冰 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 在网站构建过中。当我们遇见非常多的内容为静态页面,而页首和页脚又经常要更换时,如果一直使用html文件总会有非常多的麻烦。因为批量修改起来非常不 方面,所以我们总希望能将页脚和页尾include到html文件中来。html属于客户端解析形的格式化语言,自4.0后几乎非常难再有大的变动(毕竟 非常多浏览器只按4.0标准来解析),所以至今也没include这样的概念。而html的框架(frame和iframe)虽然能用来包含首页和页脚文 件,但使用frame和iframe的概念和动态页面(asp,jsp,php等)的include那样不同,frame和iframe的主体页面和被包 括的页的不是个. 阅读全文
posted @ 2012-05-27 10:34 吕冰 阅读(590) 评论(0) 推荐(0) 编辑
摘要: APM Expres:C:\apmxe\etc目录下的httpd.conf.template配置文件Include %APMXE%\etc\php.conf//端口默认是9000<VirtualHost *> DocumentRoot "E:/FlexWork_Bin/kungfu/" ServerName 127.0.0.1 <Directory "E:/FlexWork_Bin/kungfu/"> Options Indexes FollowSymLinks IndexOptions FancyIndexing Folders 阅读全文
posted @ 2012-05-27 10:28 吕冰 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 下面是jQuery事件对象可以在扩浏览器支持的属性:属性名称描述举例type事件类型.如果使用一个事件处理函数来处理多个事件, 可以使用此属性获得事件类型,比如click.$("a").click(function(event) { alert(event.type);});target获取事件触发者DOM对象$("a[href=http://google.com]").click(function(event) { alert(event.target.href);});data事件调用时传入额外参数.$("a").each(fun 阅读全文
posted @ 2012-05-26 10:49 吕冰 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 看API,看到select()方法时,突然想起,如何获取选中的文字呢?于是研究一早上,弄了个屏幕选词,当然是用mouseup实现的,因为select()方法限定只能用在input<input type="text">和<textarea>。IE9:document.selection;FF:window.getSelection();$("#result").text("" + r);对象上加个空字符串是可以转成字符串。<!DOCTYPE html><html><head> 阅读全文
posted @ 2012-05-26 09:17 吕冰 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。load有跨域问题。即使页面存在xhr.status是200也不会load页面。如果页面不存在,则会报404错误。调用load方法的完整格式是:load( url, [data], [callback] ),其中:url:是指要 阅读全文
posted @ 2012-05-24 20:05 吕冰 阅读(440) 评论(0) 推荐(0) 编辑