<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Seven Two Blog &#187; JavaScript</title>
	<atom:link href="http://www.seven2.com.cn/archives/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.seven2.com.cn</link>
	<description></description>
	<lastBuildDate>Fri, 02 Dec 2011 13:47:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>常用前端的调试工具</title>
		<link>http://www.seven2.com.cn/archives/772/</link>
		<comments>http://www.seven2.com.cn/archives/772/#comments</comments>
		<pubDate>Mon, 21 Jun 2010 13:35:06 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[W3c]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=772</guid>
		<description><![CDATA[FireFox 的插件 ColorZilla 利用 ColorZilla 您可以从浏览器中的任一点读取色彩值，快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。内建的调色板浏览器允许您从预定义的颜色集中选择颜色或将最常用颜色保存到自定义调色板。DOM 侦测功能让您可以快速、容易地获得关于 DOM 元素的各种信息。还有更多功能…… Web Developer Web Developer 作为 FireFox 的插件存在，主要功能表现在几个重要的方面： 对页面中的文本、图像、媒体文件进行控制，对网页所应用的CSS文件的id与class辅助查看，表格辅助查看，可以实现修改 CSS文件实时显示出得到的页面效果等等。 Web Developer 插件能够帮助我们对 CSS 网站进行分析，我们使用 FireFox 对网页进行浏览，运用 Web Developer 插件不仅仅只是能看到对方的源代码，还能方便的分析出页面的布局结构，CSS 书写方式，鼠标所在位置的id或class是什么等等，使 我们能迅速的理解、学习别人的成功经验，进而更加方便快捷的掌握 CSS 布局技术。 Firebug Firebug 和 firefox 整合在一起，使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、调试和监控任何网页上的 CSS、HTML 和  Javascript 。要查阅文档、截图和论坛请访问Firebug的网站：http://www.getfirebug.com YSlow YSlow 是 Yahoo 美国开发的一个页面评分插件，基于 Firebug,  非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。YSlow 从 Firebug 收集当前网页和该网页的访问信息后进行分析，如有必要则给出如何提高页面加载速度的建议，比如减少 DNS 查询，使用外部并压缩 Javascript 等。 Page [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/772/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>新兴 Web 技术</title>
		<link>http://www.seven2.com.cn/archives/756/</link>
		<comments>http://www.seven2.com.cn/archives/756/#comments</comments>
		<pubDate>Tue, 23 Mar 2010 12:00:31 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[网事]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WEB]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=756</guid>
		<description><![CDATA[如果 Web 是一位世界名流，那么 2009 年的报纸头条可能包括：“云计算与服务器的亲密接触”、“外星来客 Twitter：‘我们为和平而来’” 和 “真人 TV 秀中的 Gosselin：8 个浏览器就足够了”。 毫不夸张地讲，云计算、实时内容以及浏览器速度和功能上的进步使 Web 比以往更引人注目了。健壮的基础设施 —— 从用于存储的 Amazon 简单存储服务 (S3) 到实现了可扩展电子邮件功能的 SendGrid —— 现在只需单击几下鼠标就可以租用。在任何时刻从任何地方发送的 Tweets 和 Flickr 更新成为了即时信息的特征，是一项必须满足的社会需求。Google Chrome、Apple Safari、Mozilla Firefox 和 Windows® Internet Explorer® 之间的激烈竞争使浏览器逐渐向独立平台转变，而 Chrome 成为了全新的操作系统的核心。 当然，在 2010 年，追逐技术发展的热心记者将继续跟踪这些故事，挖掘关于微软自己的云产品、Twitter 的艰辛发展以及浏览器开发者之间的竞争的抢先报道和图片。但是其他软件、开发和趋势等在 2010 年必定会成为开发人员所关注的头条新闻。让我们预测一下在技术报道中会看到哪些重要新闻。 HTML 的大力整改 这并不是对刚出道的明星进行整形手术。流行的超文本标记语言也正在进行大变脸。毫不奇怪，已有 10 年历史的 HTML 格式正在努力跟上创新的步伐。毕竟，HTML 是发明用来构造和打包文档的，而不是处理 Web 应用程序。 HTML [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/756/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 性能优化指南（3）</title>
		<link>http://www.seven2.com.cn/archives/715/</link>
		<comments>http://www.seven2.com.cn/archives/715/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 05:38:50 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=715</guid>
		<description><![CDATA[8，尽量使用ID代替Class。 前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。 看下面的一个例子： // 创建一个list var $myList = $(&#8216;#myList&#8217;); var myListItems = &#8216;&#60;ul&#62;&#8217;; for (i = 0; i &#60; 1000; i++) { myListItems += &#8216;&#60;li class=”listItem&#8217; + i + &#8216;”&#62;This is a list item&#60;/li&#62;&#8217;; //这里使用的是class } myListItems += &#8216;&#60;/ul&#62;&#8217;; $myList.html(myListItems); // 选择每一个 li for (i = 0; i &#60; 1000; i++) { var selectedItem = [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/715/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 性能优化指南（2）</title>
		<link>http://www.seven2.com.cn/archives/713/</link>
		<comments>http://www.seven2.com.cn/archives/713/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 05:35:41 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=713</guid>
		<description><![CDATA[4，对直接的DOM操作进行限制 这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。 这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。 例如，你想动态的创建一组列表元素，千万不要这样做,如下所示： var top_100_list = [...], // 假设这里是100个独一无二的字符串 $mylist = $(“#mylist”); // jQuery 选择到 &#60;ul&#62; 元素 for (var i=0, l=top_100_list.length; i&#60;l; i++){ $mylist.append(“&#60;li&#62;” + top_100_list[i] + “&#60;/li&#62;”); } 我们应该将整套元素字符串在插入进dom中之前先全部创建好，如下所示： var top_100_list = [...],$mylist = $(“#mylist”), top_100_li = “”; // 这个变量将用来存储我们的列表元素 for (var i=0, l=top_100_list.length; i&#60;l; i++){ top_100_li += “&#60;li&#62;” + top_100_list[i] [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/713/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 性能优化指南（1）</title>
		<link>http://www.seven2.com.cn/archives/711/</link>
		<comments>http://www.seven2.com.cn/archives/711/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 05:23:54 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=711</guid>
		<description><![CDATA[1，总是从ID选择器开始继承 在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。 例如有一段HTML代码： &#60;div id=”content”&#62; &#60;form method=”post” action=”#”&#62; &#60;h2&#62;交通信号灯&#60;/h2&#62; &#60;ul id=”traffic_light”&#62; &#60;li&#62;&#60;input type=”radio” class=”on” name=”light” value=”red” /&#62; 红色&#60;/li&#62; &#60;li&#62;&#60;input type=”radio” class=”off” name=”light” value=”yellow” /&#62; 黄色&#60;/li&#62; &#60;li&#62;&#60;input type=”radio” class=”off” name=”light” value=”green” /&#62; 绿色&#60;/li&#62; &#60;/ul&#62; &#60;input class=”button” id=”traffic_button” type=”submit” value=”Go” /&#62; &#60;/form&#62; &#60;/div&#62; 如果采用下面的选择器，那么效率是低效的。 var traffic_button = $(“#content .button”); 因为button已经有ID了，我们可以直接使用ID选择器。如下所示： var traffic_button = $(“#traffic_button”); 当然 这只是对于单一的元素来讲。如果你需要选择多个元素，这必然会涉及到 DOM遍历和循环， [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/711/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用 jQuery 简化 Ajax 开发</title>
		<link>http://www.seven2.com.cn/archives/709/</link>
		<comments>http://www.seven2.com.cn/archives/709/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 05:46:20 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=709</guid>
		<description><![CDATA[一些简单的代码简化 下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 JavaScript 代码和 DOM 脚本来实现，如 清单 1 所示。 清单 1. 没有使用 jQuery 的 DOM 脚本                 var external_links = document.getElementById(&#8216;external_links&#8217;); var links = external_links.getElementsByTagName(&#8216;a&#8217;); for (var i=0;i &#60; links.length;i++) {     var link = links.item(i);     link.onclick = function() {         return confirm(&#8216;You are going to visit: &#8216; + this.href);     }; [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/709/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10个小型 JavaScript 的库(很值得收藏哦！)</title>
		<link>http://www.seven2.com.cn/archives/708/</link>
		<comments>http://www.seven2.com.cn/archives/708/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 02:31:58 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JavaScript库]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=708</guid>
		<description><![CDATA[1、$fx() （仅3.7K) 简介：$fx()是一个轻量级的动画库，一些复杂的动画，可以由多个简单的动画效果进行组合，但是提供的是混淆压缩过的代码，对于研究动画源码的朋友可能特别不爽 API：http://fx.inetcat.com/manuals.php 主页: http://fx.inetcat.com/ 2、JSTweener 简介：原始大小14K，支持大多数的动画特效 演示地：http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/transitions.html 主页地址：http://coderepos.org/share/wiki/JSTweener 3、FX 2.0 简介：代码清晰，支持多种形变动画，而且2.0版本在不局限于px单位，支持了em, %, 演示地址：http://www.ryanmorr.com/tests/fx2/ 主页地址：http://ryanmorr.com/archives/fx-2-0-the-full-featured-animation-framework 4、JsCharts 简介：用js生成图表，包括柱状图，饼状图，流线图 演示地址：http://www.jscharts.com/examples 主页地址：http://www.jscharts.com/ 5、Raphael 简介：也许你看了效果后会觉得唉，这有什么特别的，但是查看它的源码的时候，你会被震到，不信就去看看呗， 里边的效果实在是太神奇了，虽然目前你根本用不上&#8230;. 演示地址：http://raphaeljs.com/dragon.html 主页地址：http://raphaeljs.com/dragon.html 6、Reflection.js(27K) 简介：倒影实现,如果是在个人项目中，还是可以用得上的，唉，感叹，现在是可供选择的效果太充足了，而实际真正用到项目中的确是寥寥无几，只能这么说，就目前的web项目在交互方面 只能打个不及格。现在貌似国外都是研究者，而我们只是应用者，而且应用得还不到位。 主页地址：http://cow.neondragon.net/stuff/reflection/ 脚本地址: http://cow.neondragon.net/stuff/reflection/reflection.js 7、leigeber 简介：准确的说 这不是一个库，而是一些效果集，但是这对于我们来说却是非常实用的，每个效果都在3K左右， 效果列表：http://www.leigeber.com/category/javascript/ 主页地址：http://www.leigeber.com/ 8、Shortcuts.js 简介：在web2.0+时代，web应用中的快捷键开始大量使用,而且开始流行起来，google reader 和 Gmail等应用更是引领这一潮流，但是作为开发者，搞定键盘的绑定却不是一件轻松的事情，而shortCuts则以更优的方式解决了这一问题。 演示地址：http://www.openjs.com/scripts/events/keyboard_shortcuts/ 主页地址：http://www.openjs.com/scripts/events/keyboard_shortcuts/ 9、Amberjack (4K) 简介：这个效果我觉得用在商城上 挺合适的，比如一些打折信息，热卖商品等，只是网站官方极力推销的，用这种方式到不失为一种好方法，当然反对的声音肯定挺多的&#8230; 演示地址：http://amberjack.org/skins/customize/?travel=1&#38;tourId=AJTour&#38;skinId=black_beauty 主页地址：http://amberjack.org 10、Blackbird (10K) 简介：alert()的替代方案，现如今耳目下通常开发者都是使用自己制造的弹出层对话框，但是这款的设计思路确是仿照一些软件的控制台日志的方式，把信息都集中于一个面板上，对于用户来说，这其实是一件好事，对自己的操作所产生的结果至少一目了然，web 应用发展新时代，这个东东会成为一个趋势吧。对了，还支持快捷键. 演示地址：http://www.gscottolson.com/blackbirdjs/ 主页地址：http://www.gscottolson.com/]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/708/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>event.keycode值大全</title>
		<link>http://www.seven2.com.cn/archives/704/</link>
		<comments>http://www.seven2.com.cn/archives/704/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 15:49:24 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=704</guid>
		<description><![CDATA[event.keycode值大全 最近自己用 CodeIgniter 和 jQeury 来做一个企业站的CMS，在有些地方限制键入的内容，通过javaScript来监听作出限制。以下是keycode值的表 从网上找的event.keycode值大全，方便自己和大家以后查阅： event.keycode值大全 1     keycode 8 = BackSpace BackSpace 2     keycode 9 = Tab Tab 3     keycode 12 = Clear 4     keycode 13 = Enter 5     keycode 16 = Shift_L 6     keycode 17 = Control_L 7     [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/704/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用 JavaScript 拦截和跟踪浏览器中的 HTTP 请求</title>
		<link>http://www.seven2.com.cn/archives/508/</link>
		<comments>http://www.seven2.com.cn/archives/508/#comments</comments>
		<pubDate>Sun, 15 Feb 2009 13:07:16 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=508</guid>
		<description><![CDATA[HTTP 请求的拦截技术可以广泛地应用在反向代理、拦截 Ajax 通信、网页的在线翻译、网站改版重构等方面。而拦截根据位置可以分为服务器端和客户端两大类，客户端拦截借助 JavaScript 脚本技术可以方便地和浏览器的解释器及用户的操作进行交互，能够实现一些服务器端拦截不容易实现的功能。本文将重点介绍通过 JavaScript 脚本在客户端对页面内容进行拦截修改的一些原理和技术。 随着互联网应用及 B/S 架构的软件系统的风行，越来越多的基于浏览器的应用得以开发和部署。对已经上线的应用系统进行拦截和跟踪可以方便、快捷地实现很多功能. 不仅仅是 URL 改写，通过拦截和跟踪技术可以在极小修改或者使用反向代理不修改原网页的前提下为基于 BS 的 Web 应用提供更复杂的页面改写，脚本改写等功能。 如图 1 所示，传统的 Web 访问模型通过浏览器向 HTTP 服务器获取 Web 数据，浏览器将获取的数据进行解释渲染，得到用户的客户端界面。 而在带有服务器端和浏览器端跟踪和拦截的访问模型中，传统的访问方式发生了变化。服务器端和浏览器端的跟踪和拦截将页面中的拦截对象，在适当的拦截时机进行了拦截变化，导致用户面前的浏览器的解释渲染结果和 HTTP 服务器上的内容存在了逻辑上的差异，而这种差异恰巧是 HTTP Server 所需要的结果，而不方便将差异部署在 HTTP Server 上。 Server trace 可以作为反向代理服务器的一项逻辑功能存在，Browser trace 是通过脚本完成在客户端拦截和跟踪行为。 拦截根据位置可以分为服务器端和客户端两大类，客户端拦截借助 JavaScript 脚本技术可以方便地和浏览器的解释器和用户的操作进行交互，能够实现一些服务器端拦截不容易实现的功能。如果将服务器端和客户端拦截融合在一起，可以很好地处理拦截和跟踪问题。 功能比较 服务器端拦截 客户端拦截 向页面头部插入代码 强。简洁，无需逐个加入代码 麻烦。需要逐个为页面加代码 访问资源的权限 强。可以访问跨域资源。 受限。浏览器间有差异 会话的控制和访问 强。可以使用相应 [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/508/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>掌握 Ajax 系列文章汇总</title>
		<link>http://www.seven2.com.cn/archives/480/</link>
		<comments>http://www.seven2.com.cn/archives/480/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 13:31:56 +0000</pubDate>
		<dc:creator>七二</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.seven2.com.cn/?p=480</guid>
		<description><![CDATA[Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成，这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本系列的作者是一位 Ajax 专家，他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱，包括 XMLHttpRequest 对象。以下是本系列文章的链接，希望你更轻松地学会Ajax或提高Ajax方面的技术 。 掌握 Ajax 1: Ajax 入门简介 http://bbs.w3club.cn/viewthread.php?tid=88 掌握 Ajax 2: 使用 JavaScript 和 Ajax 发出异步请求 http://bbs.w3club.cn/viewthread.php?tid=89 掌握 Ajax 3: 中的高级请求和响应 http://bbs.w3club.cn/viewthread.php?tid=90 掌握 Ajax 4: 利用 DOM 进行 Web 响应 http://bbs.w3club.cn/viewthread.php?tid=91 掌握 Ajax [...]]]></description>
		<wfw:commentRss>http://www.seven2.com.cn/archives/480/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

