OO.javascriptwith Mootools

11年5月26日星期四

OO & js.prototype

语言设计:

{} & prototype ready for javascript.OO

OO: 封装 继承 多态

11年5月26日星期四

OO & js.prototype

语言设计:

function(封装 继承)

多态-javascript本身做的很不好

11年5月26日星期四

js.framworkjQuery

YUI

Prototype

Dojo

Mootools

... ... ...

11年5月26日星期四

js.framwork

我们都是用不同的框架做同样的事情

哪个framework:让编程变得愉悦.

^_^ 说下愉悦过程....

11年5月26日星期四

js.framwork.同质化

jQuery bind event {}

older:$(`#id`).mouseover().mouseout()

famous up line code!

11年5月26日星期四

Mootools.DataTypeArray

String

Number

Function

Object

Event

11年5月26日星期四

Element Type

(Element Node) DOM

Ele.getElement(‘.abc’) //return class=‘abc’

Ele.getElements(‘.abc’) // return []

Ele.getParent(‘.par’) // return parent.par

11年5月26日星期四

Mt include & weightDataType:Arr Str Num Fun Obj Event

Browser:(BOOL) Browser.xxx;

Element:ele.get(‘text’) & ele.set(‘text’,‘hello world’)

Class: new Class({}); // Mootools的核心

Fx: Fx;Fx.Morph();Fx.Tween()

Request:Request;Request.JSON();Request.HTML();

Utilties: Cookie JSON Swiff

Reading 129k || YUI compressor 78k || Gziped 25k

11年5月26日星期四

new Class

创建一个新类: var abc = new Class({});

继承这个类,新类:

var cc = new Class({extend:abc});

abc.extend({});

11年5月26日星期四

new Class

视觉的封装和更强的功能

解决了很多麻烦的东西,比如:

var self=this 使用 .bind(this)方法

演示一个new class

11年5月26日星期四

eg:Interseting API

ele[form].toQueryString();

JSON.decode //return obj

JSON.encode // return string

Fx

Chain

11年5月26日星期四

Classes 沉淀其实，我可以快速写一个功能，然后用一次。在下次使用的时候，在重新写，或者把代码copy过来，改改，久而久之，这种方法会感觉很 恶习。后来我改变了编码思想。

遇到要解决的问题，我就编写个class.然后把方法的塞进去，下次再遇到相同或者类似的时候，我或者直接调用之前的class,或者 继承这个class,覆盖其中的一个方法就可以解决问题了。

last: model层就会边的很充足.不之不觉中就会积累自己的类库.写代码就会变得更加愉悦.

11年5月26日星期四

after OO

在我们使用OO思想来组织编码习惯后，慢慢的，我们js的代码库中，剩下的就是 很多的class. 这些类有功能性的，有model形式的，而且几乎所有的class都可以复用。

慢慢的，程序员就会变得很懒,这是好事儿.

11年5月26日星期四

The end

懒人改变世界

11年5月26日星期四