随笔分类 -  web前端开发

Javascript动画基础
摘要：在当前的web应用中，我们可以看到Javascript动画效果得到了越来越多的应用。由于AJAX技术的流行，通过简单的动画效果提示用户当前正在执行的操作变得必要，例如最常见的效果就是颜色的渐变和元素大小的调整。当前许多主流的Javascript类库或框架中都包含了一些基本动画效果的接口，让我们使用这些效果变得更加容易，本文并不是针对这些接口的使用教程，而是尝试探讨一下使用Javascript实现动... 阅读全文
posted @ 2010-05-17 15:26 七哥 阅读(605) 评论(0) 推荐(0)
善用 cloneNode 存储 DOM 对象
摘要：获取DOM节点的方法有很多，如常用的getElementById()、getElementsByTagName()，前者返回一个节点元素，后者返回的是节点的集合。看似相同，实际上其中大有文章：1、getElementById()返回的节点可以保存到变量中，即便使用removeChild()方法移除，也能再通过保存的变量使用该节点。测试下面的代码：2、getElementsByTagName()返回... 阅读全文
posted @ 2010-03-29 11:44 七哥 阅读(373) 评论(0) 推荐(0)
Advanced Javascript: Objects, Arrays, and Array-Like objects
摘要：Javascript objects and arrays are both incredibly useful. They’re also incredibly easy to confuse with each other. Mix in a few objects that look like arrays and you’ve got a recipe for co... 阅读全文
posted @ 2010-03-05 10:12 七哥 阅读(484) 评论(0) 推荐(0)
YUI 3 中的 Event Delegation
摘要：今天在 YUIBlog 上看到了一篇文章：Event Delegation With YUI 3， 发现 YUI 3 中内置的这个功能确实很好用。文中举了一个例子，假设有一个 Twitter 类的应用，显示固定条数的 tweets ，它每2分钟刷新一次，这个时候可能会出现新的 tweet ，而旧的 tweet 会被挤出去。假如我们想为每一个 tweet 中的头像添加点击事件的话，应该怎么办呢？如果... 阅读全文
posted @ 2010-02-24 16:05 七哥 阅读(478) 评论(0) 推荐(0)
Javascript工具 - 使用JSDoc建立JavaScript代码的文档
摘要：作为一名有经验的Web应用开发人员，你也许可以熟练地应用某种服务器端技术（或者，应用多种服务器端技术）来构建Web应用。我们已经看到，在过去几年中，服务器端技术有了长足的发展，服务器端软件开发越来越容易，也越来越健壮，相比之下，客户端技术基本上被抛在了一边。Ajax技术的横空出世使这种状况有所改观，因为开发人员现在有了一个更丰富的客户端工具箱，有大量工具可以使用。你可能不习惯使用大量的HTML、J... 阅读全文
posted @ 2009-10-20 17:17 七哥 阅读(484) 评论(0) 推荐(0)
拉伸效果新打开和关闭iframe（ie6和ff下）
摘要：拉伸效果新打开和关闭iframe <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Image Gallery</title><link rev="Styleshee... 阅读全文
posted @ 2009-10-19 14:10 七哥 阅读(1162) 评论(0) 推荐(0)
用javascript访问操作iframe中的dom对象
摘要：我们通过Javascript可以动态加载操作iframe对象属性src属性指向的html页面的内容。这样的操作需要提供两个页面，一个页面是iframe所在页面(页面名称：iPage.html)，另一个页面是iframe属性src指向页面（页面名称：srcPage.html）。 iPage.html，<body>里dom： <iframe id=“iId“ ... 阅读全文
posted @ 2009-10-19 13:59 七哥 阅读(1427) 评论(0) 推荐(0)
CKeditor之专注Dialog
摘要：編輯器最重要的一個部分，就是自訂的對話框（Dialog），編輯器預設的對話框，跟 FCKeditor 有些許的差異，像是上傳檔案的對話框，在 CKeditor 裡面就沒有在預設工具列內（主要是要提倡跟自家的 CKFinder 合併使用）。首先呢，在 CKeditor 裡面，所有的對話框都是使用 JavaScript 來產生，所以在設定上並不像以前 FCKeditor 那樣改改他的原始的 html ... 阅读全文
posted @ 2009-10-17 11:39 七哥 阅读(1062) 评论(0) 推荐(0)
CKeditor v3.x Dialog System
摘要：The new dialog system in CKEditor is to be written from scratch. One of the key things in CKEditor is that it doesn't rely on HTML pages to run. Everything is created on the fly in JavaScript. In this... 阅读全文
posted @ 2009-10-17 10:22 七哥 阅读(1490) 评论(0) 推荐(0)
Javascript 匿名函数及其代码模式原理
摘要：关于什么是匿名函数，及它带来的优势在本文就不深究了，先抛出一个常用的匿名函数：[代码]很多同学知道怎么用这种匿名函数，却或许并不明白为什么这样写就能够调用匿名函数。也许知道后面的圆括号是执行前面的函数，而并不清楚前面的圆括号具有何种含义！本文将带你了解匿名函数的代码模式原理。OK,先来看看更多匿名函数调用模式：1.(function(){alert(1);}())2.(function(){ale... 阅读全文
posted @ 2009-10-16 21:12 七哥 阅读(565) 评论(1) 推荐(0)
用jQuery判断当前的按键
摘要：做web开发的时候，有时候需要根据键盘进行一些操作，例如按下Enter的时候提交表单，禁止用户输入某些特殊字符，设置快捷键等等。这时候需要找出用户按下的是那些按键，写个小程序来测试按键。[代码]方法是触发down时，把keyCode push到数组里，并删除重复元素；触发up时，用$.grep从数组中删除该keyCode。在任意时刻，这个数组里都保存了当前所按的按键，并且顺序是根据按键顺序排列的。... 阅读全文
posted @ 2009-05-22 11:14 七哥 阅读(1174) 评论(0) 推荐(0)