SlideShare uma empresa Scribd logo
1 de 41
浅析 JavaScript - 渔
正文页文字区域

请在此区域放置文字 请在此区域放置文字 请在此区域放置文字 请在此区域放置文字

请在此区域放置文字 请在此区域放置文字 请在此区域放置文字 请在此区域放置文字

请在此区域放置文字 请在此区域放置文字 请在此区域放置文字 请在此区域放置文字




        刘遵强   | liuzunqiang@staff.hexun.com
为什么我总是学不会?

为什么我总是学不好?

为什么我总是遇到 BUG ?

为什么我写的代码我自己都不敢确认!

为什么我总是没有一丝的思路?
我所认为最棒的          看懂了这本你就能
初学者入门   入门 AJAX 非常详细
                       学习 JavaScript   理解 Jquery 的设计模式
                           书籍




一定基础看      活字典           课外阅读            JS 构架师必看
让




  JS
  变
尖为
锐 群
武众
器 手
 里
 的
学习 JS 第一步
学会理解 js 中字面量的含义
1.setAttribute : 设置属性样式

分解单词: set( 设置 )+ Attribute [ə'tribju:t, 'ætribju:t] (属性)

2.getAttribute: 获取属性样式

分解单词 : get( 得到 )+Attribute (属性)

3. addEventListener: 监听事件,指定事件处理程序操作

分解单词 : Add: 增加 event: 事件 Listener: 监听器

4.removeEventListener: 删除事件处理程序操作

分解 :remove :删除

5.getComputedStyle: 获取外部样式表中的样式
小结

• 初级阶段学习,看一本 JS 书,一周之内看完,粗略的看一遍,第二遍要细致
  并多做书中的练习,看书的时候觉得很简单,但一定要多做书中的练习。

• 学会提问题?多做笔记,把一些常用的 JS 用法记录下来



• 书不要太厚,推荐
-DOM 不懂先看 javascriptDOM 编程艺术
-Ajax 不懂先看 Bulletproof Ajax
- 基础 不懂先看 ppk 谈 javascript ,
学习 JS 第二步
理解 JS 字面量,让你 JS 编程事半功
盲人摩象       庖丁解牛




理解 JS 运行机制,如:预解析和作用域
提问:变量 a 的值? ?
详情链接: http://www.iundefined.com/development/483.html
学习 JS 第三步
命名—规范的写法很重要
命名
• 驼峰命名法 ( 如 doMoveStart())
• 使用符合逻辑的单词为变量和函数命名
 - 不要担心长度
• 变量名称应该是名词 , 使用正确的前缀
- i:int 类型     o:Object 类型
   s:String 类型 a:Array 类型
• 函数名应该用动词开头 ( 如: getName())
• 函数返回值为布尔值应该用’ is’ 开头
( 如: isValid())
• 避免无用的名字 , 如 foo 和临时工
松散耦合 Loose Coupling




               适合阅读     利于调试



                  可扩展
不要在 HTML 中写 JavaScript
不要轻易的修改一个 Object
假如这个对象不是你所定义的,请不要修改它
定义全局函数或者变量
减少全局变量污染,创建单一的全局变量,附上一些方法属性
尝试扔出一些报错
假如你知道函数可能会报错
尝试扔出一些报错
假如你知道函数可能会报错
避免 null 比较
避免 null 比较
使用已知的一种类型比较
避免 null 比较
• 使用 typeof 对基本类型比较
数据类型有 undefined,boolean,number,string

-typeof true       // boolean
-typeof undefined //undefined
-typeof 0          //number
-typeof ‘text’     //string

• 使用 instanceof 对引用类型比较 object
数据类型有 Object Function Array( 数组是集合的一种也是一种对象 ) null
-window instanceof Object
-var fn= new Function();fn instanceof Function
-var a=[]; a instanceof Array
重述
记住
• 至少看一本以上的 JS 书籍,不推荐看很厚,但一定要有看过。

• 工作中学习是最快的。

• 理解 JS 的运行规则,熟悉浏览器是如何单线程解析 JS ,
  理解基本原理,熟知编程语言

• 强烈的要求:优秀的编码习惯。

• 编程的时候多思考松散耦合。

• 尝试学习数据结构,算法,优化。

• 坚持不断的进步,至少你要保证这节课对你是有用的!
问题?
作业
1. 封装动画


2. 封装 ajax
2012 年 06 月 12 日

Mais conteúdo relacionado

Semelhante a Javascript 培训第一节 分享·学习javascript过程

Javascript 培训公开课 分享·学习
Javascript 培训公开课 分享·学习Javascript 培训公开课 分享·学习
Javascript 培训公开课 分享·学习liziqi7
 
Javascript进阶编程
Javascript进阶编程Javascript进阶编程
Javascript进阶编程iflytek
 
我要活下來 - Ruby Junior 工程師的存活術
我要活下來 - Ruby Junior 工程師的存活術我要活下來 - Ruby Junior 工程師的存活術
我要活下來 - Ruby Junior 工程師的存活術Li Hsuan Hung
 
Servlet & JSP 教學手冊第二版 - 第 6 章:使用 JSP
Servlet & JSP 教學手冊第二版 - 第 6 章:使用 JSPServlet & JSP 教學手冊第二版 - 第 6 章:使用 JSP
Servlet & JSP 教學手冊第二版 - 第 6 章:使用 JSPJustin Lin
 
构建可维护的Javascript 小米网
构建可维护的Javascript 小米网构建可维护的Javascript 小米网
构建可维护的Javascript 小米网yang alex
 
文學通的開發心路歷程
文學通的開發心路歷程文學通的開發心路歷程
文學通的開發心路歷程建銘 廖
 
Ch06 使用 JSP
Ch06 使用 JSPCh06 使用 JSP
Ch06 使用 JSPJustin Lin
 
Javascript template
Javascript templateJavascript template
Javascript templateKai Cui
 
淘宝网前端开发面试题
淘宝网前端开发面试题 淘宝网前端开发面试题
淘宝网前端开发面试题 Lumend
 
Java SE 7 技術手冊投影片第 06 章 - 繼承與多型
Java SE 7 技術手冊投影片第 06 章 - 繼承與多型Java SE 7 技術手冊投影片第 06 章 - 繼承與多型
Java SE 7 技術手冊投影片第 06 章 - 繼承與多型Justin Lin
 
000 北京圣思园教育科技有限公司第一期面授培训大纲
000 北京圣思园教育科技有限公司第一期面授培训大纲000 北京圣思园教育科技有限公司第一期面授培训大纲
000 北京圣思园教育科技有限公司第一期面授培训大纲ArBing Xie
 

Semelhante a Javascript 培训第一节 分享·学习javascript过程 (15)

Javascript 培训公开课 分享·学习
Javascript 培训公开课 分享·学习Javascript 培训公开课 分享·学习
Javascript 培训公开课 分享·学习
 
Javascript进阶编程
Javascript进阶编程Javascript进阶编程
Javascript进阶编程
 
我要活下來 - Ruby Junior 工程師的存活術
我要活下來 - Ruby Junior 工程師的存活術我要活下來 - Ruby Junior 工程師的存活術
我要活下來 - Ruby Junior 工程師的存活術
 
Servlet & JSP 教學手冊第二版 - 第 6 章:使用 JSP
Servlet & JSP 教學手冊第二版 - 第 6 章:使用 JSPServlet & JSP 教學手冊第二版 - 第 6 章:使用 JSP
Servlet & JSP 教學手冊第二版 - 第 6 章:使用 JSP
 
构建可维护的Javascript 小米网
构建可维护的Javascript 小米网构建可维护的Javascript 小米网
构建可维护的Javascript 小米网
 
Java bytecode
Java bytecodeJava bytecode
Java bytecode
 
文學通的開發心路歷程
文學通的開發心路歷程文學通的開發心路歷程
文學通的開發心路歷程
 
Ch06 使用 JSP
Ch06 使用 JSPCh06 使用 JSP
Ch06 使用 JSP
 
getPDF.aspx
getPDF.aspxgetPDF.aspx
getPDF.aspx
 
getPDF.aspx
getPDF.aspxgetPDF.aspx
getPDF.aspx
 
Javascript template
Javascript templateJavascript template
Javascript template
 
淘宝网前端开发面试题
淘宝网前端开发面试题 淘宝网前端开发面试题
淘宝网前端开发面试题
 
Java SE 7 技術手冊投影片第 06 章 - 繼承與多型
Java SE 7 技術手冊投影片第 06 章 - 繼承與多型Java SE 7 技術手冊投影片第 06 章 - 繼承與多型
Java SE 7 技術手冊投影片第 06 章 - 繼承與多型
 
000 北京圣思园教育科技有限公司第一期面授培训大纲
000 北京圣思园教育科技有限公司第一期面授培训大纲000 北京圣思园教育科技有限公司第一期面授培训大纲
000 北京圣思园教育科技有限公司第一期面授培训大纲
 
正则指引
正则指引正则指引
正则指引
 

Javascript 培训第一节 分享·学习javascript过程

Notas do Editor

  1. look