brook引用了UNIX下的pipe概念,轻松把所有的处理都串联起来以共同完成任务。前一个处理的输出作为后一个处理的输入来完成参数的传递。通过brook你可以以MVC的方式来写你的javascript程序。 http://hirokidaichi.github.com/brook/ brook 脚本之家下载brook框架使用namespace库用于模块的组织。 这里再次用例子说明一下namespace的使用方法: 代码如下:// 定义一个sample命名空间 Namespace(sample) // 使用brook .use(brook *) .u...
模板引擎 Express支持许多模板引擎,常用的有:haml 的实现Haml haml.js 接替者,同时也是Express的默认模板引擎Jade 嵌入JavaScript模板EJS 基于CoffeeScript的模板引擎CoffeeKup 的NodeJS版本jQuery模板引擎 视图渲染(view randering) 视图的文件名默认需遵循“<name>.<engine>”的形式,这里<engine>是要被加载的模块的名字。比如视图layout.ejs就是在告诉视图系统要require(‘ejs),被加载的模块必须输出exports.compil...
1. jQuery – Javascript Framework jQuery 是最流行的 JavaScript 框架,它简化了HTML 文档遍历、事件处理、动画和Ajax交互。 2. Dojo Javascript Framework Dojo强大的核心使Web开发更加敏捷,它拥有出色的UI工具库,号称 Unbeatable JavaScript Tools。 3. Sencha Ext JS4 Javascript Framework 官方介绍说是最先进的JavaScript框架,用于构建下一代跨平台的Web应用程序。 4. Prototype javascript Framwork Prototype 是一个致...
效果预览如下: 实现原理: 容器采用相对定位,图片采用绝对定位,当鼠标移动到相应的图片上,改变去left属性,用tween实现动画效果. 代码分析:写一个picSlider类实现代码封装 代码如下:<div id="container"> <img src="https://files.jb51.net/file_images/article/201104/r_song1.jpg" alt="" /> <img src="https://files.jb51.net/file_images/article/201104/r_song2.jpg" alt="" /> <img src="https://files.jb51.net/file_images/...
原来比较常用的是window的onload 事件,而该事件的实际效果是:当页面解析/DOM树建立完成,并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。这对于很多 实际的应用而言有点太“迟”了,比较影响用户体验。为了解决这个问题,ff中便增加了一个DOMContentLoaded方法,与onload相比,该 方法触发的时间更早,它是在页面的DOM内容加载完成后即触发,而无需等待其他资源的加载。Webkit引擎从版本525(Webkit ni...
和大家分享,第一次在博客园发帖,有不对的地方请列位同学指正。 先给大家讲下用法吧: 目录结构 使用步骤 1. 将框架js引入页面。 2. 代码如下:parcour.using(system.web.event); window.onload = function () { alert(eventUtil); // eventUtil是event.js里的类 } 就可以看到效果了,剩下的就是如何去组织和扩展自己的开发库了。 -- 由于需要同步获取文件内容, 需要部署才可测试, 可以用vs建个网站,然后拷到项目下运行。 个...
在讨论jQuery TDD之前,我们先来了解下什么才是一个标准的TDD框架。作为标准的TDD框架,必须满足这么几个要求: 1. 即使测试脚本出错了也要能继续运行接下来的脚本 2. 能够不依赖被测试代码写测试用例,即使代码没有实现也可以先写测试用例 3. 能够显示详细的错误信息和位置 4. 能够统计通过和未通过的用例的数量 5. 有专门的可视化界面用于统计和跟踪测试用例 6. 易于上手,通过一些简单的指导就可以马上开始写测试代码。 以上这...
jquery有个很不错的ui插件,dialog插件,他的官方网站上有各种形式的演示:http://jqueryui.com/demos/dialog/ ,可能大家用得比较多的还是它的默认模式,具体的用法官网上都有,也有中文的讲解地址,我就不再重复了,最近在弄弹出框架页,仔细一看,和dialog插件的modal form 模式很相似,demo演示效果:http://www.lovewebgames.com/addNews.aspx 就是这么个效果,要进行登录注册弹出层,至于为什么我不直接用modal form来做呢?...
在表单程序中,在页面上需要很多的Js代码来验证表单,每一个field是否必须填写,是否 只能是数字,是否需要ajax到远程验证,blablabla。 如果一个一个单独写势必非常的繁琐,所以我们的第一个目标就是构建一个类似DSL的东西, 用表述的语句而非控制语句来实现验证。 其次一个个单独写的话还有一个问题就是必须全部验证通过才能提交,但是单独验证会因为 这个特征而增加很多额外的控制代码,且经常会验证不全面。所以第二个目标就是能...
ajax编码落地算是团队框架建设的一个里程碑,使得框架拥有了一个可应用调试的版本。在ajax框架编码中主要想到了这么几点:框架兼容性 方法全面而要简单快捷 可扩展性好 框架兼容性:ajax框架的兼容性主要表现在XMLHttpRquest对象生成上。根据不同类型浏览器或者不同库一般有三种方式new XMLHttpRequest(); new ActiveXObject("Microsoft.XMLHTTP"); new ActiveXObject("Msxml2.XMLHTTP"); 方法简单快捷且扩展性好框架编写如aj...
先来看一个简单的例子: 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> frame </TITLE> </HEAD> <frameset rows="50%,50%"> <frame name=top src="top.html"> <frame name=bottom src="bottom.html"> </frameset> </HTML...
1,刷新框架 代码如下:onload=function() { try { parent.Link.location.reload(); } catch(e) { } } 2,获取URL并字符处理 代码如下:var url=parent.frames["right"].location.href; //document.write(<Font size="2" color="red">+url+"</Font>"); url=url.substring(url.indexOf("TBSW")+21,url.length); 3,设置Title top.frames.left.document.title=url; 3,关闭顶则 代码如下:<script type="text/javascript"> <!-- functi...
微软此举的意图很明显——以一种极小的代价“实现” DOM2的全部接口。这里举两个例子: 代码如下:Element.prototype.addEventListener = function(evtType, evtHandler) { return this.attachEvent(on + evtType, evtHandler); } Object.defineProperty(Event.prototype, target, { get: function() { return this.srcElement }, set: function(v) { return this.srcElement = v } }); 这似乎和早年使用__definegetter__之流让Fi...
框架选择器部分兼容浏览器原生的查询语法,和jQuery大部分选择器,选择器部分文档大部分来自jQeruy API 特点,选择器支持 lambda 表达式 文件打包下载
http://github.com/alexyoung/riotjs示例: Ruby代码 代码如下:context "a new user" do setup { User.new } asserts("that it is not yet created") { topic.new_record? } end context "a new user" do setup { User.new } asserts("that it is not yet created") { topic.new_record? } end Javascript代码 代码如下:Riot.run(function() { context(basic riot functionality, function() { given(some simple equality test...