码农之道

2008 年 6 月 16 日Ajax应用程序内部的某些安全漏洞会导致恶意黑客严重危害您的应用程序。身份窃取、对敏感信息进行未受保护的访问、浏览器崩溃、Web应用程序破坏、拒绝服务攻击等等，这仅是 Ajax 应用程序可能发生的安全事件的一部分，而开发人员在将 Ajax功能构建到应用程序时需要预防这些安全问题。developerWorks 定期撰稿人 Judith Myerson推荐了一些可以增

由于小弟JavaScript功力浅薄，近日在恶补中，首当其中的问题就是调试，日常应用都是应付多系统的，所以跨浏览器的调试尤为重要，主要用IE,FireFox和Safari。1.IEVS2008的js的调试能力有所增强，但有时候小脚本的调试可以不动用它，直接用office只带的Script Editor就可以了，具体步骤是：打开IE，把禁用脚本调试的两个选项去掉：在脚本上加上"d

谨慎决策，以避开常见陷阱并增强用户体验。文档选项<trvalign="top"><td width="8"&amp

最近遇到js的效率问题，是关于在页面中新增元素的问题；假设：我们有页面如下Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->HTML>HEAD>HEAD>BODY>div id="div1">div>B

级别： 初级廖 雪峰, 撰稿人2008 年 8 月 22 日JSON即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非常适合于服务器与 JavaScript的交互。本文将快速讲解 JSON 格式，并通过代码示例演示如何分别在客户端和服务器端进行 JSON 格式数据的处理。尽管有许多宣传关于 XML如何拥有跨平台，跨语言的优势，然而，除非应

2008 年 5 月 19 日由于 Asynchronous JavaScript +XML（Ajax）的出现，用户对交互性和性能的期望越来越高了，而开发人员也把 Ajax 视为 Web应用程序中必需的部分。随着更多的代码转移到客户端和网络模型的改变，开发人员社区构建了更多工具来解决 Ajax独特的性能问题。本文讨论如何使用工具集在 Ajax 应用程序中寻找和纠正性能问题。性能是促使开发人

2008 年 6 月 30 日部署高效带宽 Ajax 应用程序并不能保证 Service LevelAgreement 中的服务水平很高。无论怎样修改 Ajax代码来提高带宽效率，始终存在一些风险和漏洞，需要您进行监视并解决。developerWorks 定期撰稿人 Judith Myerson 对Ajax 进行了简单的概述，解释了 Web 服务漏洞是什么以及为何 Service LevelA

和webpage打交道起页面布局就一直是我关注的内容，从早期table构架页面到DIV再到DIV＋Table，可以说我们的需求一直在变，但是目的一直没有改变。为什么这么说，很明显从简单到复杂，再从复杂到简单；从简单运用到复杂运用；一切都是围绕需求性来做的。很多开发设计人员在从事页面布局开发的时候都要考虑到几点：布局是否合理，结构是否紧凑，是否有充分的扩展性，可读性是否强。而合理使用Table和DI

控制表单元素：  文本框,文本区域： $("#txt").attr("value")或者$("#txt").val()//获取值$("#txt").attr("value",'');//清空内容$("#txt").attr("value",'11');//填充内容   多选框checkbox： $("#checkbox_id").attr("valu

escape() 方法：采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。不会被此方法编码的字符： @ * / +encodeURI() 方法：把URI字符串采用UTF-8编码格式转化成escape格

图片中：CSS 'width' 指的是标准CSS中所指的width的宽度，在firefox，opera等中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer 'width'则是指整个容器的宽度，包括内容，padding ，border。所谓的CSS的宽度的加法减法就指这里不同浏览器对width解析得到的不同结果。Firefox中是加法：容器占的宽度=内容

Flot - Flot 为jQuery 提供的javascript代码库. 容易使用，有特色的图表，提供交互功能(能够放大缩小数据区域等)。  Emprise JavaScript Charts - Emprise 是一个100% 纯 JavaScript 图表解决方案，并不需要任何 JavaScript 框架. PlotKit - PlotKi

http://bbs.51js.com/forum-24-1.html 无忧脚本http://www.w3schools.com/js/default.asp W3英文学校http://www.8esky.com/handbook/Javascrīpt/contents.htm Javascrīpt 参考（1）调试javascrīpt的好方法： 修改IE的设置：IE的“

发表时间：2008.11.30编          者：长空飞鹰(http://hi.youkuaiyun.com/oanqoanq) 优点： 1.作为ajax框架，ext拥有很强的互动性2.性能和速度都不错，稳定性也比较好3.UI功能基本是独立实现，表达上确实比传统的HTML页面要漂亮许多4.面向对象和组件化的思想，一致的语法5.文档的完整，规范，方便6.活跃的社区，

Ajax技术就是所谓的Web2.0技术的重要组成部分，Ajax技术既是对传统Web技术的革命，也是对传统Web技术的一种改良和发展。引入Ajax技术后，不仅改进了Web应用的性能，也改善了用户的体验。下面就从几个方面谈谈传统Web应用与Ajax之间的不同。     用户体验方面：这是Ajax技术最大的改善之处，对于传统的Web应用，用户只能发送独占式请求，一旦请求发送出去，页面就处于等

一、向表追加行   在以往使用Ajax的经历中，你很可能会使用JavaScript向现有的表中追加行，或者从头创建包含表行的新表。document.createElement和document.appendChiid方法可以使这很容易做到,只需使用document.createElement创建表单元格,再使用document.app-endChild方法将这些表单元格增加到表行。接下来的编辑

用过div+css作个整个网站，如果是纯粹的div的布局是比较麻烦的，尤其是你div里面嵌套div的，div布局的时候，你有些页面效果还是要舍弃一点的，比如图片的圆角，这些如果套div比较麻烦，在一个div在VS2005设计器里面可能变形，如果过多的套div，你实现ajax拖动效果的时候比较麻烦，所以我觉得眼下还是div+嵌套table比较好。　　圆角——可以用div+css做出一样漂亮的圆角

结构和语义developerWorks文档选项将打印机的版面设置成横向打印模式打印本页将打印机的版面设置成横向打印模式打印本页将此页作为电子邮件发送将此页作为电子邮件发送将此页作为电子邮件发送将此页作为电子邮件发送级别： 初级Elliotte Rusty Harold (elharo@metalab.unc.edu), 副教授, Polytechnic University2007 年 8 月 2

1、向Select里添加Optionfunction fnAddItem(text,value)        {            var selTarget = document.getElementById("selID");            selTarget.Add(new Option("text","value"));        }

1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本;2.结构清晰，容易阅读3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再需要用FONT标签或者透明的1px GIF图片来控制标题，改变字体颜色，字体样式等等。5.CSS非常容易编写。你可以象写ht

正则表达式是一个描述字符模式的对象。 　　JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法.　　在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp对象,也可以用JavaScript1.2中的新添加的一个特殊语法来创建RegExp对象.就像字

ajax跨域和JS的跨域通信(Cross The Site)的几种解决方案  1.什么引起了ajax跨域不能的问题ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。2.有什么完美的解决方案么？没有。解决方案有不少，但是只能是根据自己的实际情况来选择。具体情况有:一、本域和子域的相互

什么是REST？　　REST是Roy Fielding在他的博士论文中提出的词汇，是对网络系统构架的一个描述。REST是表现性状态传输首字母缩写(Representational State Transfer)。Roy Feilding这么解释表现性状态传输的意义： 引用 “表现性状态传输试图描述一个设计优良的Web是如何运转的：用户在web网络（虚拟状态机）里通过点击链接

下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤本文讨论了3种基本的Flash/Javascript通信方式:Javascript 到 Flash的通信----使用Flash播放器的javascript方法Flash 到 Javascript的通信----使用Flash的fscommandFlash 到 Flash的通信---

Ajax技术发展了两年半了（从创造出“Ajax”这个术语算起，如果从Gmail和Google Maps等Ajax应用诞生算起的话，还要更久一些），不必说，Ajax技术取得了巨大的进步。现在Ajax已经堂而皇之地成为了一种主流的RIA技术，不再有人认为这些不过只是一些古怪的hack。Ajax技术的进一步发展会受到两方面的制约，即浏览器的发展和Web标准的发展。在浏览器方面，M$的态度

创建随机数①自JavaScript产生后，好多浏览器中都有内置的随机数发生方法。例如：var number = Math.random();该方法产生一个0到1之间的浮点数。②基于时间，亦可以产生随机数。例如：var now=new Date();var number = now.getSeconds();这将产生一个基于目前时间的0到59的整数。var now=n

验证类1、数字验证内1.1 整数1.2 大于0的整数 （用于传来的ID的验证)1.3 负整数的验证1.4 整数不能大于iMax1.5 整数不能小于iMin2、时间类2.1 短时间，形如 (13:04:06)2.2 短日期，形如 (2003-12-05)2.3 长时间，形如 (2003-12-05 13:04:06)2.4 只有年和月。形如(2003-05,或者2003-5)2.5 只有小时和分钟,

1．简介  在Ajax技术出现之前，传统的Web应用中JavaScript代码所占的比例较少，并且大多数情况下都是采用面向过程的编程方式，真正将JavaScript作为一门高级语言进行正式编程的开发人员也很少。而目前富客户端的Web应用开发已经成为大势所趋，JavaScript在Web应用中所占的比例会越来越大。如何有效地实现代码的复用以及灵活应对需求的变化已经正式列入JavaScript程序

一、什么是匿名函数？ 网页教学网 在Javascript定义一个函数一般有如下三种方式： Webjx.Com函数关键字(function)语句： function fnMethodName(x){alert(x);} 函数字面量(Function Literals)： var fnMethodName = function(x){alert(x);} Functio

2008 年 5 月 08 日如今，Ajax 仍然是业界的热门字眼，越来越多的应用程序都采用 Ajax 技术构建。然而，构建一个好的 应用程序并不容易。本文将着重讨论如果构建直观易用的受 Ajax 驱动的应用程序。Ajax 并不只是一种技术。大多数开发人员却认为它是，并试图借助诸如 XML 和 JavaScript 这类语言证明其观点。但这种观点非常局限，并且，忽视了付钱给您的人：客户，不

2008 年 4 月 02 日使用最好的开源工具处理 Web 页面、脚本和样式，简化新站点和页面的开发。动态检查和修改 HTML 标记、CSS 和 JavaScript，检查 DOM 以及客户机-服务器通信并了解 bookmarklet 如何让开发变得更为安全和容易。JavaScript 应用程序变得越来越复杂了 —— 为了在服务器和客户端调试代码，开发人员必须要了解大量的工具和应用程序。

2008 年 7 月 11 日 更新 虽然很多人都熟知文档对象模型（DOM）是处理 XML的基础，但使用 HTML 的浏览器开始使这个主题发生一些变化。随着更新的浏览器通过客户端脚本（比如 JavaScript）实现 W3C文档对象模型，现在 DOM 又经历了一个轮回。本文将介绍通过 JavaScript 实现 DOM，并描述 Web页面的构建，用户可以向这个页面添加并编辑注释。注意：本文

发现为本文起一个合适的标题还不是那么容易，呵呵，所以在此先说明下本文的两个目的：（1）介绍javascript中的eval函数的用法（2）如何在函数内执行全局代码►先来说eval的用法，内容比较简单，熟悉的可以跳过。eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。需要特别注意的是对象

call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[,   [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2,  , argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从

一、向表追加行    在以往使用Ajax的经历中，你很可能会使用JavaScript向现有的表中追加行，或者从头创建包含表行的新表。document.createElement和document.appendChiid方法可以使这很容易做到,只需使用document.createElement创建表单元格,再使用document.app-endChild方法将这些表单元格增加到表行。接下来的编

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.  一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

很多应用譬如监控、即时通信、即时报价系统都需要将后台发生的变化实时传送到客户端而无须客户端不停地刷新、发送请求。本文首先介绍、比较了常用的“服务 器推”方案，着重介绍了 Comet － 使用 HTTP 长连接、无须浏览器安装插件的两种“服务器推”方案：基于 AJAX 的长轮询方式；基于 iframe 及 htmlfile 的流方式。最后分析了开发 Comet 应用需要注意的一些问题，以及如何借

Today we have part 4 of our series on handy code snippets where weround up CSS, html and Ajax techniques, these are usefull resources forweb designers so get them bookmarked! If you missed them, also

区分大小写：变量名、属性和方法全部都区分大小写 不匹配的引号、圆括号或花括号将抛出错误 条件语句：3个常见陷阱 换行：一直用分号结束语句来避免常见的换行问题 标点法：在对象声明的尾部逗号将导致出错 HTML id 冲突 变量作用域：全局变量对局部变量 函数重载：当重载不存在时，覆盖函数 区分string.replace()函数不是全局的 parseInt应该包含两个参数 “this”和绑定问题 为

数据类型基本数据类型基本数据类型是JS语言最底层的实现。简单数值类型: 有Undefined, Null, Boolean,Number和String。注意，描述中的英文单词在这里仅指数据类型的名称，并不特指JS的全局对象N an, Boolean, Number,String等，它们在概念上的区别是比较大的。对象: 一个无序属性的集合，这些属性的值为简单数值类型、对象或者函数。同