摘要：
首先聊聊观察者模式(Observer Pattern)，这个非常好理解在GoF的原文中是这样描述观察者模式的：One or more observers are interested in the state of a subject and register their interest with the subject by attaching themselves. When something changes in our subject that the observer may be interested in, a notify message is sent which cal 阅读全文
2013年8月6日
摘要：
r.js本是RequireJS的一个附属产品，支持在 NodeJS、Rhino 等环境下运行AMD程序，并且其包含了一个名为 RequireJS Optimizer 的工具，可以为项目完成合并脚本等优化操作。r.js 的介绍中明确写道它是 RequireJS 项目的一部分，和 RequireJS 协同工作。但我发现，RequireJS Optimizer 提供了丰富的配置参数，可以让我们完全跳出 AMD 和 RequireJS 程序的束缚，为我们的前端程序服务。RequireJS Optimizer 常规用法首先，简单介绍一下 RequireJS Optimizer 的“正派”用法 (以 No 阅读全文
摘要：
这篇介绍下怎么使用Gruntjs来搭建一个前端项目，然后使用grunt合并，压缩JS文件。大概有如下步骤新建项目Bejs新建文件package.json新建文件Gruntfile.js命令行执行grunt任务一、新建项目Bejs源码放在src下，该目录有两个js文件，selector.js和ajax.js。编译后代码放在dest，这个grunt会自动生成。二、新建package.jsonpackage.json放在根目录下，它包含了该项目的一些元信息，如项目名称、描述、版本号，依赖包等。它应该和源码一样被提交到svn或git。 现在的项目结构如下package.json内容需符合JSON语法规 阅读全文
摘要：
Gruntjs是前端项目构建工具，基于node的命令行工具。很多公司或者js项目都是用gruntjs来搭建，例如jQuery，twitter，Qunit等。主要功能有：合并文件压缩html/js/css/图片文件语法检测单元测试（基于Qunit）watch功能相对于Ant的打包工具，grunt更加灵活，语法采用json，比xml语法更加简洁，作为前端工程师可能更喜欢写json。GruntJS的安装Grunt是基于nodejs的，所以安装GruntJS之前，需要保证你的电脑有nodejs环境，node环境比之前安装简单多了，现在windows平台只需要下载node安装程序，一路next就可以了。 阅读全文
摘要：
Java世界里的Maven提供了强大的包依赖管理和构建生命周期管理。在JavaScript的世界里，随着Node.js的流行，JavaScript原生的构建工具已经成为可能。Grunt.js是基于Node.js的自动化任务运行器。Grunt.js结合NPM的包依赖管理，完全可以媲美Maven。Grunt.js天然适合前端应用程序的构建——不仅限于JavaScript项目，同样可以用于其他语言的应用程序构建。越来越多的JavaScript项目已经在使用Grunt，其中最大的使用者包括著名的jQuery项目。Grunt的生态系统在迅速的成长，目前已经有上百种插件发布在NPM上可供选择。同时，任何人 阅读全文
摘要：
png透明AlphaImageLoaderfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true：默认值。滤镜激活。false：滤镜被禁止。sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。crop：剪切图片以适应对象尺寸。image：默认值。增大或减小对象的尺寸边界以适应图片的尺寸。scale：缩 阅读全文
摘要：
1. float样式属性IE syntax:document.getElementById("test").style.styleFloat = "left";FF syntax:document.getElementById("test").style.cssFloat = "left";2.获取计算之后的元素样式IE syntax:var element = document.getElementById("test"), elementStyle = element.currentStyl 阅读全文
摘要：
JavaScript Patterns 参考引用地址：http://www.cnblogs.com/TomXu/archive/2012/03/13/2374789.html 阅读全文
摘要：
window.onkeypress=function(e){ var event = e || window.event, //在ff下event会做为参数传进来，ie下会在window下 keyCode = event.which || event.keyCode， //e.which是ff下获取keyCode的方式，ie下使用e.keyCode获取 charCode = event.charCode; } 阅读全文
