kay1636的专栏

图片上传预览是一种在图片上传之前对图片进行本地预览的技术。 使用户选择图片后能立即查看图片，而不需上传服务器，提高用户体验。 但随着浏览器安全性的提高，要实现图片上传预览也越来越困难。 不过群众的智慧是无限的，网上已经有很多变通或先进的方法来实现。 例如ie7/ie8的滤镜预览法，firefox 3的getAsDataURL方法。 但在opera、safari和chrome还是没有办法实现本地预览，只能通过后台来支持预览。（转载自用）

1000个16x16像素PNG格式的项目Icons小图标

5000个ext 小图标 ，ext界面按钮图标

var vExportContent = grid.getExcelXml(); if (Ext.isIE6 || Ext.isIE7 || Ext.isSafari || Ext.isSafari2 || Ext.isSafari3) { var fd=Ext.get('frmDummy'); if (!fd) { fd=Ext.DomHelper.append(Ext.getBody(),{tag:'form',method:'post',id:'frmDummy',action:'exportexcel.jsp', target:'_blank',name:'frmDummy',cls:'x-hidden',cn:[ {tag:'input',name:'exportContent',id:'exportContent',type:'hidden'} ]},true); } fd.child('#exportContent').set({value:vExportContent}); fd.dom.submit(); } else { document.location = 'data:application/vnd.ms-excel;base64,'+Base64.encode(vExportContent); }}

FusionCharts 是 InfoSoft Global 公司的一个产品， InfoSoft Global 公司是专业的 sh 图形方案提供商，他们还有几款其他的，基于 Flash 技术的产品，都非常的漂亮。 ionCharts Free 则是 FusionCharts 提供的一个免费版本，虽然免费，功能依然强大， 形类型依然丰富。 不得不感叹技术发展的真快， 99 年的时候， flash 刚刚在互联网上流行，那时还只是 一 简单的动画软件，编程能力有限。但现在 flash 几乎无所不能了，图形报表则是它大展 手 的一个领域。 FusionCharts free 是一个跨平台，跨浏览器的 flash 图表组件解决方案，能够被 .NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至 PPT 调用。 不需要知道任何关于 flash 编程的知识，你只需要知道你所用的编程语言就可以了。 FusionCharts free 目前最新版本是 v2.1 ，主要做了以下改动： • 增加了使用 jsp 和 Ruby on Rails 来集成 FusionCharts 的代码和文档。 • FusionCharts DOM 更加容易地把图表加载到你的页面上。 • 修改了 .Net 的使用代码和文档。 • 增加了新的 PHP API , 并修复了一些 BUG 。 • 修改了 FusionCharts.js ，以便可以支持双引号。（那就是说以前不支持？）

Class Array Package: Global Defined In: Ext.js Class: Array Extends: Object Public Properties This class has no public properties. Public Methods Method Defined By indexOf( Object o ) : Number Checks whether or not the specified object exists in the array. Array remove( Object o ) : Array Removes the specified object from the array. If the object is not found nothing happens. Array Public Events This class has no public events.

You don’t need any special software to write JavaScript. All you need is a plain text editor and a web browser. Code written in JavaScript must be executed from a document written in (X)HTML. There are three ways of doing this. You can place the JavaScript between tags within the of the document: Example JavaScript goes here... Mark-up goes here... A much better technique, however, is to place your JavaScript code into a separate file. Save this file with the file extension .js. Traditionally you would include this in the portion of the document by using the src attribute in a tag to point to this file:

功能：把两个日期相加，返回指定日期date加上指定的额外日期间隔number产生的新日期。 语法：DATEADD(<datepart> ,<number> ,<date>) 实现： DATEADD(YEAR,0,0)=’ 1900-01-01 00:00:00.000’ DATEADD(YEAR,1,2)=’ 1901-01-03 00:00:00.000’ DATEADD(MONTH,1,2)=’ 1900-02-03 00:00:00.000’ DATEADD(DAY,1,1)=’ 1900-01-03 00:00:00.000’

1.Eclipse简介 Eclipse就像软件开发者的『打铁铺』，它一开始备有火炉、铁钻与铁锤。就像铁匠会用现有的工具打造新的工具，也能用Eclipse打造新工具来开发软件-这些新工具可扩充Eclipse的功能。(Eclipse其中一个卖点就是它的扩充性) 1.1历史背景 Eclipse这样功能完整且成熟的开发环境，是由蓝色巨人IBM所释出。IBM花了4千万美金来开发这个IDE(Integrated Development Environment)。第一版1.0在2001年11月释出，随后逐渐受到欢迎。 Eclipse已经成为开放原始码计划(Open Source Project)，大部分的开发扔然掌握在IBM手中，但是有一部份由eclipse.org的软件联盟主导。(http://www.eclipse.org) Eclipse项目由Project Management Committee(PMC)所管理，它综观项目全局，Eclipse项目分成3个子项目： 平台-Platform 开发工具箱-Java Development Toolkit(JDT) 外挂开发环境-Plug-in Development Environment(PDE) 这些子项目又细分成更多子项目。例如Platform子项目包含数各组件，如Compare、Help与Search。JDT子项目包括三各组件：User Interface(UI)、核心(Core)及除错(Debug)。PDE子项目包含两各组件：UI与Core。 1.2开放原始码软件 Eclipse是开放原始码，结果很多人在使用的时候都不注重合法权的问题。开放原始码软件让使用者能够取得软件的原始码，有权去修改和散布这个软件。如果想修改软件，这件事的另一面就是，除非其它人对修改后的软件也有相同的权力，否则是不能散布修改后的软件，这种权利和著作权(copyright)相反，开放原始码项目中有时称之为著作义(copyleft)。 有些开放原始码许可书，坚持要求任何和其它开发原始码合组成的软件也必须是开放原始码。然而，Eclipse使用的开放原始码许可书：公共公众许可书-Common Public License(CPL)作为授权方式，设计上是可以容许商业利益的。CPL可以容许Eclipse和其它开放原始码软件合组时，能够以更严谨的许可书散布软件，以求用于商业途径。CPL经过Open Software Initiative(OSI)认证，其内容符合开放原始码授权的需求。

//正则匹配 匹配中文字符的正则表达式： [\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内)：[^\x00-\xff] 匹配空行的正则表达式：\n[\s| ]*\r 匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/ 匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数） 匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? 以下是例子： 利用正则表达式限制网页表单里的文本框输入内容： 用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,‘‘)" onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[^\u4E00-\u9FA5]/g,‘‘))"

通过用Spring的 声明事务管理特性，Web应用可以做到完全事务性，就像使用EJB提供的那种容器管理的事务一样。 所有自定义的业务逻辑可以通过简单的POJO来实现，并利用Spring的IoC容器进行管理。对于其他的服务，比如发送email和不依赖web层的校验信息，还可以让你自己决定在哪里执行校验规则。 Spring本身的ORM支持可以和JPA、Hibernate、JDO以及iBatis集成起来，例如使用Hibernate，你可复用已经存在的映射文件与标准的Hibernate SessionFactory 配置。用控制器去无缝整合web层和领域模型，消除对 ActionForms 的依赖，或者避免了其他class为领域模型转换HTTP参数的需要。

ExtJS不但在Web开发中成功引入了丰富的组件，也引入了桌面程序中经常用到的面板及布局概念。这些概念的引入在很大程度上改变了传统的Web开发方式，在第3章和第4章中主要学习了ExtJS支持的各种组件，本章将进一步学习ExtJS的面板（panel）及布局类。 面板（panel）是ExtJS中一个很重要的概念，它相当于一幅画板，我们可以在它上面放置需要的各种组件，并使用不同的布局类对组件的摆放位置进行格式化，掌握这些布局类的特点及使用方式是突破ExtJS页面设计的关键，下面先来进行面板部分的学习。

弹出移动DIV窗口 弹出移动DIV 窗口弹出移动

jQuery是一套Javascript脚本库. 在我的博客中可以找到"Javascript轻量级脚本库"系列文章. Javascript脚本库类似于.NET的类库, 我们将一些工具方法或对象方法封装在类库中, 方便用户使用. 注意jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事. 脚本库能够帮助我们完成编码逻辑,实现业务功能. 使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮. 同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery,天天喝茶水"--因为我们已经站在巨人的肩膀上了. 创建一个ASP.NET MVC项目时, 会发现已经自动引入了jQuery类库. jQuery几乎是微软的御用脚本库了!完美的集成度和智能感知的支持,让.NET和jQuery天衣无缝结合在一起!所以用.NET就要选用jQuery而非Dojo,ExtJS等.

你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对应的什么CSS语句。当你解决了第一种问题，知道了如何结构化你的HTML，我再给出一个列表，详细列出原来的表现属性用什么CSS来代替。 结构化HTML 我们在刚学习网页制作时，总是先考虑怎么设计，考虑那些图片、字体、颜色、以及布局方案。然后我们用Photoshop或者Fireworks画出来、切割成小图。最后再通过编辑HTML将所有设计还原表现在页面上。 如果你希望你的HTML页面用CSS布局(是CSS-friendly的)，你需要回头重来，先不考虑“外观”，要先思考你的页面内容的语义和结构。 外观并不是最重要的。一个结构良好的HTML页面可以以任何外观表现出来，CSS Zen Garden是一个典型的例子。CSS Zen Garden帮助我们最终认识到CSS的强大力量。 HTML不仅仅只在电脑屏幕上阅读。你用photoshop精心设计的画面可能不能显示在PDA、移动电话和屏幕阅读机上。但是一个结构良好的HTML页面可以通过CSS的不同定义，显示在任何地方，任何网络设备上。 开始思考 首先要学习什么是"结构"，一些作家也称之为"语义"。这个术语的意思是你需要分析你的内容块，以及每块内容服务的目的，然后再根据这些内容目的建立起相应的HTML结构。

内容简介： 本书图文并茂，以丰富的实例为引导，全面介绍了主流的 Java Web 开发技术—— JSP 2.0，重点介绍Java在展示层的两项重要技术：Java Servlet与JavaServer Pages。 它们是最重要的Java 核心技术。对这两项技术的深入了解，将有助于您未来对于 JavaServer Faces(JSF)技术以及Java Web Services技术的学习。

通过简单的toJson 和fromJson能完成绝大部分的互转工作, 不再需要额外的配置. • 能够提供模板, 容易的更改Json的展现, 和反向的Java Object生成 • 适用于任何的Java对象, 包括基本类型 • 支持JDK1.5+

Struts作为MVC 2的Web框架，自推出以来不断受到开发者的追捧，得到用广泛的应用。作为最成功的Web框架，Struts自然拥有众多的优点： MVC 2模型的使用 功能齐全的标志库（Tag Library） 开放源代码 但是，所谓“金无赤金，人无完人”，Struts自身也有不少的缺点： 需要编写的代码过多，容易引起“类爆炸” 单元测试困难

jQuery 文档XML文件内英文及代码部分版权归原官方wiki所有，中文部分分属为之漫笔, Shawphy and Cloudream所有。欢迎转载、替换其他XSL样式或其他形式的转载，但必须保证XML文件原样转载，保留署名以及不可用于商业用途。本文档仅供参考，出于方便学习的目的而分发。使用者必须自行承担风险，因使用此文档造成的任何损失或者潜在的损失，译者均不为其负责。

/*! * jQuery JavaScript Library v1.4.2 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2010, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * * Date: Sat Feb 13 22:33:48 2010 -0500 */

Microsoft Script Debug是微软公司推出的一个脚本调试工具,Microsoft的这个工具只支持IE.在Win2000的安装包中包括了这一个文件.但在2000以后的版本,XP,WIN2003中都没有包含,但你可以从以下的Microsoft的站点的地址中下载到该组件. 使用方法: 1,安装 Microsoft Script Debugger 后,重新启动您的IE. 2,在菜单 Internet 选项->高级->禁用脚本调试(Internet Explorer) 前的“√”去掉。 3,在菜单 查看->脚本调试->打开 ,启动一个新实例即可以开始调试.

/*! * Ext Core Library 3.0 * http://extjs.com/ * Copyright(c) 2006-2009, Ext JS, LLC.

引用方法： 1、将下载回来的文件解压，并将eclipse文件夹下面的两个文件夹复制你的eclipse目录下。 2、Window → Preferences → Spket → JavaScript Profiles → New ； 3、输入“ExtJS”点击OK； 4、选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”； 5、选择 “ExtJS”并点击“Add File”，然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件； 6、设置新的ExtJS Profile，选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮； 7、新建一个.js文件，即可出现上图所示的效果。 8、最后确认你的.js文件是用 Spket Javascript Editor 打开。

无论你是Ext库的新手，抑或是想了解Ext的人，本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念，和如何快速地做出一个动态的页面并运行起来，假设读者已具备了一些JavaScript经验和初级了解HTML Dom