javascript 培训公开课 分享·学习
TRANSCRIPT
![Page 1: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/1.jpg)
JavaScript – 分享 · 学习
![Page 2: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/2.jpg)
正文页文字区域
请在此区域放置文字 请在此区域放置文字 请在此区域放置文字 请在此区域放置文字
请在此区域放置文字 请在此区域放置文字 请在此区域放置文字 请在此区域放置文字
请在此区域放置文字 请在此区域放置文字 请在此区域放置文字 请在此区域放置文字
刘遵强 | [email protected]
![Page 3: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/3.jpg)
![Page 4: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/4.jpg)
为什么我总是学不会?
为什么我总是学不好?
为什么我总是遇到 BUG ?
为什么我写的代码我自己都不敢确认!
为什么我总是没有一丝的思路?
![Page 5: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/5.jpg)
![Page 6: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/6.jpg)
![Page 7: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/7.jpg)
初学者入门 入门 AJAX 非常详细 我所认为最棒的学习 JavaScript 书
籍
看懂了这本你就能理解 Jquery 的设计模式
一定基础看 活字典 课外阅读 JS 构架师必看
![Page 8: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/8.jpg)
让 JS
变为群众手里的尖锐武器
![Page 9: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/9.jpg)
学习 JS 第一步
![Page 10: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/10.jpg)
![Page 11: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/11.jpg)
学会理解 js 中字面量的含义
![Page 12: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/12.jpg)
1.setAttribute : 设置属性样式
分解单词: set( 设置 )+ Attribute [ə'tribju:t, 'ætribju:t] (属性)
2.getAttribute: 获取属性样式
分解单词 : get( 得到 )+Attribute (属性)
3. addEventListener: 监听事件,指定事件处理程序操作
分解单词 : Add: 增加 event: 事件 Listener: 监听器
4.removeEventListener: 删除事件处理程序操作
分解 :remove :删除
5.getComputedStyle: 获取外部样式表中的样式
![Page 13: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/13.jpg)
![Page 14: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/14.jpg)
小结
•初级阶段学习,看一本 JS 书,一周之内看完,粗略的看一遍,第二遍要细致 并多做书中的练习,看书的时候觉得很简单,但一定要多做书中的练习。
•学会提问题?多做笔记,把一些常用的 JS 用法记录下来
•书不要太厚,推荐-DOM 不懂先看 javascriptDOM 编程艺术 -Ajax 不懂先看 Bulletproof Ajax- 基础 不懂先看 ppk 谈 javascript ,
![Page 15: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/15.jpg)
学习 JS 第二步
![Page 16: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/16.jpg)
理解 JS 字面量 , 让你 JS 编程事半功倍
![Page 17: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/17.jpg)
盲人摩象 庖丁解牛
理解 JS 运行机制,如:预解析和作用域
![Page 18: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/18.jpg)
学习 JS 第三步
![Page 19: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/19.jpg)
命名—规范的写法很重要
![Page 20: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/20.jpg)
命名•驼峰命名法 ( 如 doMoveStart())
•使用符合逻辑的单词为变量和函数命名 - 不要担心长度•变量名称应该是名词 , 使用正确的前缀- i:int 类型 o:Object 类型 s:String 类型 a:Array 类型
•函数名应该用动词开头 ( 如: getName())
•函数返回值为布尔值应该用’ is’ 开头( 如: isValid())
•避免无用的名字 , 如 foo 和临时工qbe_value
![Page 21: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/21.jpg)
— 超文本标记语言
![Page 22: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/22.jpg)
![Page 23: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/23.jpg)
![Page 24: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/24.jpg)
— 为用户提供丰富的网络体验
![Page 25: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/25.jpg)
—Boot to Gecko
手机操作系统, 3 秒开机启动解锁
![Page 26: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/26.jpg)
http://www.eveonline.com/universe/spaceships/magnate/#spaceships-of-eve-tab
http://www.hiwebgl.com/
![Page 27: Javascript 培训公开课 分享·学习](https://reader033.vdocuments.mx/reader033/viewer/2022061609/558969ebd8b42a88268b469d/html5/thumbnails/27.jpg)
2012 年 06 月 12 日