《EXT使用DEMO及JavaScript使用约定规范.docVIP

EXT使用DEMO及JavaScript使用约定规范（V1.0） 版本：第1次修订 编制：王帅 2010年8月20日发布 2010年8月21日实施 紫光软件系统有限公司 广电行业事业部 2010-8 文档初始化 文档名称 EXT使用DEMO及JavaScript使用约定规范 创建人 王帅 文档文件名称 EXT使用DEMO及JavaScript使用约定规范.doc 创建时间 2010-8-10 版本号 V 1.0 提交时间 文档修订 备注：修改类型表示为： A - 增加 M - 修改 D - 删除 编号 版本 变更描述（包括：变更的图、表、段落号，标题或简单描述） 提交时间 修改者 修改类型 A，M，D 1 1.0 初始化文档 2010/8/10 王帅 A  目录 2 JavaSctipt和Ext介绍 4 2.1 JavaScript简介 4 2.2 Ext简介 4 2.2.1 使用Ext的要求 4 2.2.2 Ext简单入门 4 3 JavaScript使用约定及规范 6 3.1 约定之前需要知道 6 3.2 常见的JavaScript使用约定 6 3.3 系统中使用的JavaSctipt使用约定 6 3.4 系统中使用JavaScript的规范 6 3.4.1 文件 6 3.4.2 变量、常量、方法名 7 3.4.3 方法 7 3.4.4 标点符号的使用 7 3.4.5 排版、注释 7 3.4.6 顺序 8 3.5 代码范例 8 4 ExtDemo简介及部署 9 4.1 Demo简介 9 4.2 Demo文件结构 9 4.3 Demo部署环境、部署方法及源代码查看 10 5 JavaScript IDE的使用 10 6 JavaScript调试 11 6.1 常用调试方法 11 6.2 使用FireBug,IE8开发者工具等调试 12  JavaSctipt和Ext介绍 JavaScript简介 JavaScript(以下简称js)是完全符合ECMA标准的一种编程语言。Js是一种解释型的，基于对象的脚本语言，js不能编写独立的应用程序，她只能在某个宿主(容器)上运行，如IE浏览器，FireFox浏览器等。 Js是一种宽松类型的语言，但是不代表她没有类型，她的类型比较自动，转换也是自动完成。 Ext简介 Ext是基于js的一套框架，其丰富的组件和充实的功能获取了大批web程序员的喜爱。其使用简单，将本身非面向对象的js语言封装成面向对象形式的框架，使得程序简单易懂，学习掌握更加快速和容易。 Ext作为一种富客户端的框架，使得程序员摆脱web设计的苦恼，不用掌握太多设计技巧就可以制作出绚丽多彩的页面应用。 Ext作为成熟的Js框架，具有十分丰富的中英文文档，查询和检索起来十分方便。 Ext的使用并不是很复杂，大致分为容器组件(Panel, window, toolbar等,即可以显示在页面上的元素)和工具/数据类(store,reader 等，即供程序使用，在页面上没有具体呈现的) 。 在使用Ext框架的时候，应该及时查看API文档，里面很详尽，并且有很多实用的例子。遇到不会的问题请先查看API文档，基本上，80%的问题可以通过API文档进行解决。 使用Ext的要求 对JavaScript、html、dom、css有个基本了解和运用 Ext简单入门 首先去/download下载ext的发布包，当前最新版本是3.2 包里所含目录： Adaptoer目录下放置的是EXT的核心代码和底层库，包括Jquery、Prototype和Yui的适配器。 Build目录下放置的是EXT压缩后的代码，体积更小，加载更快。 Docs下是EXT的文档，俗称API。 Examples目录下是官方发布的演示示例。 Resources目录下是EXT用到的所有图片文件和样式文件。 Source目录下是EXT源码文件，未经压缩过的。 ext-all.js是ext核心库，必须引进。 基本应用需要导入的css： resources\css\ext-all.css 需要导入的js: adapter\ext\ ext-base.js ext-all.js 其中文件名包含 –debug.js 的文件为未经混淆的js文件，体积比常规文件要大，在项目正式开发完成之后，有必要把 –debug.js文件使用常规文件替换来提升页面的加载速度。  JavaScript使用约定及规范 约定之前需要知道 Js区分大小 Js脚本必须嵌在Html当中 Js独立于Html之外，所以脚本中不能包含Html标签