RequireJS入门（三）
这篇来写一个具有依赖的事件模块event。event提供三个方法bind、unbind、trigger来管理DOM元素事件。event依赖于cache模块，cache模块类似于jQuery的$.data方法。提供了set、get、remove等方法用来管理存放在DOM元素上的数据。示例实现功能：为页...
javascript实现的google日历，beehive.calendar.js v0.1
以前给一个学校做一个系统，其中有个日程安排的功能。后来基于那个版本自做了个类似google日历的工具（现在的google日历已经变样了）。最近想把这个工具好好的重新写一下，在重写前，先把以前的代码给大家分享一下吧。界面展示： 月视图<script type="text/javascr...
检测input每次的输入是否合法遇到汉字输入就有问题，如何判断汉字是否已经输入到input内？？？
检测input每次的输入是否合法遇到汉字输入就有问题，如何判断汉字是否已经输入到input内？？？记录一下资料，就这几天测试一下 然后发布成果XML/HTML代码<inputtype="text"value="xxx"id="xx"o...
Javascript处理DOM元素事件
DOM元素都有一些标准事件，一般使用时只要使用onclick=function的方式就可以了，但是当需要为DOM元素添加多个事件，删除事件，或在用Javascript封装控件的时候，为封装的控件添加自定义事件的时候，onclick=function的方式就不够用了，但是浏览器有addEventLis...
现代化的JavaScript项目make工具：Package.js
Package.js项目地址：http://code.google.com/p/package-js/Package.js是一个很方便的JavaScript包依赖管理及Make工具。它的设计目标是使浏览器端的JavaScript Component/App 开发更加模块化。如果您只是在开发一个小型的...
JavaScript基本编码模式
1. 变量定义// 一般写法var a = 0;var b = 1;var c = 'xxx';// 推荐写法var a = 0, b = 1, c = 'xxx';2. 尽量使用字面量// 一般写法var obj = new Object(); obj.a = &#...
RequireJS入门（二）
上一篇是把整个jQuery库作为一个模块。这篇来写一个自己的模块：选择器。为演示方便这里仅实现常用的三种选择器id，className，attribute。RequireJS使用define来定义模块。新建目录结构如下这次新建了一个子目录js，把main.js和selctor.js放入其中，requ...
Javascript Closure, Execution Context and Activation Object
如今，许多编程语言都提供了对闭包的支持，我认为闭包的好处可以归结为两点：一是作用域控制，闭包相对提供了更灵活的作用域控制，可以方便的访问和保存up-value(out-value)；再一点就是更简洁的代码，常见的情形就是遍历时的匿名函数。另一方便，闭包的支持，也引进了复杂，因其灵活与强大，在具体使用...
javascript模块加载器：beehive.js v0.1
我做的几个项目中的js文件越来越多，用到的一些插件需要导入一大堆js/css文件。一不小心还会出现：“-----is not defined ”。 于是自己写了个加载器：beehive.js。beehive.js的特点：按需加载、依赖加载；小巧，压缩以后只有：1.27KB；使用简单。Beehive(...
解决jquery 的datepicker 的本地化以及Today问题
1、本地化 可以直接加载文件，也可以直接在script后面加入如下语句 jQuery(function ($) { $.datepicker.regional['zh-CN'] = { closeText: '关闭', prevText: '<...
RequireJS入门（一）
RequireJS由James Burke创建，他也是AMD规范的创始人。RequireJS会让你以不同于往常的方式去写JavaScript。你将不再使用script标签在HTML中引入JS文件，以及不用通过script标签顺序去管理依赖关系。当然也不会有阻塞（blocking）的情况发生。好，以一...
中文前端UI框架Kit（八）无插件异步文件上传组件源码解析
号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题 上一篇介绍了上传组件的用法，以及api，这一篇，我们通过代码分析，从原理上给大家做下讲解 demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#...
JavaScript进阶之理解篇
一、函数声明与函数表达式1、函数声明之后，可以在声明之前调用，也可以在声明之后调用，因为所有的函数声明(包括var声明的变量)都会在代码执行之前就加载到作用域中，函数名其实是一个Function类型的对象的引用，声明函数时函数名其实也就被赋值了；2、而函数表达式则不同，函数表达式是将函数赋值给一个变...
jQuery-瀑布流-浮动布局（一）(延迟AJAX加载图片)
瀑布流：这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。浮动布局:即HTML结构的列，是用浮动方式。[哇哦-淘宝]http://wow.taobao.com/在线实例!一、功能分析： 1.判断图片是否进入可视区域； 2....
{} 与 function() { } ， 选用空对象{}来存放keyValue
虽说js里面什么都能当对象，也能用填鸭式方法任意给对象添加属性，属性赋值.但是有些js内置的对象，类型属性也是没办法覆盖的。贪多必失，写了一个用操作url 的js工具类，这个类上面有个属性叫queryString，我原来的做法是让queryString=function(){} ，想法是希望能够qu...
Ext4.1下desktop桌面快捷方式和开始菜单的动态绑定
以前一直用ext2.0,最近刚好有个项目要做个web桌面,于是就下了个4.1,想体验下新的功能~4.1相比2.0,变化还是不少,2.0的desktop以前也实现过~所以对ext的desktop的还是有一定的概念~通过一个下午的努力!实现想要的效果~桌面快捷方式实现比较简单,只需将app.js的sho...
面向对象Javascript核心支持代码
JQury框架绝对是页面开发的首选，代码短小强悍，缺点就是面向对象特性不足，所幸有不少插件!至于Ext就是一个庞然大物了，高度面向对象，类似于MFC的庞大API和控件库，运行起来，浏览器就累得够呛，开发也够呛，使用代码来创建界面绝对是个糟糕的方式，Javascript的弱语言类型使得Ext开发就像行...
Javascript面向对象的多态特性
Javascript已经可以模拟出面向对象的封装和继承特性，但是不幸的是Javascript对多态特性的支持非常弱！其它面向对象语言的多态一般都由方法重载和虚方法来实现多态，Javascript也通过这两种途径来实现！ 重载：由于Javascript是弱类型的语言，而且又支持可变参数，当我们定义重载...
[javascript]图解+注释版 Ext.extend()
Ext.extend() 体现了程序员非凡的制造轮子的能力。基于 javascript 古老的对象模型，最大程度地模拟出现代面向对象语言的类型继承的语意。为了达到更好的可读性，我更改了部分变量名称，加上了详细的注释...