javascript学习方法

精品文档 2016 全新精品资料 全程指导写作 独家原创 1 / 119 习方法 篇一：学习 最佳方法 学练 最佳方法 20116:21 雕工天狼 译 言网我要评 论 (2)字号： T |T 你为 学练 定的蓝 图 、路线 、行动 计 划 !你不必担心找不到最好的关 源，先整理些不好的关 源，再确定下一步 应 学什么 。遵循它，一步 一步 来。 练 新的东 西是件可怕的事。对 我来详 ，掌握一选 新技能最大的问 问 是，我不知道自己 懂什么 。鉴 于此，定个计 划，学练 你感兴 趣的东 西应 应 会有用。这 篇文章的主旨就是：你为 学练 定的蓝 图 、路线 、行动 计 划 !你不必担心找不到最好的关 源，先整理些 不好的关 源，再确定下一步 应 学什么 。遵循它，一步 一步 来。任务 0：了解什么 是 1荐专 问 ：门 在你真正络 始学练 前，花一分钟 了解一下什么 是 有哪些功能。 是 它们 不同，它是一种 独立的编 程语 言。 浏 浏 器语 言 (尽管实 在不完全是 )。主要目的是给 静态 页 面增加交互性。在浏 浏 器里，它不会为 你更换 不会更改你的 可以把它们 串在一起使用。另外，它没有你想的那精品文档 2016 全新精品资料 全程指导写作 独家原创 2 / 119 么 难 学。 补 充详 明：你应 应 听过 可能是被使用最广泛的 。也许 你还 听详 过 其他比较 流行 的 架，比 如 等。可以将它们 们 一看做 助工具集 ; 当你使用它们 的习 候，你还 在写 都是些很抽象的 会让 你事半功倍。 “你甚至可能听到有人详 ，你应 应 先学 其他库 )再学 很尊重他们 但完全不同意 这 种 详 法。先把 好再用其他库 ，你会发 实 你会做的更好 ;结 果就是，你会编 写更好的 任务 1：通过 点的课 程来学练 一个相对 较 新的网站，其广告语 是“最易学的编 码 方法”。目前，应 网站仅 有两个课 程，“初级 编 程”和“ 速入门 指南”。沉浸在 是种 不错 的体验 。跟 练 非常相似，你会学到简 短的课 程、在浏 浏 器里编 码 ，然后看结 果。得到全部分数、打络 成就徽 章。 (种 为 简 简 快捷的面向对 象编 程 (面向对 象程序设 计 )而创 的 脚本语 言。 ) 如果你已熟悉了另 一种 编 程语 言，你也许 可以先学“ 速入门 指南” ;如果这 是您第一次编 程 ( 外 )，你会发 实 “初精品文档 2016 全新精品资料 全程指导写作 独家原创 3 / 119 级 编 程”课 程相当有用。 一家免费 网站，但需要注册。 任务 2： 屏方法 视 有一套特别 适合初学者的截屏方法。 如果你想用正确 (容易 )的方法学练 练 这 些课 程绝 对 管用。视 觉 视 练 视 是有效的 ! “用我 们 提供的点播内容、务 实 的视 练 解 决方案来提升自己的技能。无需注册、无需绑 定、绝 不忽悠。” 任务 3：须 谢 一本好的关 于 详 明书精品文档 2016 全新精品资料 全程指导写作 独家原创 4 / 119 一旦你通过 的课 程来学练 ，你就会想搞到一本关 于 详 详 详 明书 介绍 所 有的类 型、运算符、控件架构等等。 如果可以的话 ，我来介绍 几个好的详 明书 ： 再详 这 本详 明书 可在 发 者网络 上找到，语 言公正 。这 本书 内容很丰富，有很多代码 实 例和文段 介绍 。 应 书 由 写，可免费 在线 须 谢 ，如果你想弄个 硬拷贝 可以上亚 亚 亚 网站购 购 。它比 明更详 详 ，因为 它不仅 涵盖了 言，而且包括编 码 码 格以及在浏 浏 器里使用 然，“ 非言过 其实 。 ( 雄辩 的、口 若悬 河的 ) 没错 ，这 本书 是我写的，但是我介绍 这 本书 是另有原 因的。它跟我在前面介绍 的两本详 明不同 ;在这 本书 里我只介绍 了编 程人员 快速掌握编 程技巧所需要的部 分。此外，它还 附带 超过 6 个小习 的截屏视 视 ，因此，想要就去看看吧。 (当然，这 本不是免费 的。 ) 安装、 工具 ) 任务 4：安装、学练 络 发 人员 工具 ) 一旦你络 始在浏 浏 器里使用 需要安装 熟悉它的性能。 一款用 于 插件，它能精品文档 2016 全新精品资料 全程指导写作 独家原创 5 / 119 帮你创 建和调 试 网页 ：对 网页 络 发 者来详 ，它就像外科医生的手术 刀。如 果你不用 欢 者 么 么 ?没问 问 ：可以查 找类 似 内置络 发 人员 工 具。 “你可以在 址栏 里按选 选 +命令 +I 或者按快捷关 I ，来打络 设 计 工具面 板。” 通过 打络 你选 的工具，只需在你喜欢 的其中一个网站上点击 点击 ，你就会学到很多东 西。这 里有 一些能加速你学练 的关 源： 站和维 基百科 明你应 应 在 上使用 10 大理由。 白带 到黑带 ， 站 ()设 计 工具设 计 工具网 站 ：由 组 的浏 浏 器设 计 工具 浏 器设 计 工具： 快 速络 发 12 技巧 任务 5：谢 一本有关 书 籍实 在你已经 熟悉了些基础 知识 ，但是还 有很多东 西要学。尽管我推荐的一些书 可能会让 你破 产 ，但你会发 实 任何习 候我都会推荐 4 本高质 量的书 ：前两本是一般的、较 深入的 源，它们 会让 你从简 介到较 深层 次逐步 理解 ;当然，简 介 里会有一些重叠的详 精品文档 2016 全新精品资料 全程指导写作 独家原创 6 / 119 明，但不多 ：刚 好让 你看起来很舒服。 (注：虽 然这 些书 在亚 亚 亚 网站能购 到，我已 经 经 接了出版商的网站，因此，你能看看范例章节 。 ) 级 程序设 计 - . 写，这 本书 涵盖了它能涵盖的所有内容。如果你以前看过 任何作品，你会发 实 他是个 不折不扣的天才。除了涵盖了 言，这 本书 还 能让 您在浏 浏 器里很好的使用 4由 撰，应 作者也写过 它不仅 仅 是一本 书 ：还 附带 了一张 张 达四小习 的教学光碟。全书 共 43 节 课 ，涉 及编 码 句法指导 和代码 码 化。 虽 然这 些 书 非常适合编 程人员 学练 言以及如何在浏 浏 器中使用这 些语 言，但是学无止境。虽 然这 些 书 的确进 入了一些模式和实 练 中，我再推荐两本我认 为 有用的书 。 1) 。我也是刚 刚 谢 完这 本书 ，我真希望能尽快谢 完它。在谢 过 上面的关 源之后，你可以 学到如何编 写 是这 本书 会教你如何对 关 源进 行重组 ，这 选 技能很重要，并非如你想象般 简 简 。 2) - 。应 书 介绍 了 码 缺 点。 精品文档 2016 全新精品资料 全程指导写作 独家原创 7 / 119 做些事情 ! 任务 6：做些事情 ! 在学练 完上述关 源后，你应 应 已经 经 试 了一些代码 码 本：修改 代码 、整合代码 看看会怎么 码 。但是 是习 候让 自己休息一下，做点东 西出来了。 你能做什么 呢 ?你能做很多东 西。这 里有一些意见 。1) 图 片 库 ：显 示一套图 片缩 略图 和主图 。当用户 点击 缩 略图 的习 候，要用较 大的缩 略图 (不是原缩 略图 )替代当 前的主图 。如果你能覆盖缩 略图 记 的标 问 就奖 励积 分，或是在用户 一分钟 内未点击 的习 候进 行图 片循环 。 2) 待么 列表：听起来有点难 ，我也不打算推荐你制作一个完整的待么 列表。只需要做一个 文本 框并在其旁放上按钮 ;点击 按钮 的习 候，已输 入的文字会在一个无序列表下面变 成一个选 目。点击 列表选 目便可移除。这 听起来很容易，但有几个陷阱，对 初学者来详 仔详 想想还 是很有好处 的。 3) 动 画框：动 画其实 是小把戏 而已，并不需要弄得太复 复 。做一个包含了少许 文本的 上要有若干按钮 。一个按精品文档 2016 全新精品资料 全程指导写作 独家原创 8 / 119 钮 用来调 整宽 度，一个用来调 整高度 ;还 有一个用来调 整背景颜 色。关 关 是不要让 更改发 生得太快，但在 一秒钟 之内。记 住， 你的朋友，特别 是如果 迄今为 止你还 未用 任何动 画的话 。 我相信你能想到其他的很好的练 练 的计 划。当然，学练 的唯一方法是把自己从安乐 乐 里拽出来。“此 外，在所有的技能水平上，确保 别 在 有大量教程列表。” (一个专 注于提供网络 络 发 教程的网站。 )任务 7：络 始学练 如何使用 如果你学到了这 个地步 ，就会意识 到有些 写任务 很难 (或根本不能 )通过 跨浏 浏 器的方 式实 实 。最可能违 违 的便是过 量的 作， 动 画。这 也就是为 什么 我们 需要 的 原因。 正如我前面提到的，一个 的详 详 内容犹如减轻 痛苦的蜜糖。因此，实 在有必要来 看一下。这 里有大量库 供你选 选 ，我会让 你自己决定从哪个络 始。无论 是 是 是 们 各自的网站会为 你提供络 始学练 习 你所需要的一切信息。如果你觉 得用得着就来试 试 吧 。 最流行的库 ： 虽 然很容易得到大量的库 ，你还 是应 应 选 一个受精品文档 2016 全新精品资料 全程指导写作 独家原创 9 / 119 欢 迎的 至少排名第一。 务 8：紧 随大师 的步 伐 有很多令人难 以置信的 才，他们 一直在做些很酷的东 西，你一定不想错 过 。值 得庆 幸 的是，我们 的工作狂 主编 已经 搞到一份 33 名设 计 人员 列表，要想成为 一名 烧 友你就必须 须 须 它。扔下 手头 的工作，须 须 /跟随这 些设 计 人员 。这 是必须 要做的。 但是，你还 能做 更多事情。这 个公平网站经 常发 布关 于 信息，所以不要走络 。此外，关 注 一档全世界关 于 新最大的播客。你可能还 想注册 子周刊简 简 。 还 想 要 更 多 吗 ? 关 注 。 最后 谢 须 谢 此文 !真 诚 的希望它能帮你成为 一名 好者。如果你已对 熟悉，你可以在评 论 中推荐其他任何相关 关 源。 原文：独家原创 10 / 119 篇二： 习技巧 背景及简介 一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也 是一种广泛用于客户端 发的脚本语言， 常用来给 页添加动态功能， 比如响应 用户的 各种操作。它最初由网景公司 （ 计，是一种 动态、弱类型、基于原型的语言，内置支持类。 司的注册商标。 际以 基础制定了 准。 可以用于其他场合，如服务 器端编程。完整的 现包含三个部 分： 档对象模型，字节顺序记 号。 司 在 最 初 将 其 脚 本 语 言 命 名 为 与 作之 后将其改名为 初受 发而开始设计的，目的之一就是“看上 去像 因此语法上有类似之处，一些名称和命名规范也借自 主要设计原则源自 。 称上的近似，是当时网景为了 营销考虑与 司达成协议的结果。为了取得技术优势，微软推出了 本语言。 精品文档 2016 全新精品资料 全程指导写作 独家原创 11 / 119 际 （前身为欧洲计算机制造商协会）创建了 准（ 现 两者都属于 实现。尽管 为给非程序人员的脚本语言，而非是 作为给程序人员的编程语言来推广和宣传，但是 有非常丰富的特性。 前身是 式 名 称 ： 准 ， 基 于 网 景（ 司提出 言和微软公司提出的 言 始于 1996 年，在 1997 年 7 月，采纳了首个版本， 1998 年，该标准成为了 国际 准精品文档 2016 全新精品资料 全程指导写作 独家原创 12 / 119 作者介绍 兰登 艾奇（ 1964 年）， 发明人，从 2007 年开始在 司担任首席技术长官（ 开发工具在如今网络开发方面， 了很关键的作用；像 等 架以及其它 库让我们的生活轻松了不少。 但是随着 面世及迅速应用，书写更强大，更坚实可靠的 需要日益迫 切。精品文档 2016 全新精品资料 全程指导写作 独家原创 13 / 119 序是纯文本的，且不需要编译，所以任何纯文本的编辑器都可以编辑 件。基本语法 1. 数据类型（ a) 三种主要数据类型、两种复合数据类型和两种特殊数据类型 1) 主要（基本）数据类型是： 字符串、数值、布尔 2) 复合（引用）数据类型是： 对象、数组 3) 特殊数据类型是： b) 测试是否已经声明变量 x ： 1) x) = / 作某些操作 2. 变量（ a) 如果在 没有初始化变量的值，则默认为 b) 可以不用 申明一个变量，但是在过程级中申明一个变量时，就必须用 对了 . c) 当要声明一个变量 并进行初始化，但又不想指定任何特殊值，可以赋值为 面给出示例。 d) 如果声明了一个变量但没有对其 赋值 ，该变量 存在 ，其值为 面给出示例。 e) 在 主要区别是 操作象数字 0，而 操作象特殊值 不是一个数字） 对 和 。 作 比较总是相等的。 f) 运算与结果：数值与字符串相加将数值强制转换为精品文档 2016 全新精品资料 全程指导写作 独家原创 14 / 119 字符串。布尔值与字符串 相加，将布尔值强制转换为字符串。数值与布尔值相加，将布尔值强制转换为 数值。 g) 要想显式地将字符串转换为整数，使用 法。要想显式地将字符串 转换为数字，使用 法。请注意，比较大小时字符串自动转换为 相等的数字，但加法（连接）运算时保留为字符串。 3. 内置对象（ a) 组 b) 尔值 c) 间 d) 数 e) 局 f) 学 g) 字 h) 象 i) 则 j) 误 k) 符串 4. 运算符 a) 算术运算符精品文档 2016 全新精品资料 全程指导写作 独家原创 15 / 119 运算符 +运算符说明加法 x+y 示例示例说明如果 x 为字符串 y 为字符串 x+y 则等于 / %减法 乘法 除法 两者相除求余数 x*y x/y x%y 如果 x 等于 10, y 等 于 3 , x%y 结果等于 1+递增 x+如果 x 等于 10, x+ 等于 11y 等于 10, 9b)赋值运算符 运算符运算符说明赋值 x=5 示例示例说明将整数 5 这个值赋 给变量 辑运算符 运算符 =运算符说明等于 x=x 等于 2, y 等于 2,则 x=y=全等于 (值相等 ,数据 类型也相等 )x=y 如果 x 等于整数 2,y 为字符串 2,则 x=y 不成立 = y x=y X 1精品文档 2016 全新精品资料 全程指导写作 独家原创 16 / 119 | !或 (非 (x=8 | y =8 !(x=y)5. 条件判断和选择（ a) 条件判断 1) 语法 =1)/这个小括号里是条件 正确” );/条件成立执行此处 错误” );/条件不成立执行此外 b) 选择分支 1) 语法 a)/判断条件 : /当条件值等于 1 时，执行分支 1 ; : /当条件值等于 2 时，执行分支 2 ; /所有条件都不满足，执行此处 ; 6. 循环（ a) 环 1) 语法 ，写 死循环 循环” ); b) 环 1) 语法 = 0;I 通过函数对象的性质， 可以很方便的将一个函数赋值给一个变量或者将函数作 为参数传递。在继续讲述之前，先看一下函数的使用语法： a) 使用语法： ) ) ; ) ; ; 这些都是声明函数的正确语法。 它们和其他语言中常见的函数或之前介绍的函精品文档 2016 全新精品资料 全程指导写作 独家原创 17 / 119 b)数定义方式有着很大的区别。那么在 为什么能这么写？它所遵 循的语法是什么呢？下面将介绍这些内容。 认识函数对象（ 可以用 键字定义一个函数，并为每个函数指定一个函数名， 通过 函数名来进行调用。 释执行时， 在 函数都是被维护为一个对象， 这就是要介绍的函数对象（ 。 函数对象与其他用户所定义的对象有着本质的区别， 这一类对象被称之为内部 对象，例如日期对象（ 、数组对象（ 、字符串对象 （ 都属于内部对象。这些内置对象的构造器是由 身所定义的：通 过执行 这样的语句返回一个对象，部有一套机制 来初 始化返回的对象，而不是由用户来指定对象的构造方式。 在 ，函数对象对应的类型是 如数组对象对应的 类型是 日期对象对应的类型是 样， 可以通过 来创建一个函数对象，也可以通过 键字来创建一个对象。为了便 于理解，我们比较函数对象的创建和数组对象的创建。8. 注释 a) 单行注释 /这里的内容是注释内容，运行时被忽略 b) 多行注释 /*这里的内容是注释内容，运行时被忽精品文档 2016 全新精品资料 全程指导写作 独家原创 18 / 119 略 */ 9. 规范 a) 每行语句结束后要加 ;号 b) 适当使用 进行缩进高级部分 1. 档对象模型） 以以一种独立于平台和语言的方式访问和修改一个文档的内容和结 构。换句话说，这是表示和处理一个 档的常用方法。有一点很 重要，设计是以对象管理组织（ 规约为基础的，因此可以用于 任何编程语言。最初人们把它认为是一种让 浏览器间可移植的方法， 不过 应用已经远远超出这个范围。 术使得用户页面可以动态地变 化，如可以动态地显示或隐藏一个元素，改变它们的属性，增加一个元素等， 术使得页面的交互性大大地增强。 际上是以面向对象方式描述的文档模型。 义了表示和修改文 档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把 为是页面上数据和结构的一个树形表示， 不过页面当然可能并不是以这种树的方式 具体实现。 通过 可以重构整个 档。您可以添加、移除、改变 或重排页面上的项目。精品文档 2016 全新精品资料 全程指导写作 独家原创 19 / 119 要 改变页面的某个东西， 需要获得对 档中所有元素 进行访问的入口。这个入口，连同对 素进行添加、移动、改变或移除的 方法和属性，都是通过文档对象模型来获得的（ 。 在 1998 年， 布了第一级的 范。这个规范允许访问和操作 面中的每一个单独的元素。 所有的浏览器都执行了这个标准，因此， 兼容性问题也几乎难觅踪 影了。 被 来读取、 改变 及 档。 分为不同的部分 （核心、 和级别 （ ） 。 2. 获取页面元素 a) ， 得 到 单 个 元 素 b) ，得到数组 c) ， 得 到 数 组 d) ， 得 到 数 组 e) 获取文档中 元素下的 素 3. 用操作 a) 修改元素的 性 i. 精品文档 2016 全新精品资料 全程指导写作 独家原创 20 / 119 “ ) “ ; b) 修 改 图 片 的 性 i. “ ) “ ; c) 修改 性 i. ) “ ; 4. 事件 a) 一般常用事件事件 览器支持 2|述 鼠标点击事件， 多用在某 个对象控制的范围内的 鼠标点击 4|O 4|O 4|O 2|4|O 3|4|O 鼠标双击事件 鼠标上的按钮被按下了 鼠标按下后， 松开时激发 的事件 当鼠标移动到某对象范 围的上方时触发的事件 鼠标移动时触发的事件 当鼠标离开某对象范围 时触发的事件 当键盘上的某个键被按 下并且释放时触发的事 件 .注意 :页面内必须有精品文档 2016 全新精品资料 全程指导写作 独家原创 21 / 119 被聚焦的对象 4|O 当键盘上某 个按键被按 下时触发的事件 注意 : 页面内必须有被聚焦的 对象 4|O 当键盘上某个按键被按 放开时触发的事件 注 意 :页面内必须有被聚焦 的对象 b)页面常用事件事件 览器支持 2|述 页面内空完成传送到浏 览器时触发的事件， 包括 外部文件引入完成 c)表单常用事件事件 览器支持 2|述 当前元素失去焦点时触 发 的 事 件 鼠标 与 键 盘 的触发均可 2|前元素失去 焦点并且 元素的内容发生改变而 触发的事件 鼠标与键 盘的触发均可 2|3|2|某个元素获得焦点时 触发的事件 当表单中 属性 被激发时触发的事件 一个表单被递交时触发 的事件精品文档 2016 全新精品资料 全程指导写作 独家原创 22 / 119 篇三：如何正确学习 何正确学习 然你找到这篇文章来，说明你是真心想学好 。你没有想错，当今如果要开 发现代网站或 用 （包括互联网创业） ， 都要学会 而面对泛滥的 线学习资源，却是很难找到一份高效而实用的方法去学习这个“ 代的语言”。有一点需要注意， 几年前我们需要知道一个真正的服务器端语言 （比如 者 去开发可扩展， 动态的， 数据库驱动的 用， 而现在只用 可以实现了。学习时长： 6 8 周学习前提：中学水平，无需编程经验在 创建了一个学习小 组 014， “ 面的课程大纲提供了一个结构化和富有启发性的学习线路，从初学者到有所建树，把 对学透。不要这样学习 要一开始就埋头在成堆的 线教程里 ，这是最糟糕的学习方法。或许在看过 无数个教程后会有点成效， 但这样不分层次结构地学习一个东西实在是十分低效， 在实际用 立网站或 用时你还是会频繁的卡住。总的 来说，这种学习方法会让人 不知道如何将语言当做工具来使用 当精品文档 2016 全新精品资料 全程指导写作 独家原创 23 / 119 做个人工具来用。精品文档 2016 全新精品资料 全程指导写作 独家原创 24 / 119 另外，也许有人会建议从尊敬的 父 的 言精粹开始学习 而，虽然 生对 所不知，被誉 为 界的爱因斯坦，但他的 言精粹并不适合初学者学习。这 本书没有通透、清晰、明了的阐述 核心概念。但对于更高级的学 习路线，我 倒会建议你看看 生的视频。还有，不要只从 网站学习 为即使知道怎么编写一大堆 码小片段，还是不能学会怎么建立一个 用程序。即便如此，在后面我 还是会建议把 做补充的学习资源。本课程资源更新： 户 8 号在 建立了一个学习小组。他和其他组员都 非常积极和乐于助人。 我建议你加入这个小组， 他们会让你保持积极性且 帮助你更好的学习 竟独自折腾 是有点难度的。链接： S 在以下两本书中选一本， 第一本比较适合有编程经验的人， 而另一本则适合完全没有编程 经验的初学者。 我个人推荐第一本书， 因为作者对各个知识点都阐述得非常好且涵盖了一些 高级 识点。但是，精品文档 2016 全新精品资料 全程指导写作 独家原创 25 / 119 要看懂这本书你至少要对 发有一定的基本了解。所 以，如果你有一点点编程经验或者 发 经验（不一定是 那就买这本书 吧。 o o o 纸质版（英文） ：质版（中文） ： 级程序设计 (第 3 版 ) （英文）： 2016 全新精品资料 全程指导写作 独家原创 26 / 119 （中文）： 级程序设计 (第 3 版 )如果你没有编程经验，可以买这本： o o o o ?纸质版（英文） ： 质版（中文） ：威指南 (第 6 版 ) （英文）：（中文）：威指南（原书第 6 版）免费注册 是一个编程领域的问答论坛。在这里提问题得到的回答比 好，哪怕你的问题非常基础，看起来很傻（记住，从来没有愚蠢的问题）。 ? ?免费注册 是一个在 线学习平台，你可以直接在浏览器里面写代码。 的一些博文，包括对象，闭包，变量的作用域和提升，函数等等。 习路线完成整个课程大纲需要花上 68 周的时间，将学会完整的 言（包括 一些 如果你没有时间在 6 个星期里完成所有的课程（确实比较有挑战性）， 尽量不要超过 8 个星期。花的时间越长，掌握和记忆各种知识点的难度就越大。 1 2 周 (简介，数据类型，表达式和操作符 )1. 如果你还不是很了 解 成 的 础任务。 2. 阅读 威指南或者 级程序设计的前言和第 12 章。 精品文档 2016 全新精品资料 全程指导写作 独家原创 27 / 119 3. 十分重要：在书中遇到的每个样例代码都要动手敲出来并且在火狐或 览器控制 台中跑起来、尽量蹂躏它（做各种