The document discusses object-oriented programming concepts in JavaScript, specifically as they relate to the MooTools framework. It introduces MooTools and some of its core features, including class-based inheritance using the Class method, common data types like Array and String, and element manipulation through the Element class. It also briefly mentions other JavaScript frameworks and provides some examples of using MooTools methods and classes.

1. OO.javascript
with Mootools

2. OO & js.prototype
{} & prototype ready for javascript.OO
OO:

3. OO & js.prototype
function(

4. js.framwork
jQuery
YUI
Prototype
Dojo
Mootools
... ... ...

5. js.framwork

6. js.framwork

7. Mootools.DataType
Array
String
Number
Function
Object
Event

8. Element Type
(Element Node) DOM
Ele.getElement(‘.abc’) //return class=‘abc’
Ele.getElements(‘.abc’) // return []
Ele.getParent(‘.par’) // return parent.par

9. Mt include & weight
DataType:Arr Str Num Fun Obj Event
Browser:(BOOL) Browser.xxx;
Element:ele.get(‘text’) & ele.set(‘text’,‘hello world’)
Class: new Class({}); // Mootools

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

11. new Class

12. eg:Interseting API
ele[form].toQueryString();
JSON.decode //return obj
JSON.encode // return string
Fx
Chain

13. Classes

14. after OO

15. The end