随笔分类 -  JavaScript

JavaScript And Libray
摘要:最近的一个项目2期改造,基于ZK的使用,发现ZK开发AJAX应用也很酷,特把学到一些内容分享一下。简介 ZK是一套以AJAX/XUL/Java为基础的网页应用程序开发框架,用于丰富网页应用程序的使用接口。最大的好处是,在设计AJAX网路应用程序时,轻松简便的操作就像设计桌面程序一样。ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以及以XML为基础的使用接口设计语言ZK User-interfaces Markup Language(ZUML)。 ZK提供超过120个XUL组件及80个XHMTL组.. 阅读全文
posted @ 2011-09-01 13:01 2012 阅读(849) 评论(0) 推荐(0) 编辑
摘要:上一个介绍了Open API的一些参考资源集http://www.cnblogs.com/2018/archive/2011/08/27/2155274.html下面以一个常用的google map这个open api为例说明如何应用概念基础目前的版本是3,相对版本2有较大服务的修改。Marker用于在地图特定位置显示信息的一个图标A marker is basically a small image that is positioned at a specific place on a map. Its most frequent incarnation is the familiar dr 阅读全文
posted @ 2011-08-29 18:02 2012 阅读(1260) 评论(1) 推荐(0) 编辑
摘要:Ajax Solr 是一个使用客户端Javascript库实现的基于Solr的应用库,提供了丰富的应用功能。 Ajax Solr is a client-side JavaScript library that can access Solrvia its REST-like interface. Solr is not properly a database, but a search server; however it is the main data source for a search-based application. The result of using Ajax Solr 阅读全文
posted @ 2011-08-19 18:20 2012 阅读(2623) 评论(0) 推荐(0) 编辑
摘要:Core jQuery使用中其要注意的一些知识点Events $('img').bind('click',function(event){alert('Hi there!');}); $(function(){ $('#example') .bind('click',function(event) { say('BOOM once!'); }) .bind('click',function(eve... 阅读全文
posted @ 2010-10-14 21:17 2012 阅读(602) 评论(0) 推荐(0) 编辑
摘要:生成元素$('<img>',{src: 'images/little.bear.png',alt: 'Little Bear',title:'I woof in your general direction',click: function(){alert($(this).attr('title'));}}).css({cursor: 'pointer',border: '1px so... 阅读全文
posted @ 2010-10-13 22:39 2012 阅读(576) 评论(0) 推荐(0) 编辑
摘要:CSS基础需要对CSS有初步的了解,如下是一些常见的举例,更深入的可以参考相关的资料 body,th,tdbody.fancybody.fancy h1设置多个元素的风格#pageContent元素名pageContent的风格<div id=” pageContent” …img[src="example.jpg"]使用css选择器设置特定的img元素... 阅读全文
posted @ 2010-10-13 12:50 2012 阅读(696) 评论(0) 推荐(0) 编辑
摘要:Core jQuery核心关注的两件事情:选择页面中元素(Selector)、对元素执行操作(Events Effects CSS)jQuery UI基于JQuery核心构建的界面库,主要归为如下3大类Ø 效果 Effects—Enhanced effects beyond those provided by the core libraryØ 交互Inte... 阅读全文
posted @ 2010-10-12 22:19 2012 阅读(1972) 评论(0) 推荐(0) 编辑
摘要:对以前项目中用到的dojo框架进行一个框架式的总结,以备参考学习。主要组成... 1开发注意... 3Dojo代码约定... 3Dojo形式的脚本库... 4Dojo Build. 4Dojo ToolBox. 5推荐资料... 6参考实例... 6主要组成包括三个部分:Dojo: 框架核心Dijit: 基于dojo的UI界面部分,主题使用css控制Dojox: 其他扩展Util:打包风格检查等工... 阅读全文
posted @ 2010-10-11 18:09 2012 阅读(7017) 评论(1) 推荐(0) 编辑
摘要:ExtJS作为一个Javascript框架有广泛的应用,本文在实际学习和应用的基础上提供一个快速的上手和学习的参考。ExtJS介绍要开始 Extjs,必须先从网上下载所有需要的文件。下载的文件解压后,包含若干个文件夹和文件,作用分别如下:adapter 文件夹:该文件夹包含了 extjs和其实框架如 jquery、yui、prototype的桥接器,用于Extjs和这些框架的友好整合。build文... 阅读全文
posted @ 2010-10-09 17:50 2012 阅读(3011) 评论(0) 推荐(1) 编辑
摘要:MSDN 帮助:ms-help://MS.VSCC.v90/MS.MSDNQTR.v90.chs/dv_vwdcon/html/285e3a65-b42e-42c5-952d-baf184057899.htm以上的示例包含了:命名空间、继承、属性等相关的概念具体参考: http://jsfkit.codeplex.com 阅读全文
posted @ 2010-10-09 10:13 2012 阅读(348) 评论(0) 推荐(0) 编辑
摘要:Microsoft AJAX版本历史VS2005Atlas: 最初的版本代号Asp.net 2.0 AJAX Extensions: 发布版本,在VS2005SP1中包含ASP.NET AJAX Library – 客户端js脚本库ASP.NET AJAX Extensions – 服务端控件,不用写JavaScript实现javascript的功能AJAX Control... 阅读全文
posted @ 2010-10-09 10:05 2012 阅读(1301) 评论(0) 推荐(2) 编辑
摘要:概况Javascript已经成为了web开发最最基本的要求之一了。 而在现实的敏捷开发中,我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写。你会发现这样会节省很多的时间,写的代码也很清晰便捷。目前流行的JS框架很多Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx 等等。... 阅读全文
posted @ 2010-10-08 10:55 2012 阅读(2152) 评论(0) 推荐(0) 编辑
摘要:规范Gooogle JavaScript规范:http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xmlJQuery Core Style Guidelineshttp://docs.jquery.com/JQuery_Core_Style_GuidelinesDojo Style Guidehttp://o.dojotoolkit.org/developer/StyleGuide70 Expert Ideas For Better CSS Codinghttp://www.360doc.com/content/0 阅读全文
posted @ 2010-10-04 15:10 2012 阅读(11941) 评论(0) 推荐(2) 编辑
摘要:js部署中有个词CDN,今天特意查询了一下,具体如下: CDN在百度百科的解释 CDN的全称是Content Delivery Network,即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络"边缘",使用户可以就近取得所需的内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问... 阅读全文
posted @ 2010-10-03 11:48 2012 阅读(1602) 评论(0) 推荐(0) 编辑
摘要:项目要发布时,由于javascript和css在开发时代码采用了规范的形式,比如有注释,縮进等,这样,这些文件的大小比较大,为了减少网络流量,提高网页的下载速度,一般发布时需要对javascript和css进行瘦身处理,压缩这些文件的大小。Ajax Minifier正是这样的一个工具。Ajax Minifier下载地址http://aspnet.codeplex.com/releases/view... 阅读全文
posted @ 2010-10-03 11:01 2012 阅读(5109) 评论(6) 推荐(5) 编辑
摘要:完整的例子: 使用对象和继承等的示范完整例子:函数对象的扩展封装形式这种形式由于作用域的限制,最好不要实现继承完整的例子包括DOJO jQuey ExtJS MS AJAX的集成包例子可在如下地址下载:http://jsfkit.codeplex.com/Project/Download/FileDownload.aspx?DownloadId=153492http://jsfkit.codepl... 阅读全文
posted @ 2010-09-30 09:32 2012 阅读(434) 评论(0) 推荐(0) 编辑
摘要:DOM、事件 由于目前我们的编程都是基于一些开源的框架,因此最好使用这些框架封装的操作DOM元素和挂接事件的形式。JavaScript和CSS特别注意:CSS是对页面元素的风格进行控制的,具体参考: Zen of CSSJavascript是行为控制,相当于HTML和CSS的粘合剂编写网页时,注意要把这三部分区分开,以便于代码的维护。后续有时间,把工作涉及的Javascript框架(如dojo j... 阅读全文
posted @ 2010-09-30 09:32 2012 阅读(249) 评论(0) 推荐(0) 编辑
摘要:参考:http://bbs.51js.com/thread-74195-1-1.html 构造器构造器代码必须放在整个类定义的最后,这样做是为了保证在它当中被调用的方法都已经被定义了。私有实例成员[变量和方法]私有实例成员在 JavaScript 中实际上可以用函数内的局部变量来实现,它相当于类的私有实例成员他们只能在该类的对象内部被使用,在对象外无法使用。创建私有方法有两种方式,一种是直接在类中... 阅读全文
posted @ 2010-09-29 21:33 2012 阅读(297) 评论(1) 推荐(0) 编辑
摘要:JavaScript是基于函数的语言,一切都是对象,但又比较特殊引用引用是指向实际对象的一个指针和C/C++的指针一样,C#和java的对象也是引用传递函数重载// A simple function for sending a messagefunction sendMessage( msg, obj ) { // If both a message and an object are prov... 阅读全文
posted @ 2010-09-29 21:15 2012 阅读(355) 评论(0) 推荐(0) 编辑