chaojidan

摘要： 前端架构从MVC到MVP，再到MVVM，它们都有不同的应用场景。但MVVM已经被证实为界面开发最好的方案了。MVP是从经典的模式MVC演变而来，它们的基本思想有相通的地方：Controller/Presenter负责逻辑的处理，Model提供数据，View负 责显示。作为一种新的模式，MVP与MVC... 阅读全文

摘要： var Utils = function(){};Utils.text = { stripTags: function (val) { return val.replace(/]+>/gi, ""); //正则表达式中的]+其实就是匹配不是>的任何一个或多个字... 阅读全文

摘要： 使用此验证插件，我们只需要新建一个实例对象，同时传入一个json对象就行了，这里我们只传入了两个属性：checkItem和callback。下面的代码解析，我们就按照这个例子来。var verify =new Validator({ checkItem:[ ... 阅读全文

摘要： jQuery设计思想：（1）选择页面元素css选择器：$(document) 选择整个文档对象， $("#myId") 选择id为myId的页面元素， $("div.myClass")选择class为myClass的div元素jQuery特有的选择器：$("a:first")选择页面中第一个a元素，... 阅读全文

摘要： jQuery UI是jQuery官方提供的功能效果和UI样式。作为官方出的东西，它一直没有被人们看重，一是它没有datagrid，tree等UI库必备的东西，二是它修改太过频繁，体积庞大。其实它所有以ui开头的插件都来自开源社区，为了统一它们的接口，jQuery花了很长的时间。在jQuery1.9中... 阅读全文

摘要： 我们先来看一个最简单的例子：(function($){ $.fn.extend({ //把此插件添加到jQuery的原型上 pluginName:function(){ //插件的名字 return this.each(function(){ //遍历匹配元素的集合 ... 阅读全文

摘要： 为什么要进行模块化开发？1.当你写了一个这样的comm.js文件时，里面有function tab(){}方法，这时，你给你的同事用，你同事把这个comm.js引入页面后，在页面上又写了一个function tab(){}，这时，就会覆盖你在comm.js中的tab方法。因为这个同事不知道你comm... 阅读全文

摘要： 由于低版本浏览器不支持css3 animation，因此我们需要根据浏览器来选择不同的动画引擎。如果浏览器支持css3 animation，那么就使用此动画引擎，如果不支持，就使用javascript的动画引擎。首先，我们看一下判定条件，方便切换。前面说过，浏览器把所有事件类型的构造器放在windo... 阅读全文

摘要： animation是css3的另一个重要的模块，它成型比transition晚，吸取了Flash的关键帧的理念，实用性高。animation是一个复合样式，它可以细分为8个更细的样式。（1）animation-name为@keyframes动画（以@keyframes开头的样式规则，我们称为关键帧样... 阅读全文

摘要： W3C中对transition是这样描述的：允许css的属性值在一定的时间内平滑的过渡，也就是说，以动画的效果改变css的属性值。transition主要包含4个属性值：transition-property：样式名；transition-duration：持续时间；transition-timin... 阅读全文