摘要：^ _ ^ GameStartDEMO源码<inputtype="button"style="width:120px;height:45px;"id="run"value="演示"/><divid="container"><divid="demo"class="demo">^_^GameStart</div></div><scripttype="text/javascript&qu 阅读全文
【转载】使用Fiddler提高前端工作效率 (实例篇)
2010-07-25 17:19 by BlueDream, 1029 阅读, 1 推荐, 收藏, 编辑
摘要：在上一篇（介绍篇）中，我们对Fiddler Web Debugger有了简单的接触，也许你已经开始在用Fiddler进行HTTP相关的调试，在这一篇，我们将通过一个实例了解Fiddler的神奇魔法。在我们前端开发的日常工作中，发现服务器上某个css/javascript文件有问题，需要修改，那真是家常便饭。通常，我们需要将文件进行修改，然后重新发布再验证，这样就很容易影响到生产环境的稳定性。更普遍... 阅读全文
【转载】使用Fiddler提高前端工作效率 (介绍篇)
2010-07-25 17:14 by BlueDream, 1467 阅读, 0 推荐, 收藏, 编辑
摘要：1. Fiddler 是什么？Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思，Fiddler Web Debugger就像小提琴一样，可以让前端开发变得更加优雅。Fiddler是以代理服务器的方式，监听系统的网络数据流动。运行Fiddler后，就会在本地打开8888端口，网络数据流通过Fiddler进行中转时，我们可以监视HTTP/HTTP... 阅读全文
javascript打造跨浏览器事件处理机制
2010-07-11 14:31 by BlueDream, 4494 阅读, 6 推荐, 收藏, 编辑
摘要：由于浏览器兼容的复杂性.打造一个较优的跨浏览器事件处理函数.不是件容易的事情.各大类库也都通过了种种方案去抽象一个庞大的事件机制.使用类库可以比较容易的解决兼容性问题.但这背后的机理又是如何呢? 下面我们就一点点铺开来讲.首先,DOM Level2为事件处理定义了两个函数addEventListener和removeEventListener, 这两个函数都来自于EventTarget接口.[代码]EventTarget接口通常实现自Node或Window接口.也就是所谓的DOM元素.那么比如window也就可以通过addEventListener来添加监听.[代码]移除监听通过removeE 阅读全文
javascript气泡碰撞(Chrome, FF更佳)
2010-07-09 23:07 by BlueDream, 5709 阅读, 8 推荐, 收藏, 编辑
摘要：【实例演示】【程序源码】【说明】程序效率出现了很大瓶颈.需要做的优化还有很多.有时间继续完善.如果IE下在博客演示慢.可将实例下载到本地.另：感谢罗浮宫群友逍遥君武和豪情对图片的支持。【源码下载】screenBubble 阅读全文
javascript淘宝评星简版
2010-07-06 21:44 by BlueDream, 5133 阅读, 11 推荐, 收藏, 编辑
摘要：【实例演示】你对我人品的评价:20406080100【程序源码】这个效果主要体现在CSS和javascript的配合上CSS代码HTML结构Javascript代码【源码下载】TB-Star 阅读全文
javascript图片360°旋转
2010-07-04 16:45 by BlueDream, 8049 阅读, 19 推荐, 收藏, 编辑
摘要：点击演示程序源码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>ImageRotation</title><metahttp-equiv="Content-Type" 阅读全文
javascript简易动画类
2010-07-04 13:29 by BlueDream, 1168 阅读, 2 推荐, 收藏, 编辑
摘要：【实例演示】【程序源码】【使用方法】【源码下载】fx 阅读全文
javascript简易编辑器
2010-07-03 19:38 by BlueDream, 2323 阅读, 2 推荐, 收藏, 编辑
摘要：程序原理富文本编辑器具有的基本功能就是对编辑区选中的文字通过工具栏提供的功能对文字或选区进行操作.比如文字加粗,斜体,创建表格,插入链接和图片等一系列的操作.然后可以通过源码查看查看编辑后产生的源代码.可以先通过Rich-Text_Editing大致了解下实现富文本编辑器的主要技术.这些功能就是我们代码设计的主线.编辑区我们需要一个iframe.并将其designMode属性设置为"on".这个iframe就具备了编辑功能.也是我们实现编辑器的基本容器.动态创建一个iframe代码如下[代码]这里我们创建了一个空白的iframe并将其document文档的designMode设置为"on".然 阅读全文
javascript仿QQ滑动菜单
2010-07-03 18:42 by BlueDream, 8407 阅读, 7 推荐, 收藏, 编辑
摘要：Slider 程序源码[代码]源码下载Slide 阅读全文