javascript培训程序.pptVIP

EXTJS 一.设计思想 1.组件化 2.推进RIA应用 二.优点 1.强大的性能优良的UI 2.速度快，组件化 3.文档完整 三.缺点 1.稍复杂 2.体积大，压缩后500k 3.重量级 维基比较 /wiki/Comparison_of_JavaScript_frameworks JS网址和书籍的介绍 网址： / 开源软件网址 / 脚本之家网址 / /javascript/promising_javascript_frameworks/ 书籍： 1.深入浅出javascript. 2.Javascript权威指南 Thanks! * * * * * * JS介绍与其框架比较 主讲人：黄超 日期：2013-05-10 ★js基本介绍 ★如何创建一个对象 ★js中的事件介绍 ★前端调试方法 ★js的常用框架比较 ★js网站和书籍介绍 javascript的基本介绍 一.脚本语言 ●.动态 ●.弱类型 ●.基于原型 二. ECMAScript 第一种：采用new Object（）方法 script language=javascript type=text/javascript !– person = new Object()； = “Tim Scarfe” ； person.height = 6Ft person.run = function(){ this.state = running this.speed = 4ms^-1 } //-- /script 第二种，json形式： script language=javascript type=text/javascript !-- // Object Literals timObject = { property1 : Hello, property2 : MmmMMm, property3 : [mmm, 2, 3, 6, kkk], method1 : function(){alert(Method had been called + perty1)} }; timObject.method1(); alert(timOperty3[2]) // will yield 3 var circle = { x : 0, y : 0, radius: 2 } // another example var rectangle = { upperLeft : { x : 2, y : 2 }, lowerRight : { x : 4, y : 4} } alert(rectangle.upperLeft.x) // will yield 2 //-- /script Copyright ? 2004 ESRI. All rights reserved. 第三种：采用构造器和prototype来构建对象 script language=javascript type=text/javascript !– function cat(name) { = name; this.talk = function() { alert( + say meeow! ) } } cat1 = new cat(felix); cat1.talk(); //alerts felix says meeow! cat2 = new cat(ginger); cat2.talk(); //alerts ginger says meeow! //-- /script script language=javascript type=text/javascript !– totype.changeName = function(name) { = name; } firstCat