《《javascript基础与案例开发》01-2》由会员分享，可在线阅读，更多相关《《javascript基础与案例开发》01-2（30页珍藏版）》请在金锄头文库上搜索。
1、第二节 开发体验,Javascript基础与案例开发,基础案例开发与详解,回顾,理解C/S、B/S、RWC、RIA的概念 Javascript语言的发展历程 Javascript有哪些语言特性? Javascript运行需要哪些环境? 解析机制分为哪两个阶段? Javascript会遵循哪些执行顺序? Javascript开发环境有哪些?,基础案例开发与详解,开发体验,第一个Javascript程序HelloWorld 网页中嵌入Javascript 编码规范 程序调试,基础案例开发与详解,第一个Javascript程序HelloWorld,第一个Javascript程序HelloWorld浏
2、览器不支持Javascript,或禁用Javascript,基础案例开发与详解,Web Developer,基础案例开发与详解,网页中嵌入Javascript,script元素 外部引用脚本 脚本引用的关联性 解决Javascript文件冲突 script标签的位置,基础案例开发与详解,Script元素,script标签的属性 必选属性 type 可选属性src、language、defer、runat type的属性值(默认值是javascript) application/ecmascript、 application/javascript,基础案例开发与详解,外部引用脚本,方法 使用sc
3、ript标签的src属性 何时使用外部引用 代码安全 代码维护 代码重用 代码缓存,基础案例开发与详解,代码引用的关联性,所谓关联性是指，多个Javascript外部文件之前存在某种联系，如变量或对象之前的共享等。,基础案例开发与详解,script标签的位置,浏览器是顺序执行的，建议将标签置于与之间，或者写在与之间。,基础案例开发与详解,编码规范,Javascript文件规范 代码缩进 代码长度 变量声明 函数声明 标识符命名 语句 代码注释,空行分隔代码块 空格稀释代码 嵌套与缩进 换行与缩进 花括号的位置 空结构格式 单结构格式,基础案例开发与详解,Javascript文件规范,W3C标准
4、倡导结构、表现与行为分离原则，Javascript应该独立保存为文件。 导入外部Javascript文件时一般应置于头部区域，若文件较大，影响带宽，非必需立即加载的，可考虑置于文档后面。,基础案例开发与详解,代码缩进,缩进的单位应该使用空格，避免使用【Tab】键缩进，【Tab】键值在各种编辑器环境定义不一。,基础案例开发与详解,代码长度,每行长度保持80个字符以内。超过长度应该换行，换行应该找到最佳断行点，避免歧义，考虑在表达式之间或运算符之后。 if( ( a ,基础案例开发与详解,变量声明,使用变量之前，必须先声明； 变量声明应代码块顶部或函数首部； 变量单独声明，每个声明占一行； 变量声
5、明最好加注释说明； 变量声明可按一定顺序排序； 少使用全局变量； 避免局部变量覆盖全局变量。,基础案例开发与详解,函数声明,函数使用前应声明； 函数体应缩进4个空格； 匿名函数function与小括号间应该留空格。,基础案例开发与详解,标识符命名,标识符名称应以小写字母开头； 构造函数或类名，应该保持首字母大写。,基础案例开发与详解,语句,对于简单语句，每行最多包含一条语句； 语句结束习惯使用分号，并且要使用得当。,基础案例开发与详解,代码注释,单行注释 自/起至行尾视为注释内容； 可以置于行尾或独立一行注释； 置于代码前一行，与代码有相同缩进； /与注释内容之间保持一个空格。 多行注释 使用
6、/*与*/进行注释,基础案例开发与详解,空行分隔代码块,适当添加空行，把代码块与语句行分开。,基础案例开发与详解,空格稀释代码,一元运算符间不需要空格：var a = +b; 二元和三元运算符间适当添加： var a = b + c; a ? b : c 括号内侧不要添加额外空格 表达式内不要使用连续的两个或多个空格,基础案例开发与详解,嵌套与缩进,多层嵌套应该遵循多层缩进原则： while(true)if(a)break; ,基础案例开发与详解,换行与缩进,单行语句换行显示，后续行应该缩进一层。如： var a = b + c + d + e +f + g + h + i;,基础案例开发与详
7、解,花括号的位置,K ,基础案例开发与详解,空结构格式,function f() function f() ,基础案例开发与详解,单结构格式,if(true) alert(true);if(true)alert(true);if(true)alert(true); ,基础案例开发与详解,程序调试,简单的调试可以使用alert(); 断点调试要使用工具，具体看演示。,基础案例开发与详解,异常处理,IE和FF都支持Exception对象，但描述信息属性不同。 IE：Exception包含number和description属性 FF：Exception包含name和message属性,基础案例开发与详解,try/逻辑代码 catch(e)if(e.description)alert(e.description);if(e.message)alert(e.description); ,网页中嵌入Javascript有哪些方式？ Javascript代码编写中应遵循哪些规范？ 代码的工具调试过程需要哪些步骤？ 异常处理使用不当会造成什么恶果？,小结,
