返 回 顶 部

随笔分类 -  javascript

摘要:Dojo Grid 结构Dojo Grid 在结构上有点类似于大家熟悉的 MVC 模式。MVC 模式是“Model-View-Controller”的缩写,也就是“模型 - 视图 - 控制器”。图 1.MVC 结构一个最简单的 Grid 在结构上主要有以下几方面构成: 模型 (Model) 每个 Grid 都会包含数据,所以每个 Grid 开头都会去定义 Model。如清单 1 中的定义,Model 包含了 dojotype(dojo 模型类),jsid(专用 id),structure(结构),Store(数据库)等。 其中比较重要的部分是 Store,它放置了 Grid 中存储的数据。.. 阅读全文
posted @ 2013-03-22 14:50 lancee 阅读(6804) 评论(0) 推荐(0)
摘要:Tree组件可以把有层次关系的数据用树状结构展现出来,就如同 Windows 系统的资源浏览器。Tree有两个模板,一个是Tree模板,一个是TreeNode模板,应该说Tree模板就是一个容器,里面有很多TreeNode.而初始化树,打开树节需要的数据,是通过来提供的。提供了封装的标准的数据存取API,作为统一的数据访问层而存在。所有的数据都是item或者item的属性。提供了一个基本的ItemFileReadStore类来读取JSON格式数据,而dojox提供了更多扩展,比如XmlStore, CsvStore, OpmlStore等,也可以自定义自己的store类型。术语data sou 阅读全文
posted @ 2013-02-06 09:45 lancee 阅读(1657) 评论(1) 推荐(0)
摘要:Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种 应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需 阅读全文
posted @ 2012-11-05 22:34 lancee 阅读(687) 评论(1) 推荐(0)
摘要:作者: 阮一峰闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。var n=999; function f1(){ alert(n); } f1(); // 999另一方面,在函数外部自然无法读取函数内的局部变量。function f1(){ var n=999;... 阅读全文
posted @ 2012-02-09 17:33 lancee 阅读(262) 评论(0) 推荐(0)
摘要:Document.form.item 问题现有问题:现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 firefox下运行。解决方法:改用 document.formName.elements["elementName"]。集合类对象问题现有问题:现有代码中许多集合类对象取用时使用 (),IE 能接受,firefox 不能。解决方法:改用 [] 作为下标运算。如:document.forms("formName") 改为 document.forms["formNa 阅读全文
posted @ 2012-02-02 17:09 lancee 阅读(252) 评论(0) 推荐(0)
摘要:Make Your Own Bingo CardBING0FreeClick hereto create a new card 阅读全文
posted @ 2012-01-16 22:28 lancee 阅读(661) 评论(0) 推荐(0)
摘要:用JavaScript实现本地缓存memory.jsfunction window.onerror(){ return false;}function pageCache(prefix){ this.prefix = (typeof(prefix)!="string")?"":"prefix_" + prefix + "_"; this.setCookie = function(name,value) { var Days = 1; var exp = new Date(); exp.setTime(exp.get 阅读全文
posted @ 2012-01-04 17:23 lancee 阅读(1508) 评论(1) 推荐(0)
摘要:有四个“layers”层文字将飞入屏幕。一个接着一个,前一个淡出,后一个出现,这些效果要用最新的浏览器才可以看到。DEMO Source Website & Download 阅读全文
posted @ 2011-12-30 11:24 lancee 阅读(1032) 评论(5) 推荐(0)
摘要:1.simplyScrollsimplyScroll这个jquery插件能够让任意一组元素产生滚动动画效果,可以是自动、手动滚动,水平、垂直方向滚动。此外,它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源。2.Animated Collapsible DIV为任何DIV层添加Web2.0风格的动画隐藏/显示效果3.jQuery Pagination(演示地址)jQuery分页插件4.side bar menu using script.aculo.us(演示地址)采用script.aculo.us开发的侧边滑条菜单。5.mooSocializemooSocialize基于a 阅读全文
posted @ 2011-12-30 11:07 lancee 阅读(3178) 评论(0) 推荐(0)
摘要:(转载 瓜瓜)每次转载都有点不好意思,扭扭捏捏,但后来想想,我都是著名“转载的”,心里就坦荡很多,这也是尊重知识的一点表示吧。下面转载上段时间,团队内部有过好几次几次给力的分享,这里对西风师傅分享的继承机制稍作整理一下,适当加了写口语化的描述,留作备案。一、讲个故事吧澄清在先,Java 和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha,当时还叫做LiveScript,创造者是Brendan Eich,现任Mozilla公司首席技术官。1994年,历史上第一个比较成熟的网络浏览器——Navigator0.9版诞生在网景公司(Netscape),极为轰动。 但是,Na 阅读全文
posted @ 2011-12-02 16:40 lancee 阅读(217) 评论(0) 推荐(0)
摘要:放在head中的JS代码会在页面加载完成之前就读取,而放在body中的JS代码,会在整个页面加载完成之后读取。那么有什么不同呢?先看一个例子:一个二级级联动态下拉列表框,一级分类(即大类别)id="vSort0".<head>function changelocation(id){…………}</head><body><select class="input1" id="vSort0" name="vSort0" onChange="changelocation(d 阅读全文
posted @ 2011-11-24 10:01 lancee 阅读(1684) 评论(3) 推荐(0)
摘要:这种效果在今后的web发展中是不是常用或者是否依然被设计师们所青睐,从技术层面看并不是最重要的,了解它的实现原理,对自身前端技术的提高,会有很大 的帮助,世间万物,万变不离其宗,掌握了它的运行规律,你才不会被其花花外表所迷惑,甚至你可以在掌握其规律的前提下,运行相关技术,创造出新的效果来。 下面看看它的实现过程:1.html<div class="box" id="marqueebox0"><ul><li style="background:#f8e2ac;">第一行</li><l 阅读全文
posted @ 2011-11-21 22:33 lancee 阅读(4286) 评论(0) 推荐(2)
摘要:当你写入js后,IE总会弹出这样的提示,如何消除这个提示那,其实很简单在<head>之前加入<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><!-- saved from url=(0014)about:interne 阅读全文
posted @ 2011-11-07 22:12 lancee 阅读(1760) 评论(4) 推荐(0)
摘要:http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>建站学JS点击输入框,框内文字消失实例www.jzxue.com</title><script type="text/javascript">//得到焦点时触发事件function OnFocusFun(element,elementvalue){if(element.value==elementvalue){element.value="&qu 阅读全文
posted @ 2011-11-04 11:28 lancee 阅读(4370) 评论(0) 推荐(0)