justwannaloveni的专栏

jquery ui制作仿腾讯web qq用户界面，酷炫个性的desktop桌面特效展示支持各大主流浏览器IE6以上。jQuery用户体验设计,web qq桌面十分动感酷炫。

一款超炫的后台，Ext模拟Windows桌面

多年积累的C#类库典藏版 项目描述 用C#编写 多年积累的C#类库典藏版 包括内容： Cookie&Session;&Cache;、Chart图形、CSV文件转换、 FTP操作类、导出Excel、配置文件操作类、 文件操作类、弹出消息类、XML操作类、 弹出消息类、分词辅助类、时间操作类、 汉字转拼音、压缩解压缩、条形码、 正则表达式、日历、上传下载、 视频转换类、随机数类、条形码、 图片、网络、序列化、邮件、字符串等等 多年积累的类库，很值得收藏。

DIV+CSS经典布局,非常值得一看。也讲述了浏览器的一些区别及解决方法。

SEO搜索引擎优化高级教程。。。。。。。

Extjs 中文文档,总二十九章。 如果对Extjs感兴趣的话，非常值得一看。

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。 　　jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 　　它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 　　jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。 　　jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 　　jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。 　　Jquery是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多，简单了解过。但使用上jquery之后，马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery：prototype就像Java，而jquery就像ruby.实际上我比较喜欢java（少接触Ruby 罢了）但是jquery的简单的实用的确有相当大的吸引力啊！在项目里我把jquery作为自己唯一的框架类包。使用其间也有一点点心得，其实这些心得，在jquery的文档上面也可能有讲，不过还是记下来，以备忘罢。

一、理解Html DOM、Ext Element及Component 　　要学习及应用好Ext框架，需要理解Html DOM、Ext Element及Component三者的区别。 　　Ext是基于Web的富客户端框架，其完全是基于标准W3C技术构建设的，使用到的都是HTML、CSS、DIV等相关技术。Ext最杰出之处，是开发了一系列非常简单易用的控件及组件，我们只需要使用这些组件就能实现各种丰富多彩的UI的开发。 　　无论组件有多少配置属性、还是事件、方法等等，其最终都会转化为HTML在浏览器上显示出来，而每一个HTML页面都有一个层次分明的DOM树模型，浏览器中的所有内容都有相应的DOM对象，动态改变页面的内容，正是通过使用脚本语言来操作DOM对象实现。 　　仅仅有DOM是不够的，比如要把页面中的某一个节点移到其它位置，要给某一个节点添加阴影效果，要隐藏或显示某一个节点等，我们都需要通过几句 javascript才能完成。因此，Ext在DOM的基础上，创建了Ext Element，可以使用Element来包装任何DOM，Element对象中添加了一系列快捷、简便的实用方法。 　　对于终端用户来说，仅仅有Element是不够的，比如用户要显示一个表格、要显示一棵树、要显示一个弹出窗口等。因此，除了Element以外，Ext 还建立了一系列的客户端界面组件Component，我们在编程时，只要使用这些组件Componet即可实现相关数据展示及交互等，而 Component是较高层次的抽象，每一个组件在渲染render的时候，都会依次通过Element、DOM来生成最终的页面效果。 　　在使用Ext开发的应用程序中，组件Component是最高层次的抽象，是直接给用户使用的，Ext Element是Ext的底层API，主要是由Ext或自定义组件调用的，而DOM是W3C标准定义的原始API，Ext的Element通过操作DOM 来实现页面的效果显示。 　　在Ext中，组件渲染以后可以通过访问组件的el属性来得到组件对应的Element，通过访问Element的dom属性可以得到其下面的DOM对象。另外，我们可以通过通过Ext类的快捷方法getCmp、get、getDom等方法来得组件Component、Ext元素Element及DOM节点。比如： 　　var view=new Ext.Viewport();//创建了一个组件Component 　　view.el.setOpacity(.5);//调用Element的setOpacity方法 　　view.el.dom.innerHTML="Hello Ext";//通过Element的dom属性操作DOM对象 　　再看下面的代码： 　　var win=new Ext.Window({id:"win1",title:"我的窗口",width:200,height:200}); 　　win.show(); 　　var c=Ext.getCmp("win1");//得到组件win 　　var e=Ext.get("win1");//根据id得到组件win相应的Element 　　var dom=Ext.getDom("win1");//得到id为win1的DOM节点 　　二、熟悉ext组件体系 　　Ext2.0对整个框架进行了重构，最为杰出的是推出了一个以Component类为基础的组件体系，在Component类基础上，使用面向对象的方法，设计了一系列的组件及控件。因此，要能游刃有余地使用Ext，熟悉Ext组件体系是最基本的。 　　在《ExtJS实用开发指南》中，有如下面一幅组件图： 　　通过组件结构图我们可以一目了然的看出整个Ext组件继承及组成体系，当使用一个组件的时间，了解他的继承体系，这样可以便于我们掌握组件的各种特性。 　　三、掌握核心控件　 　　控件其实也是组件，比如用于显示树信息的TreePanel、用于显示表格的GridPanel及EditorGridPanel，还有代表应用程序窗口的Ext.Window等都属于Ext控件。在使用Ext的时候，一定要掌握一些核心控件，特别是处于基类的控件。比如上面提到的几个控件，他们都是继承于面板Panel，所以我们要重点掌握面板这个核心控件的特性。比如面板由以下几个部分组成：一个顶部工具栏(tbar)、一个底部工具栏(bbar)、面板头部(header)、面板尾部(bottom)、面板主区域(body)几个部分组成。面板类中还内置了面板展开、关闭等功能，并提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为，面板可以放入其它任何容器中，面板本身是一个容器，他里面又可以包含各种其它组件。只要掌握了Panel的应用，那么学习TreePanel、Window等就会变得简单得多。 　　同样的道理，对于Ext的表单字段来说，不管是ComboBox，NumberField、还是DateField，他们其它都是 Ext.form.Field类的子类，在他上面定义了表单字段的各种基本操作及特性。在学习使用表单字段组件时，一定要重点研究Field这个类，掌握他的主要方法、事件等，就能有助于更好的学习使用其它的字段。 　　四、学习及研究示例 　　由于javascript语言非常灵活，不像静态强类型语言（比如Java）那样有固定的代码设计模式，而往往是不同的人就有不同的编程风格。在实际应用开发中，只有见多识广，才能在自己的在脑中建立一个开发库。 　　学习别人的示例对于我们开发帮助会非常大，示例包括基本组件的应用、综合应用等多个方面。在此，简单推荐几个。 　　１、Ext官方示例，在ext项目下载包的examples目录中，包括各个控件的基本应用演示，同时还有一些比较复杂的组合示例，有简有繁，非常适合初学者认真研究。 　　２、Vifir推出的示例，Vifir推出的一些示例主要包括两类，一种是开源的示例应用，另外一种是针对VIP用户的实用示例。开源的示例主要是指 wlr单用户blog系统，这个一个集合了前后台技术的ext综合示例，而针对VIP用户的实用示例则是可以作为开发骨架或扩展组件的示例。 　　３、其它示例，在ext社区中还有很多比较优秀的ext应用示例，有些只是一个应用演示，虽然没有提供源码下载，但我们可以直接下载引用的js文件来得到这些示例的ext应用代码，同样能取起到非常好的学习效果。 　　五、多运用 　　Ext看起来是非常简单的东西，稍有点编程知识的人，按照《ExtJS实用开发指南》中的入门指南，半小时就能学会使用Ext。然而，当准备使用Ext开发一个项目时，却不知道从何处入手，或者是在使用Ext的时候，出了一点小问题自己不知道该如何解决。编程是一门实践性的科学，仅仅靠看书、看别人写的代码是远远不够的，因此，必须多做实践才行，只有通过不断的练习，大量的使用，才能对Ext的组件特性、事件、事件处理机制以及与服务器端交互接口等深入的掌握，只有多做运用，深入了解ext的组件的工作原理及机制，才能编写出高级的Ext的应用。 　　六、熟读Ext项目的源代码 　　如果要想深入应用Ext，那么阅读Ext项目的源代码这是必不可少的环节，Ext的代码质量非常高，通过阅读他的代码我们可以更加深刻的了解 javascript面向对象编程，Ext代码中包含了很多高级的js技巧以及设计模式。在使用Ext的过程中，我们经常根据项目的需要对Ext组件进行扩展，设计自己的组件或控件，而如何实现一个自定义的Ext组件，我们可以从Ext的各个组件源代码中找到答案。 　　Ext的源代码在Ext项目的source目录。读Ext源码，并不一定非要从某一个地方开始，而组件核心代码Component.js、容器组件代码 Container.js、面板Panel.js等这些是必看的； core目录中的Element.js、Ext.js等也是必看的。当需要从一个控件进行扩展的时候，最好能简单看一看这个控件的源代码。

vs2008发布插件。方便。。。。。。。。。。。。。。。。。。。。。。。。。

2008-07-30 23:49:35 +0800 * nextAll翻译细微优化 2008-07-27 23:26:19 +0800 * :checked中翻译错误 * :selected细微调整 - :selected中重复示例代码 + jQuery.ajax中增加dataFilter参数 2008-06-21 04:16:54 +0800 * pretend的第一个示例结果错误 2008-06-19 19:52:29 +0800 * insertBefore 和 insertAfter 示例说明翻译错误。 + 事件>load 增加注释 2008-06-18 00:05:15 +0800 + $.ajax中新增3个参数，jsonp,password,scriptCharset 2008-06-17 19:43:30 +0800 * 核心>数据缓存> 第三部分应该 "removeDate(name)" * 修改date(name)里的代码注释一个小错误 2008-06-11 19:26:37 +0800 * toggle保持与官网同步 2008-05-29 16:36:07 +0800 + 核心 部分 数据缓存 + 工具inArray函数 * noConflict注释 2008-05-27 22:48:24 +0800 + 更新ajax部分的内容，与官网保持一致 2008-05-27 20:39:03 +0800 * 对scroll的示例代码错误的修正 * 由$(document).scroll();到$(window).scroll(); 2008-04-22 21:35:44 +0800 * 修改一下小index示例 2008-04-19 13:14:10 +0800 * 修正agp001提出的siblings的示例代码错误 * 翻译$.get中漏翻的一句 - 删除$.post的空示例 2008-03-29 13:14:02 +0800 全文替换1.1遗留下的@符号 jQuery(callback) 未翻译的翻译一下 slice(start,[end]) 未翻译的翻译一下 parent(expr) 例子中删除个body append(content) C要 css(name) 删除多余的<hr /> unbind([type],[data]) 代码注释翻译 change(fn) 未翻译的翻译一下 click(fn) 常用的事件->几个事件的顺序 dblclick(fn) 未翻译的翻译一下 focus() 未翻译的翻译一下 scroll(fn 修正 submit(fn) select->submit toggle() 删除多余的<hr /> stop() 代码注释翻译