代码改变世界

随笔分类 -  [06]JS/jQuery

大叔手记(7):构建自己的JavaScript模板小引擎

2011-12-15 19:35 by 汤姆大叔, 10653 阅读, 收藏, 编辑
摘要: 有时候,我们不需要太牛逼太强大的JavaScript模板引擎(比如jQuery tmpl或者handlebarsjs),我们只是需要在简单的模板里绑定一些非常简单的字段,本文将使用非常简单的技巧来帮你实现这个小功能。首先我们先来定义我们需要的模板,在id为template的script块里:<!doctype html><html><head> <meta charset=utf-8> <title>Simple Templating</title></head><body> <div cla 阅读全文

深入理解JavaScript系列

2011-12-15 10:02 by 汤姆大叔, 599074 阅读, 收藏, 编辑
摘要: 深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力。深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点深入理解JavaScript系列(2):揭秘命名函数表达式深入理解JavaScript系列(3):全面解析Module模式深入理解JavaScript系列(4):立即调用的函数表达式深入理解JavaScript系列(5):强大的原型和原型链深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP深入理解JavaScript系列(7):S.O.L.I.D五大原则 阅读全文

大叔手记(5):使用QUnit结合MVC3来做JavaScript单元测试

2011-12-14 19:35 by 汤姆大叔, 4357 阅读, 收藏, 编辑
摘要: 关于QUnit几乎所有的网站都在使用JavaScript,而所有的Javascript开发人员也都想做单元测试,但是一直都为付诸行动,大叔告诫大家,该做了,不然要被别人鄙视了,因为现在是个上网的人都应该用到了JavaScript,而且HTML5来临以后,越来越多的JavaScript代码要去开发。本文所用到的QUnit是由jQuery team开发的,原本是用于jQuery框架的测试,后来独立发展出来,可以测试任意JavaScript代码,而且提供了非常简单的API让你非常简单的来创建你的Test Case。先上个简单的代码:// calculator.jsvar Calculator = f 阅读全文

大型JavaScript应用程序架构模式

2011-12-14 09:06 by 汤姆大叔, 39154 阅读, 收藏, 编辑
摘要: 11月中旬在伦敦举行的jQuery Summit顶级大会上有个session讲的是大型JavaScript应用程序架构,看完PPT以后觉得甚是不错,于是整理一下发给大家共勉。PDF版的PPT下载地址:http://www.slideshare.net/jibyjohnc/jqquerysummit-largescale-javascript-application-architecture注:在整理的过程中,发现作者有些思想是返来复去地说,所以删减了一部分,如果你的英文良好,请直接阅读英文的PPT。以下是本文的主要章节:1. 什么叫“JavaScript大型程序”?2. 顾当前的程序架构3. 阅读全文

大叔手记(4):jQuery自定义绑定的魔法升级版

2011-12-13 20:28 by 汤姆大叔, 7502 阅读, 收藏, 编辑
摘要: jQuery自定义绑定首先让我们来看看jQuery的自定义绑定的使用方法,你可以使用bind或者live来订阅一个事件(当然1.7以后也可以使用on了),代码如下:$("#myElement").bind('customEventName',function(e){ ... });$(".elementsClass").live('customEventName',function(e){ ... });然后通过如下方式来触发事件:$("#myelement").trigger('customE 阅读全文

用Javascript评估用户输入密码的强度(Knockout版)

2011-11-27 10:40 by 汤姆大叔, 14989 阅读, 收藏, 编辑
摘要: 使用Knockout JavaScript类库实现密码强度的功能(非常简单) 阅读全文