1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON BUCHHOLTZ-AU： 没事大家。 3 00:00:12,340 --> 00:00:13,520 欢迎回到节。 4 00:00:13,520 --> 00:00:15,315 这是我们倒数第二部分。 5 00:00:15,315 --> 00:00:16,542 它是如此伤心。 6 00:00:16,542 --> 00:00:19,500 我不知道我该怎么办 没有看到你们每星期一。 7 00:00:19,500 --> 00:00:20,970 我想我们应该just-- 也许我们可以只 8 00:00:20,970 --> 00:00:22,710 满足这里吃饭什么的。 9 00:00:22,710 --> 00:00:23,270 我不知道。 10 00:00:23,270 --> 00:00:24,370 我会带食物来代替。 11 00:00:24,370 --> 00:00:26,290 我们只是说说而已。 12 00:00:26,290 --> 00:00:29,900 但是，是的，下周会 是我们的最后一节。 13 00:00:29,900 --> 00:00:32,390 >> 关于这一点，你必须在下周测验。 14 00:00:32,390 --> 00:00:35,660 我知道我忘了做我的一样， 2周提前通知上周， 15 00:00:35,660 --> 00:00:39,140 但希望你们 知道这是未来。 16 00:00:39,140 --> 00:00:42,880 但愿这是最后一个 期中考试为你们的学期。 17 00:00:42,880 --> 00:00:46,950 但它要覆盖所有的 我们已经讨论了材料。 18 00:00:46,950 --> 00:00:50,811 所以它不喜欢你可以忘记 大约四个环或变量。 19 00:00:50,811 --> 00:00:52,560 因为我们了解到 那些在开始的时候， 20 00:00:52,560 --> 00:00:55,870 这些都是很明显 公平的游戏为你的测验。 21 00:00:55,870 --> 00:01:00,150 >> 这将是相同的格式，同一 长度，所以你已经习惯了。 22 00:01:00,150 --> 00:01:02,330 还有的将是 手工编码的问题， 23 00:01:02,330 --> 00:01:06,270 也许有些真的假的， 也许一些简短的回答。 24 00:01:06,270 --> 00:01:08,090 所以你应该 熟悉的格式， 25 00:01:08,090 --> 00:01:10,940 特别是如果你采取 在实践的检验。 26 00:01:10,940 --> 00:01:13,950 但正如我在这里说，这是 累积的，但我们肯定 27 00:01:13,950 --> 00:01:17,410 要被聚焦在 事情的起六周。 28 00:01:17,410 --> 00:01:24,050 因此，我们可能不会 问你有多少字节 29 00:01:24,050 --> 00:01:26,180 在每个类型或 这些各种各样的事情， 30 00:01:26,180 --> 00:01:29,730 但我们很可能会成为 感兴趣的东西像链表， 31 00:01:29,730 --> 00:01:32,750 或者不同的数据结构， 或不同的算法 32 00:01:32,750 --> 00:01:33,960 我们已经讲过了。 33 00:01:33,960 --> 00:01:38,990 所以一定要确保你真的 了这些，如果你 34 00:01:38,990 --> 00:01:41,590 需要什么资源， 这里有大量的资源。 35 00:01:41,590 --> 00:01:44,790 我只是给了你一种 的快速列表出现。 36 00:01:44,790 --> 00:01:48,330 >> 下周将是竞猜 在此期间，检讨。 37 00:01:48,330 --> 00:01:52,290 所以，如果你有任何问题， 或特定的主题， 38 00:01:52,290 --> 00:01:56,180 在测验的具体的事情， 你想去了，请 39 00:01:56,180 --> 00:02:01,780 他们提前发送给我时间让我可以 种准备一些材料说。 40 00:02:01,780 --> 00:02:06,310 而除了这 节评审，我们将 41 00:02:06,310 --> 00:02:09,616 也可以拿着课程范围 回顾像我们做最后一次。 42 00:02:09,616 --> 00:02:11,490 它的将是 由同一人来完成。 43 00:02:11,490 --> 00:02:13,030 我不知道这是否 令它变得更好或更坏， 44 00:02:13,030 --> 00:02:15,670 但它会是我， 汉娜，Davan和加布了。 45 00:02:15,670 --> 00:02:18,630 所以，如果你要来看看 我们所有的戏谑与对方 46 00:02:18,630 --> 00:02:21,270 并引导您完成测验 检讨，你一定要 47 00:02:21,270 --> 00:02:22,600 来，下周一也。 48 00:02:22,600 --> 00:02:26,210 所以你只要有一个周一果酱 包装测验检讨，这是很好的 49 00:02:26,210 --> 00:02:29,840 因为你有周二 处理过的一切。 50 00:02:29,840 --> 00:02:32,230 >> 但绝对做检查 这些资源。 51 00:02:32,230 --> 00:02:36,030 Study.csv.net是迄今为止，我 认为，最有用的， 52 00:02:36,030 --> 00:02:37,990 主要是因为它具有 大量的示例代码， 53 00:02:37,990 --> 00:02:40,490 它拥有所有的电源点 与它所有的笔记， 54 00:02:40,490 --> 00:02:44,510 这是真的是我最画 从我的部分材料。 55 00:02:44,510 --> 00:02:47,480 如果有什么事在以前的 我可能已经派出部分 56 00:02:47,480 --> 00:02:49,920 你可能没有 得到，只是让我知道。 57 00:02:49,920 --> 00:02:52,520 就像上周的示例代码， 如果任何人都没有拿到， 58 00:02:52,520 --> 00:02:55,930 只是给我发电子邮件或来跟我说话， 我会确保你得到那个。 59 00:02:55,930 --> 00:03:02,000 >> 所以用的是，今天我们 要谈论的JavaScript。 60 00:03:02,000 --> 00:03:04,690 所以在这里我们汤米，我是谁 只是说你昨晚。 61 00:03:04,690 --> 00:03:06,670 我喜欢汤米。 62 00:03:06,670 --> 00:03:09,040 JavaScript是他的最爱 语言，他说在这里。 63 00:03:09,040 --> 00:03:14,050 他们会试图告诉你，这是 不是最好的，他们将是错误的。 64 00:03:14,050 --> 00:03:16,510 所以，汤米是一个JavaScript高手。 65 00:03:16,510 --> 00:03:19,850 我不太在他的 的水平，但我当时想， 66 00:03:19,850 --> 00:03:22,900 “汤米，我怎么教 这些孩子的JavaScript？“ 67 00:03:22,900 --> 00:03:26,700 所以，我得到了一些小窍门，让 希望他们的工作了。 68 00:03:26,700 --> 00:03:31,140 >> 所以，有两件事情知道的是， JavaScript是一种客户端脚本 69 00:03:31,140 --> 00:03:35,560 语言，因此而PHP是什么 我们认为更多的服务器端， 70 00:03:35,560 --> 00:03:39,280 它被上传到服务器， 编译和执行存在。 71 00:03:39,280 --> 00:03:42,871 执行这一 在自己的机器。 72 00:03:42,871 --> 00:03:43,370 好不好？ 73 00:03:43,370 --> 00:03:46,960 所以，你加载一些JavaScript页​​面， 而且你的机器上执行。 74 00:03:46,960 --> 00:03:49,910 语法非常类似于C和PHP。 75 00:03:49,910 --> 00:03:52,490 我们将通过 JavaScript的一些实例中， 76 00:03:52,490 --> 00:03:56,740 而你要看到， 我们谈论的变量的方式，循环， 77 00:03:56,740 --> 00:03:58,910 和条件都十分相似。 78 00:03:58,910 --> 00:04:00,500 好不好？ 79 00:04:00,500 --> 00:04:04,490 他们是如此的相似事实 可能会绊倒一些你 80 00:04:04,490 --> 00:04:08,529 起来，在某些情况下，仅仅是因为 你会加入的C一点点 81 00:04:08,529 --> 00:04:09,570 那里不应该有。 82 00:04:09,570 --> 00:04:14,130 也许你尝试输入一些东西 当它不应该被键入。 83 00:04:14,130 --> 00:04:16,540 >> 而上，一件事 知道的是，JavaScript的 84 00:04:16,540 --> 00:04:19,360 是一种动态类型 语言，如PHP。 85 00:04:19,360 --> 00:04:21,410 所以，如果你们还记得 从节最后一周， 86 00:04:21,410 --> 00:04:23,680 当我们是那种做 我们的PHP速成班， 87 00:04:23,680 --> 00:04:28,860 我们看到了一个字符串人能怎么会有 变成一个int之一，等等。 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 你的变量的类型 在运行时确定， 90 00:04:34,850 --> 00:04:38,180 所以他们可能会改变过 该程序的过程中， 91 00:04:38,180 --> 00:04:43,109 并以同样的方式，我们从未 真的申报类型PHP变量， 92 00:04:43,109 --> 00:04:45,900 我们将做同样的 这里的事情，我们是不是真的 93 00:04:45,900 --> 00:04:49,740 控制我们的变量的类型， 可以这么说，就像我们在C. 94 00:04:49,740 --> 00:04:52,200 >> 然后一件事 这是很酷的 95 00:04:52,200 --> 00:04:54,090 你可以错误 通过控制台检查， 96 00:04:54,090 --> 00:04:57,240 与这个伟大的功能 的console.log，这 97 00:04:57,240 --> 00:05:00,930 允许您打印出不同 变量或对象，我们将 98 00:05:00,930 --> 00:05:01,750 谈论的话题。 99 00:05:01,750 --> 00:05:05,720 就像上周我 像“，使用此功能，”有倾倒 100 00:05:05,720 --> 00:05:10,490 从你的PSET这是一个函数 要使用，的console.log。 101 00:05:10,490 --> 00:05:12,860 我很惊讶有多少 学生在办公时间 102 00:05:12,860 --> 00:05:14,530 不知道转储功能。 103 00:05:14,530 --> 00:05:19,010 我当时想，“伙计们，这将 让你的生活变得更轻松。“ 104 00:05:19,010 --> 00:05:22,960 >> 好了，所以这是一种 只是一个简单的事情，一如既往， 105 00:05:22,960 --> 00:05:24,000 我们有例子。 106 00:05:24,000 --> 00:05:25,600 我知道你们爱那些。 107 00:05:25,600 --> 00:05:30,930 因此，这里是一个很的例子 简单的JavaScript文件在这里。 108 00:05:30,930 --> 00:05:34,000 所以它只是要创建 这种弹出，上面写着： 109 00:05:34,000 --> 00:05:36,336 的“hello world”，当你 进入页面，但让我们 110 00:05:36,336 --> 00:05:37,960 试图通过走这一点。 111 00:05:37,960 --> 00:05:43,440 所以，很显然，这只是 喜欢你的正常的index.html。 112 00:05:43,440 --> 00:05:50,280 所以，只要我们正常这里的模板， 我们有HTML，我们有我们的头， 113 00:05:50,280 --> 00:05:55,580 并且就像用CSS，我们如何 包括一些外部文件，对不对？ 114 00:05:55,580 --> 00:05:59,260 我们有一些脚本类型 文本是JavaScript的。 115 00:05:59,260 --> 00:06:02,680 和源是hello.js， 这是到这里。 116 00:06:02,680 --> 00:06:05,630 这是hello.js的整个文件。 117 00:06:05,630 --> 00:06:09,080 然后我们有一些 标题和一些身体HTML 118 00:06:09,080 --> 00:06:11,050 我们真的不关心。 119 00:06:11,050 --> 00:06:15,970 >> 发生的事情是，当我们加载该页面， 它会自动执行该脚本。 120 00:06:15,970 --> 00:06:16,470 好不好？ 121 00:06:16,470 --> 00:06:18,790 所以用JavaScript 自动执行。 122 00:06:18,790 --> 00:06:22,860 所以它会做，这是怎么回事 立刻去执行这个。 123 00:06:22,860 --> 00:06:24,110 而且它会说，“警报。 124 00:06:24,110 --> 00:06:25,190 你好世界。“ 125 00:06:25,190 --> 00:06:30,840 这是警报的功能 实际上产生此框。 126 00:06:30,840 --> 00:06:31,540 好不好？ 127 00:06:31,540 --> 00:06:33,390 因此，它是一种所有活动的内容包括。 128 00:06:33,390 --> 00:06:36,700 没有什么额外的，我们有 这样做除了刚才的警报， 129 00:06:36,700 --> 00:06:40,000 然后不管我们想 在我们的警告框。 130 00:06:40,000 --> 00:06:40,500 好不好？ 131 00:06:40,500 --> 00:06:45,080 所以，这只是一个超级简单 例如什么样的JavaScript可以做。 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> 其中一个很酷 的事情，因为我们将看到， 134 00:06:50,070 --> 00:06:55,150 是，JavaScript允许你 操纵你的网页， 135 00:06:55,150 --> 00:06:57,720 而不必 每次重新加载它们。 136 00:06:57,720 --> 00:07:01,830 因此，如果您want--，例如，如果 您正在上空盘旋的东西， 137 00:07:01,830 --> 00:07:04,300 如果你们曾经有 见过像菜单栏， 138 00:07:04,300 --> 00:07:07,360 或者当你对一些悬停 话题，一个下拉菜单出现， 139 00:07:07,360 --> 00:07:08,670 这是因为JavaScript代码。 140 00:07:08,670 --> 00:07:09,170 好不好？ 141 00:07:09,170 --> 00:07:12,670 所以，你不重装整个 页面获得此菜单显示， 142 00:07:12,670 --> 00:07:17,240 你只是在寻找一些具体的 该用户已采取行动， 143 00:07:17,240 --> 00:07:21,800 这是所谓的事件，我们会得到 成，一旦你看到，你说， 144 00:07:21,800 --> 00:07:25,960 “OK，编辑的东西在这 页面，使它看起来不同， 145 00:07:25,960 --> 00:07:28,270 但只有编辑这些具体的东西。 146 00:07:28,270 --> 00:07:29,690 不要重装整个事情。“ 147 00:07:29,690 --> 00:07:33,110 因此，它实际上是更漂亮，和 你不必重新加载页面， 148 00:07:33,110 --> 00:07:34,510 它真的很酷。 149 00:07:34,510 --> 00:07:38,270 >> 所以变量声明， 所以你可以种看， 150 00:07:38,270 --> 00:07:40,530 我把上面这里，松散类型。 151 00:07:40,530 --> 00:07:42,570 所以这是非常像PHP。 152 00:07:42,570 --> 00:07:48,770 我们不需要告诉 JavaScript的是什么类型的我们 153 00:07:48,770 --> 00:07:50,740 期望每个这些变量的给定。 154 00:07:50,740 --> 00:07:52,560 它们可以是任何类型的，我们想要的。 155 00:07:52,560 --> 00:07:57,480 所以，你在这种情况下注意到，我们声明 他们很简单，只需用“VAR” 156 00:07:57,480 --> 00:08:00,990 然后随心所欲 我们的变量名是。 157 00:08:00,990 --> 00:08:05,680 有一点要注意的是，当你 把VAR在变量名的前面， 158 00:08:05,680 --> 00:08:07,520 在本地作用域它。 159 00:08:07,520 --> 00:08:09,320 好不好？ 160 00:08:09,320 --> 00:08:14,025 这对你完全合理 彻底抹去了var 161 00:08:14,025 --> 00:08:18,970 和公正面前有S等于CS50，以及 这将只是一个全局变量。 162 00:08:18,970 --> 00:08:19,580 好不好？ 163 00:08:19,580 --> 00:08:22,490 所以，你可以初始化这两种方法， 只是取决于你想要的。 164 00:08:22,490 --> 00:08:24,448 因此，如果你初始化 它的功能范围内， 165 00:08:24,448 --> 00:08:28,070 并且希望该变量 保持这种功能范围之内， 166 00:08:28,070 --> 00:08:31,620 你要想做的事 像VAR名的变量， 167 00:08:31,620 --> 00:08:34,270 对，如果你想让它 在全球范围，你 168 00:08:34,270 --> 00:08:36,240 可以做的名字 的变量，然后 169 00:08:36,240 --> 00:08:38,270 无论你想它设置为。 170 00:08:38,270 --> 00:08:40,230 好不好？ 171 00:08:40,230 --> 00:08:45,580 >> 这是一种很酷的事情到这里， 因为如果我们看到我们的变量 172 00:08:45,580 --> 00:08:47,590 B开始了为真。 173 00:08:47,590 --> 00:08:51,280 而这是什么does--能 谁能告诉我这是什么呢？ 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 所以，我们有一些警惕。 176 00:08:55,890 --> 00:09:00,156 什么B型 在开始？ 177 00:09:00,156 --> 00:09:00,905 听众：布尔。 178 00:09:00,905 --> 00:09:01,330 ALLISON BUCHHOLTZ-AU：布尔。 179 00:09:01,330 --> 00:09:01,940 正确的。 180 00:09:01,940 --> 00:09:07,260 然后我们重新分配B 这个字符串，对不对？ 181 00:09:07,260 --> 00:09:11,170 这样的话在这里，有什么B型呢？ 182 00:09:11,170 --> 00:09:12,480 这将会是一个字符串，对不对？ 183 00:09:12,480 --> 00:09:14,900 那么，什么是重要的 通知是，在C，我们 184 00:09:14,900 --> 00:09:17,330 几乎可以永远不会做 类似的东西。 185 00:09:17,330 --> 00:09:22,000 我们得有一个变量， 它转换为别的， 186 00:09:22,000 --> 00:09:27,185 也许做一些功能，用两 我，请从电荷为整数。 187 00:09:27,185 --> 00:09:31,063 但是，如果我们在这里看到，B 很容易变型。 188 00:09:31,063 --> 00:09:33,760 >> 听众：等等，让你可以 像“，使B整数？” 189 00:09:33,760 --> 00:09:34,360 >> ALLISON BUCHHOLTZ-AU：是的。 190 00:09:34,360 --> 00:09:36,185 你可以重新分配B为整数。 191 00:09:36,185 --> 00:09:36,910 >> 听众：真的吗？ 192 00:09:36,910 --> 00:09:38,035 >> ALLISON BUCHHOLTZ-AU：是的。 193 00:09:38,035 --> 00:09:39,810 然后这将是一个int。 194 00:09:39,810 --> 00:09:43,820 所以，你的变量可以通过改变 该程序的过程中也。 195 00:09:43,820 --> 00:09:46,410 它们不是严格类型。 196 00:09:46,410 --> 00:09:49,180 这是非常松散类型。 197 00:09:49,180 --> 00:09:50,820 好不好？ 198 00:09:50,820 --> 00:09:54,820 基本上你的变量可以为所欲为 他们希望，因为我们种看到的PHP。 199 00:09:54,820 --> 00:09:59,430 他们可以做一些疯狂的事情，所以 是相当小心，这很重要。 200 00:09:59,430 --> 00:10:01,200 以及命名您的变量。 201 00:10:01,200 --> 00:10:03,450 如果你做的不是突然，所有的 你要像， 202 00:10:03,450 --> 00:10:05,783 “等等，我认为这是一个 字符串，而现在它是一个int， 203 00:10:05,783 --> 00:10:08,170 我真的不知道 这是怎么回事了。“ 204 00:10:08,170 --> 00:10:12,410 因此，这是只是一个简单的例子 显示如何变量可以轻松 205 00:10:12,410 --> 00:10:15,890 改变其类型超过 程序的过程。 206 00:10:15,890 --> 00:10:16,870 >> 好不好。 207 00:10:16,870 --> 00:10:19,200 所以这应该是 超级，超级熟悉。 208 00:10:19,200 --> 00:10:21,510 因此，这些都是我们在JavaScript中循环。 209 00:10:21,510 --> 00:10:27,780 它们是完全一样的，除了 而不是四个INT I等于零， 210 00:10:27,780 --> 00:10:30,470 我们可以只说无功我等于零。 211 00:10:30,470 --> 00:10:34,100 然后，我们可以有我们的同类 的情况下，同类型的更新， 212 00:10:34,100 --> 00:10:36,090 我加再加上工作得很好。 213 00:10:36,090 --> 00:10:39,800 所以四肢是相同的， 消遣是相同的， 214 00:10:39,800 --> 00:10:41,440 做消遣是完全一样的。 215 00:10:41,440 --> 00:10:44,070 同类型的通用格式。 216 00:10:44,070 --> 00:10:48,840 我们注意到，四，括号， 括号，这都是一样的。 217 00:10:48,840 --> 00:10:51,470 也将有分号 当我们到了示例代码。 218 00:10:51,470 --> 00:10:55,250 你会看到它是相当 大致相同为c。 219 00:10:55,250 --> 00:10:59,770 >> 对于函数声明， 再次，非常相似。 220 00:10:59,770 --> 00:11:05,100 我们有一些功能，仅仅 说，这是一个功能，然后 221 00:11:05,100 --> 00:11:07,660 的名字我们 功能，和输入。 222 00:11:07,660 --> 00:11:11,590 并再次，如果我们注意到，我们 没有此类型的任何。 223 00:11:11,590 --> 00:11:12,090 对不对？ 224 00:11:12,090 --> 00:11:18,150 我们什么都没有说这些 必须是整数或双打，或浮动。 225 00:11:18,150 --> 00:11:19,530 他们可以为所欲为。 226 00:11:19,530 --> 00:11:23,560 重要的是注意到该 我们需要预先编写函数 227 00:11:23,560 --> 00:11:26,430 让JavaScript的知道， 这其实是一个函数。 228 00:11:26,430 --> 00:11:29,820 >> 所以，这只是一些简单的相加 函数返回x或y， 229 00:11:29,820 --> 00:11:33,800 然后什么也很酷 是，你实际上可以 230 00:11:33,800 --> 00:11:35,950 分配的功能的变量。 231 00:11:35,950 --> 00:11:41,770 所以在这种情况下，总和是现在 函数实际上做总和。 232 00:11:41,770 --> 00:11:47,740 所以，如果你在这里看到，我们有 功能，函数名，输入。 233 00:11:47,740 --> 00:11:48,860 对不对？ 234 00:11:48,860 --> 00:11:52,120 在这里，我们只是功能和投入。 235 00:11:52,120 --> 00:11:54,310 所以，这就是所谓的匿名函数。 236 00:11:54,310 --> 00:11:59,265 这是什么，应该是新的 大多数的你们，如果不是你们。 237 00:11:59,265 --> 00:12:01,140 所以基本上是什么 意思是，我们不这样做 238 00:12:01,140 --> 00:12:03,050 需要以我们的名义 功能在这种情况下。 239 00:12:03,050 --> 00:12:06,260 我们只能说，“OK，我要去 有此功能的执行，在这里 240 00:12:06,260 --> 00:12:08,550 是它的输入，和这里的 它会做。“ 241 00:12:08,550 --> 00:12:12,540 尤其是当你分配 一个函数来一些可变 242 00:12:12,540 --> 00:12:14,950 你要去处理， 你不一定 243 00:12:14,950 --> 00:12:17,116 需要把它的名字，因为 你会是指 244 00:12:17,116 --> 00:12:20,990 它由该可变 名称，而不是由任何 245 00:12:20,990 --> 00:12:22,840 该功能实际上是调用。 246 00:12:22,840 --> 00:12:23,550 好不好？ 247 00:12:23,550 --> 00:12:27,810 >> 所以，如果我们在这里看到，我们 有一些变量之和现在 248 00:12:27,810 --> 00:12:30,920 这等于 之3至5。 249 00:12:30,920 --> 00:12:33,070 我们会得到这一点。 250 00:12:33,070 --> 00:12:36,750 而这也只是有一定的警觉， 三加5等于数。 251 00:12:36,750 --> 00:12:43,950 这再加上只会串连 无论我们的答案是到字符串。 252 00:12:43,950 --> 00:12:47,420 也很酷，再加上可以连接字符串。 253 00:12:47,420 --> 00:12:53,510 >> 对于JavaScript的，与PHP， HTML和CSS正如我们所说， 254 00:12:53,510 --> 00:12:56,450 它的很多我们种取 训练车轮在这里下车 255 00:12:56,450 --> 00:13:02,030 和你们有很多专门技术 如何真正理解这些东西。 256 00:13:02,030 --> 00:13:04,280 他们是略有不同， 但他们没有这样的外国 257 00:13:04,280 --> 00:13:09,460 而且，你不能谷歌的东西或 与W3号学校网上找一找。 258 00:13:09,460 --> 00:13:12,755 而我们真正期待你 家伙来样，实验 259 00:13:12,755 --> 00:13:14,400 并了解你自己。 260 00:13:14,400 --> 00:13:19,490 所以，我知道这似乎有点 比一些的C东西那么彻底 261 00:13:19,490 --> 00:13:21,936 我们这样做，但实际上是有原因的。 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 但希望这不是太 不同，它不是压倒​​性的。 264 00:13:28,470 --> 00:13:31,940 >> 因此，在JavaScript数组， 再次非常，非常相似。 265 00:13:31,940 --> 00:13:32,460 对不对？ 266 00:13:32,460 --> 00:13:36,520 我们有一些变量数组 这等于空的方括号， 267 00:13:36,520 --> 00:13:40,340 而这只是一个空数组。 268 00:13:40,340 --> 00:13:43,420 这通常被称为 文字数组符号。 269 00:13:43,420 --> 00:13:45,280 这只是一件事情，我们把它叫做。 270 00:13:45,280 --> 00:13:51,380 如果我们看到阵列中的两个在这里，我们有一些 字面数组有三个要素， 271 00:13:51,380 --> 00:13:51,910 对不对？ 272 00:13:51,910 --> 00:13:54,640 然后我们有一些 VAR第三元素是 273 00:13:54,640 --> 00:13:58,060 一些变量，只是 将要举办这个字符串，JS。 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> 元素，好注意， 用逗号分隔， 276 00:14:06,170 --> 00:14:07,740 就像我们所期望的。 277 00:14:07,740 --> 00:14:14,630 你也可以访问这些，因为我们没有 在C，这个指标符号，对不对？ 278 00:14:14,630 --> 00:14:16,950 因此，从不同的PHP 现在，我们要回 279 00:14:16,950 --> 00:14:20,180 只是种参考 事物通过索引。 280 00:14:20,180 --> 00:14:22,189 就像C，它也是零指标。 281 00:14:22,189 --> 00:14:25,230 我觉得这将是非常残酷 如果他们突然作出的JavaScript 1 282 00:14:25,230 --> 00:14:30,630 索引，你必须彻底 重新思考你如何看待阵列。 283 00:14:30,630 --> 00:14:36,140 >> 一个很酷的事情是，而不是 具有假如你曾经do-- 284 00:14:36,140 --> 00:14:39,240 想要的阵列的长度， 也许你通过它遍历 285 00:14:39,240 --> 00:14:43,430 直到你找到一些终端，或 你只知道它是什么。 286 00:14:43,430 --> 00:14:49,310 因为JavaScript是非常宽松更多 方法不仅仅是类型，我们在这里看到， 287 00:14:49,310 --> 00:14:53,310 我们只要让这个数组 更大，因为我们决定。 288 00:14:53,310 --> 00:14:56,177 如果我们注意到数组3 有三件事情开始， 289 00:14:56,177 --> 00:14:58,510 但随后突然， 我在想，“哦，只是在开玩笑。 290 00:14:58,510 --> 00:15:01,370 我们究竟要 使它101的东西。“ 291 00:15:01,370 --> 00:15:05,300 所以，如果你想知道 你的数组的实际长度， 292 00:15:05,300 --> 00:15:06,680 你不喜欢这样。 293 00:15:06,680 --> 00:15:10,470 我们将看到很多 此表示法中的例子中， 294 00:15:10,470 --> 00:15:12,730 但使用JavaScript 它通常什么 295 00:15:12,730 --> 00:15:16,410 你在谈论的对象 点什么样的功能 296 00:15:16,410 --> 00:15:17,740 要应用于它。 297 00:15:17,740 --> 00:15:18,240 好不好？ 298 00:15:18,240 --> 00:15:20,520 >> 所以在这种情况下，我们的 对象数组二， 299 00:15:20,520 --> 00:15:23,470 和我们说，我们想要的 长数组两种。 300 00:15:23,470 --> 00:15:25,716 因此，这只是调用就像是在这个时间。 301 00:15:25,716 --> 00:15:27,090 而这将返回您的长度。 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 也未尝需要注意的是 如果我们发现我们的阵列， 304 00:15:36,790 --> 00:15:39,830 不像C，他们没有 是所有相同类型的。 305 00:15:39,830 --> 00:15:41,670 这更像是PHP。 306 00:15:41,670 --> 00:15:45,905 JavaScript是基本上一样， C和PHP的这个有趣的MELD。 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 因此，我们将进入这一点。 309 00:15:52,170 --> 00:15:56,750 现在，让我们姑且 你的阵列基本上 310 00:15:56,750 --> 00:16:00,640 像C数组，在 他们是零索引。 311 00:16:00,640 --> 00:16:04,120 好了，那就是一切。 312 00:16:04,120 --> 00:16:08,850 你也可以扩展一个 数组索引任何你想要的。 313 00:16:08,850 --> 00:16:14,260 而这很可能赛格 故障你或给你一些错误， 314 00:16:14,260 --> 00:16:15,970 JavaScript是一样，“不，这是很好。 315 00:16:15,970 --> 00:16:16,620 我得到这个。 316 00:16:16,620 --> 00:16:19,460 我们就直奔 要在哪里“。 317 00:16:19,460 --> 00:16:24,310 >> 好了，对象是非常重要的。 318 00:16:24,310 --> 00:16:29,720 你们将使用大量的这些 在P组，如果我没有记错。 319 00:16:29,720 --> 00:16:34,780 所以事情，这些都是 类似于C的结构。 320 00:16:34,780 --> 00:16:39,290 所以，你能想到about--时 我们去一个例子权 321 00:16:39,290 --> 00:16:41,810 在此之后，我认为它会 做了很多sense-- 322 00:16:41,810 --> 00:16:45,830 但我们基本上是用对象 组织过程中的相关信息。 323 00:16:45,830 --> 00:16:47,780 当我们谈到 结构在C，我们常常 324 00:16:47,780 --> 00:16:53,405 谈学生谁有一些名字， ID，房子，你知道的，浓度。 325 00:16:53,405 --> 00:16:56,030 这就是那种同样的事情 我们使用对象这里。 326 00:16:56,030 --> 00:16:59,300 这只是组织 类似的信息。 327 00:16:59,300 --> 00:17:03,620 >> 你也可以认为这是更 类似于关联数组在PHP。 328 00:17:03,620 --> 00:17:10,010 因此，这将是怎样的事情 在这里我们有一些关键的一些价值， 329 00:17:10,010 --> 00:17:12,859 非常类似PHP。 330 00:17:12,859 --> 00:17:15,780 所以，你可以初始化一些 空对象，因为我们看到了这里， 331 00:17:15,780 --> 00:17:17,390 只需用花括号。 332 00:17:17,390 --> 00:17:19,160 所以数组方括号。 333 00:17:19,160 --> 00:17:21,220 空的对象是大括号。 334 00:17:21,220 --> 00:17:24,020 良好的区别有。 335 00:17:24,020 --> 00:17:27,319 而这些都只是两个不同的 方法来设置属性。 336 00:17:27,319 --> 00:17:31,460 因此，这是一种 得多的方式 337 00:17:31,460 --> 00:17:35,220 类似于PHP，我们 关联数组，与我们的关键， 338 00:17:35,220 --> 00:17:39,910 与我们的价值，而 这个is--你会 339 00:17:39,910 --> 00:17:41,920 看到这个有很多更在JavaScript中。 340 00:17:41,920 --> 00:17:43,550 这往往是惯例。 341 00:17:43,550 --> 00:17:47,660 并以同样的方式，我们做 阵列中的两个点的长度，这是说， 342 00:17:47,660 --> 00:17:51,580 “OK，给我这个 这个对象的属性。“ 343 00:17:51,580 --> 00:17:52,110 对不对？ 344 00:17:52,110 --> 00:17:55,660 所以，以同样的方式就好像，“给我 属性长度数组两个，“ 345 00:17:55,660 --> 00:17:59,970 这是说，“给我一些 我们的空对象的财产。“ 346 00:17:59,970 --> 00:18:02,890 或者在这种情况下，我们有 这里分配给一些值。 347 00:18:02,890 --> 00:18:06,200 但你也可以访问这种方式。 348 00:18:06,200 --> 00:18:09,090 >> 然后在这里这只是 显示两个不同的警报。 349 00:18:09,090 --> 00:18:12,320 因此，这将显示警报 将是完全相同的， 350 00:18:12,320 --> 00:18:17,150 这只是两种不同的方式 访问我们想要的元素。 351 00:18:17,150 --> 00:18:19,552 这是否有意义给大家？ 352 00:18:19,552 --> 00:18:21,510 我觉得像这样的 可能更有意义， 353 00:18:21,510 --> 00:18:23,270 只是因为我们度过了PHP的。 354 00:18:23,270 --> 00:18:26,400 但是当我们做更多的例子，这 是字面上完全相同。 355 00:18:26,400 --> 00:18:28,170 很多它只是改变语法。 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK，所以例子。 358 00:18:33,030 --> 00:18:34,180 我爱的例​​子。 359 00:18:34,180 --> 00:18:40,070 因此，这里是一些CS50 变量，它是一个对象， 360 00:18:40,070 --> 00:18:42,160 我们保存这一切 关于它的信息。 361 00:18:42,160 --> 00:18:46,680 所以我们当然有，教练， TFS，pset时，和录音。 362 00:18:46,680 --> 00:18:51,840 因此，我们注意到这些几乎 所有不同类型的。 363 00:18:51,840 --> 00:18:52,340 对不对？ 364 00:18:52,340 --> 00:18:56,230 所以，对象可以存储 不同类型的属性。 365 00:18:56,230 --> 00:19:01,220 我们能想到的this--这是非常 类似于我们在PHP关联数组。 366 00:19:01,220 --> 00:19:07,470 左右键，值，键，值， 键，值，等等，等等。 367 00:19:07,470 --> 00:19:11,230 什么也以同样的方式吸引 我们可以有数组的数组内， 368 00:19:11,230 --> 00:19:14,690 我们还可以有内的对象 对象，数组或对象中。 369 00:19:14,690 --> 00:19:18,410 你从来没有真正限制 只是事物的一个。 370 00:19:18,410 --> 00:19:24,220 我们可以得到非常Inceptionesque，只是 不断下降的兔子洞在那里。 371 00:19:24,220 --> 00:19:26,080 >> 因此，如果我们注意到，我们 有一些课程， 372 00:19:26,080 --> 00:19:31,120 是一个字符串，教练，这是一个字符串， 和数组，一个int和一个布尔值。 373 00:19:31,120 --> 00:19:36,110 因此，所有的这些不同的事情。 374 00:19:36,110 --> 00:19:39,600 >> 好了，所以，我们有另外一个。 375 00:19:39,600 --> 00:19:42,930 因此，在这种情况下，我们有 对象的数组。 376 00:19:42,930 --> 00:19:45,320 所以就像一个对象 可以具有在它的阵列。 377 00:19:45,320 --> 00:19:47,210 我们也可以有对象的数组。 378 00:19:47,210 --> 00:19:51,250 这可能是有用的，以 想想类似那种 379 00:19:51,250 --> 00:19:54,260 如何我们有一个哈希 表中，我们有一个数组 380 00:19:54,260 --> 00:19:56,220 所有这些不同的 类型结构的说 381 00:19:56,220 --> 00:19:59,070 是指向不同 节点和诸如此类的东西。 382 00:19:59,070 --> 00:20:01,420 但在这种情况下，我们 有对象的数组。 383 00:20:01,420 --> 00:20:04,890 因此，这就像一个数组 的关联数组。 384 00:20:04,890 --> 00:20:09,430 因此，我们有一些第一个元素会 与名詹姆斯对象 385 00:20:09,430 --> 00:20:11,340 和众议院温斯罗普。 386 00:20:11,340 --> 00:20:14,780 >> 你们可能还记得 东西非常相似，这 387 00:20:14,780 --> 00:20:21,710 与你最后的pset，那里如果你 拉从数据库的东西， 388 00:20:21,710 --> 00:20:24,480 第一类 在你的阵列的事情是 389 00:20:24,480 --> 00:20:27,110 所有有关信息 能够满足它的第一个用户， 390 00:20:27,110 --> 00:20:30,765 然后你不得不指数成 得到他们的股票或者其缓存 391 00:20:30,765 --> 00:20:32,110 或者诸如此类的东西。 392 00:20:32,110 --> 00:20:34,620 所以这是非常相同 的事情，只是一个小变化 393 00:20:34,620 --> 00:20:39,570 在语法，点点变化 的话，我们用它来形容他们。 394 00:20:39,570 --> 00:20:45,960 >> 因此，如果我们想要的，谁能告诉 我这是什么警报会在这里做？ 395 00:20:45,960 --> 00:20:48,780 还是什么的该位 代码会为我们做？ 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 观众：它会给你所有的名字。 398 00:20:52,616 --> 00:20:54,900 ALLISON BUCHHOLTZ-AU：对，所以它 只想提醒所有的名字 399 00:20:54,900 --> 00:20:57,960 因为它会通过 山寨我，所以它会从零开始。 400 00:20:57,960 --> 00:21:01,330 所以它会说，好吧，我们正在寻找 在此第一个目的，这 401 00:21:01,330 --> 00:21:03,210 在我们的数组的第一个插槽。 402 00:21:03,210 --> 00:21:06,900 它说，“给我 属性，该对象的名称。“ 403 00:21:06,900 --> 00:21:09,030 所以，我们去这里，我们就 扫描时，我们会发现名字， 404 00:21:09,030 --> 00:21:11,340 我们会打印出 詹姆斯，莫莉和卡尔。 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 有任何疑问，这么远吗？ 407 00:21:15,799 --> 00:21:17,590 不幸的JavaScript 你会是 408 00:21:17,590 --> 00:21:20,950 做了很多的期待上你 自己，找出语法， 409 00:21:20,950 --> 00:21:21,910 努力解决它。 410 00:21:21,910 --> 00:21:25,870 但当然，我一直在这里， 办公时间一直在这里。 411 00:21:25,870 --> 00:21:28,260 这一周，我可能是在星期二。 412 00:21:28,260 --> 00:21:31,050 所以，如果你在那里，你可以 来探望我这个星期。 413 00:21:31,050 --> 00:21:32,470 这将会是巨大的。 414 00:21:32,470 --> 00:21:36,260 >> OK，所以DOM是文档，对象模型。 415 00:21:36,260 --> 00:21:38,900 所以这只是一种方式 我们这样想 416 00:21:38,900 --> 00:21:45,720 关于我们如何HTML和一切 在它的组织方式。 417 00:21:45,720 --> 00:21:49,930 这是非常多的东西 可能会拿出你的测验。 418 00:21:49,930 --> 00:21:58,150 我知道我的一年，它像这里的 HTML文件，填写DOM它。 419 00:21:58,150 --> 00:21:59,770 而你只需填写小事。 420 00:21:59,770 --> 00:22:01,500 这些应该很容易点希望。 421 00:22:01,500 --> 00:22:03,450 希望你会see-- 422 00:22:03,450 --> 00:22:04,590 >> 观众：[听不清] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON BUCHHOLTZ-AU：那么 你在这里看到这棵树？ 424 00:22:06,660 --> 00:22:07,200 >> 听众：是的。 425 00:22:07,200 --> 00:22:08,949 >> ALLISON BUCHHOLTZ-AU： 因此，他们会问使用 426 00:22:08,949 --> 00:22:11,750 填补了身下发生的事情。 427 00:22:11,750 --> 00:22:15,770 也许身下，我们有一些 div的或者我们有一些段落， 428 00:22:15,770 --> 00:22:19,160 我们会要求您填写 一棵树非常喜欢这一点。 429 00:22:19,160 --> 00:22:21,440 因此，我们将通过它走。 430 00:22:21,440 --> 00:22:26,120 因此，文档，对象 模型只是一种方式 431 00:22:26,120 --> 00:22:31,240 构建和思考 我们的HTML图形。 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 而且当我们得到 到更多的JavaScript， 434 00:22:35,840 --> 00:22:37,640 这将是 其实办法，我们 435 00:22:37,640 --> 00:22:39,990 操作不同 页面上的元素。 436 00:22:39,990 --> 00:22:43,980 我们需要一种方法来访问每个 的东西在我们的HTML， 437 00:22:43,980 --> 00:22:48,050 所以这给了我们一个非常 具体的标准化方式 438 00:22:48,050 --> 00:22:51,010 在不同的网页来做到这一点。 439 00:22:51,010 --> 00:22:53,440 >> 所以，如果我们只是穿行 这这里，当然 440 00:22:53,440 --> 00:22:56,790 我们的文件就像是我们整个文件。 441 00:22:56,790 --> 00:22:59,350 这显然​​是有道理的 它的最大的事情， 442 00:22:59,350 --> 00:23:03,520 然后我们有我们的实际HTML， 这相当于在这里此标签。 443 00:23:03,520 --> 00:23:08,480 此外，如果你的缩进你的标签 正常，然后创建这个DOM树 444 00:23:08,480 --> 00:23:10,530 变得超级简单。 445 00:23:10,530 --> 00:23:12,400 所以，我们在这里有一定的头。 446 00:23:12,400 --> 00:23:15,780 我们有一些身体 我们看到过干的HTML， 447 00:23:15,780 --> 00:23:18,530 这就是为什么我们有头部和身体。 448 00:23:18,530 --> 00:23:22,880 在头部，我们有一些 标题标签，结束标题标签， 449 00:23:22,880 --> 00:23:24,570 所以我们知道，来的头后。 450 00:23:24,570 --> 00:23:28,040 而在我们的标题标签， 我们有你好，世界。 451 00:23:28,040 --> 00:23:28,740 好不好？ 452 00:23:28,740 --> 00:23:31,311 所以这是这整个左手分支。 453 00:23:31,311 --> 00:23:34,060 然后换右手支 在这里，我们可以看到，我们有HTML， 454 00:23:34,060 --> 00:23:38,680 OK，我们已经做到了这一点头部， 我们正在寻找的只是身体， 455 00:23:38,680 --> 00:23:40,670 因此，我们有一些身体部位。 456 00:23:40,670 --> 00:23:44,350 和范围内的，唯一的 我们拥有的是你好，世界。 457 00:23:44,350 --> 00:23:45,090 好不好？ 458 00:23:45,090 --> 00:23:54,130 如果我们有像的东西 一些支架p和然后 459 00:23:54,130 --> 00:23:57,500 你好，世界，然后又 再见支架P，世界， 460 00:23:57,500 --> 00:24:00,080 我们将有两个泡沫 脱落的位置。 461 00:24:00,080 --> 00:24:05,550 因为他们都是身下，但 他们是独立的段落这种情况下。 462 00:24:05,550 --> 00:24:11,520 肯定是有实践 对在以前的测验， 463 00:24:11,520 --> 00:24:14,570 以及它在网上很多。 464 00:24:14,570 --> 00:24:18,260 OK所以，这只是让 我们看到的一切很好 465 00:24:18,260 --> 00:24:20,810 和操纵的东西 很系统。 466 00:24:20,810 --> 00:24:21,340 好不好？ 467 00:24:21,340 --> 00:24:23,640 我们知道如何 遍历这棵树， 468 00:24:23,640 --> 00:24:26,910 所以我们知道我们想要访问。 469 00:24:26,910 --> 00:24:31,690 >> OK，所以这是为什么我们要 具有这种模式， 470 00:24:31,690 --> 00:24:35,190 这样我们就可以使用这样的事情， 我们明白他们的意思， 471 00:24:35,190 --> 00:24:38,370 而且他们的标准化 在所有的事情，我们做的。 472 00:24:38,370 --> 00:24:45,900 因此，文件标题点就是 our--的标题所有这些 473 00:24:45,900 --> 00:24:48,960 是相当自我解释， 我常常这样想。 474 00:24:48,960 --> 00:24:51,660 所以前三 例子只是说， 475 00:24:51,660 --> 00:24:54,770 “OK，只是给我 本网页标题“。 476 00:24:54,770 --> 00:24:58,030 所以，它会给你什么 对应的称号。 477 00:24:58,030 --> 00:25:01,880 >> 文档点的身体去给你 无论是那些身体标记内。 478 00:25:01,880 --> 00:25:03,240 所以，你可以操纵的。 479 00:25:03,240 --> 00:25:07,820 和文档圆点点阵体 输入HTML是一个非常酷的， 480 00:25:07,820 --> 00:25:11,660 也许并不像超 直观，但内部HTML 481 00:25:11,660 --> 00:25:13,740 对应于这里这个权利。 482 00:25:13,740 --> 00:25:17,410 所以，如果你曾经想 操纵文本页面上， 483 00:25:17,410 --> 00:25:22,700 通常你会做 一些与身体内点HTML。 484 00:25:22,700 --> 00:25:23,820 好不好？ 485 00:25:23,820 --> 00:25:31,341 所以内部HTML往往是指 实际上是什么，这些标记之间。 486 00:25:31,341 --> 00:25:31,840 好不好？ 487 00:25:31,840 --> 00:25:33,020 然后有用的功能。 488 00:25:33,020 --> 00:25:40,390 所以，如果你想获得 任何这些，任何元件， 489 00:25:40,390 --> 00:25:43,140 我们有一些标识，类 名称或标记的名称。 490 00:25:43,140 --> 00:25:47,100 这是非常相似的 事情我们做与CSS，对不对？ 491 00:25:47,100 --> 00:25:51,360 在这里我们有一些选择的 对应于任一个标签，一个类 492 00:25:51,360 --> 00:25:53,800 我们给他们，或一个ID。 493 00:25:53,800 --> 00:25:55,310 这是非常相同的方式。 494 00:25:55,310 --> 00:26:00,720 如果你有什么事情， 有一些类狗， 495 00:26:00,720 --> 00:26:05,800 和你说得到了标记名称的元素， 你把狗在那里 - 或遗憾， 496 00:26:05,800 --> 00:26:06,610 类名。 497 00:26:06,610 --> 00:26:07,770 你可以把点在那里。 498 00:26:07,770 --> 00:26:11,780 这将返回所有那些 有该类元素给你。 499 00:26:11,780 --> 00:26:13,880 所以，你可以操纵只是那些。 500 00:26:13,880 --> 00:26:18,430 以同样的方式，也许你只是 要操纵一些头，所以 501 00:26:18,430 --> 00:26:20,980 一些H1的头，像我们一样。 502 00:26:20,980 --> 00:26:24,900 你可以做得到按标签元素 名字，因为H1是一个变量名。 503 00:26:24,900 --> 00:26:29,270 并以同样的方式，如果你想获得 一些独特的东西，你可以做得到的标签。 504 00:26:29,270 --> 00:26:31,100 通过id来获取元素。 505 00:26:31,100 --> 00:26:32,710 他们实际上是很多的这些。 506 00:26:32,710 --> 00:26:36,300 这些都只是像三个非常多。 507 00:26:36,300 --> 00:26:39,600 所以，如果你在网上去，因为 我会鼓励 508 00:26:39,600 --> 00:26:45,342 你做，并做一些 对自己的研究， 509 00:26:45,342 --> 00:26:48,450 我绝对推荐 寻找到所有这些。 510 00:26:48,450 --> 00:26:50,880 他们可能是超 是有用的，特别是当 511 00:26:50,880 --> 00:26:57,180 你想只是一种操纵 无需非常具体的事情 512 00:26:57,180 --> 00:27:00,390 要经过，并尝试 解析出一切。 513 00:27:00,390 --> 00:27:03,540 >> 好了，过去的事情 是JavaScript事件。 514 00:27:03,540 --> 00:27:10,730 所以，当我前面说的 关于去到一个网站， 515 00:27:10,730 --> 00:27:14,340 而当你在徘徊的东西， 或者您的鼠标悬停在东西， 516 00:27:14,340 --> 00:27:15,420 别的事情发生。 517 00:27:15,420 --> 00:27:17,900 这就是我们想要 想想作为一个事件。 518 00:27:17,900 --> 00:27:23,970 所以，我们有实力 有用这里的onclick。 519 00:27:23,970 --> 00:27:29,140 所以，我的是悬停，我这， 很肯定，只是悬停。 520 00:27:29,140 --> 00:27:31,300 同样是一吨，这些 你可以看一下。 521 00:27:31,300 --> 00:27:34,340 有一个整体的名单在网上 不同的东西 522 00:27:34,340 --> 00:27:37,130 你可以听的。 523 00:27:37,130 --> 00:27:41,220 >> 但是JavaScript的事件 基本上只是回应事情 524 00:27:41,220 --> 00:27:42,430 您的用户在做什么。 525 00:27:42,430 --> 00:27:42,930 对不对？ 526 00:27:42,930 --> 00:27:45,220 所以，你的用户做 什么东西，这是一个事件， 527 00:27:45,220 --> 00:27:48,340 和JavaScript将响应 但是你会喜欢它。 528 00:27:48,340 --> 00:27:49,770 它会作出相应的反应。 529 00:27:49,770 --> 00:27:54,630 因此，在这种情况下，我们有 一些窗口点的onload。 530 00:27:54,630 --> 00:27:57,170 所以，这是什么说的是，“等待 直到窗口的加载“​​。 531 00:27:57,170 --> 00:27:57,780 好不好？ 532 00:27:57,780 --> 00:28:02,102 所以，当一切都装，onload事件， 那么你就可以执行此功能。 533 00:28:02,102 --> 00:28:03,810 所以，当一切都 加载，你会 534 00:28:03,810 --> 00:28:07,760 有一些搜索按钮 通过ID获取元素， 535 00:28:07,760 --> 00:28:13,740 它打印了什么 元素是作为搜索按钮。 536 00:28:13,740 --> 00:28:17,050 然后我们有这个变量， 我们说，“OK，的onclick。” 537 00:28:17,050 --> 00:28:20,390 因此，当我们听到咔嗒声 上的搜索按钮， 538 00:28:20,390 --> 00:28:23,990 执行此功能，这是一个 警觉，你点击搜索按钮。 539 00:28:23,990 --> 00:28:28,910 >> 所以会发生什么is--这是一个很好的 这里的小图形表示。 540 00:28:28,910 --> 00:28:31,480 因此，我们的文档载入， 这是我们的onload， 541 00:28:31,480 --> 00:28:34,340 我们发现我们的搜寻 按钮，这是这样的。 542 00:28:34,340 --> 00:28:36,570 我们正在寻找我们的搜索按钮。 543 00:28:36,570 --> 00:28:40,790 然后当搜索按钮 点击，它对应于这里。 544 00:28:40,790 --> 00:28:41,980 的onclick。 545 00:28:41,980 --> 00:28:47,300 然后我们终于提醒我们的用户， 这是在这里最后一行。 546 00:28:47,300 --> 00:28:48,250 好不好？ 547 00:28:48,250 --> 00:28:52,960 所以，每个这样的四步刚 对应于四盒 548 00:28:52,960 --> 00:28:55,031 那里的底部。 549 00:28:55,031 --> 00:28:56,405 这是否有意义给大家？ 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> 然后一件事，我只是去 更何况非常非常简短，我 552 00:29:05,200 --> 00:29:08,660 鼓励你们到 去看看更多的是进 553 00:29:08,660 --> 00:29:13,210 jQuery的，这仅仅是一个库 这是建立在JavaScript的顶部。 554 00:29:13,210 --> 00:29:16,480 它是超级有用的，因为 和大多数库。 555 00:29:16,480 --> 00:29:18,320 有很多的功能。 556 00:29:18,320 --> 00:29:21,930 所以，如果有过的东西， 你想在JavaScript中， 557 00:29:21,930 --> 00:29:24,880 你的第一直觉 不应该去思考 558 00:29:24,880 --> 00:29:27,340 对“什么功能应该 我的代码？“这是应该的， 559 00:29:27,340 --> 00:29:29,560 “让我看看谁家 已经做到了这一点给我。“ 560 00:29:29,560 --> 00:29:32,800 由于十之八九的， 有人会做它已经， 561 00:29:32,800 --> 00:29:35,760 他们可能做得更好。 562 00:29:35,760 --> 00:29:39,990 人们花了很多时间做这些， 和JavaScript非常广泛的应用， 563 00:29:39,990 --> 00:29:42,810 所以人们不断 试图使它更好。 564 00:29:42,810 --> 00:29:47,110 和jQuery有很多功能 这可能是对你有用 565 00:29:47,110 --> 00:29:50,470 在最终的项目，如果你 做网页设计的任何东西。 566 00:29:50,470 --> 00:29:53,480 正如我喜欢说，“工作 更聪明，而不是更辛苦“。 567 00:29:53,480 --> 00:29:57,130 如果你们这样做，这将是巨大的。 568 00:29:57,130 --> 00:30:00,330 当我们在黑客马拉松我不 希望你是所有的压力太大了。 569 00:30:00,330 --> 00:30:03,600 我希望你能喜欢，“我得到了 这一点。 jQuery的气死我了。 570 00:30:03,600 --> 00:30:05,790 我不需要写这些功能。“ 571 00:30:05,790 --> 00:30:07,636 >> 所以只是两件事 还记得，我要去 572 00:30:07,636 --> 00:30:10,220 让你们看起来更 到jQuery的你自己。 573 00:30:10,220 --> 00:30:13,070 所有我要说的是它 做一些漂亮的东西真棒 574 00:30:13,070 --> 00:30:15,220 并且可以使你的生活 轻松许多。 575 00:30:15,220 --> 00:30:17,150 但是你要什么 拥有的是什么文件 576 00:30:17,150 --> 00:30:21,020 那你要使用它， 你会想这两条线。 577 00:30:21,020 --> 00:30:25,630 你会想 JS的jQuery的点JS脚本。 578 00:30:25,630 --> 00:30:28,500 而实际上你的源 将是一些URL。 579 00:30:28,500 --> 00:30:35,870 如果谷歌的jQuery，谷歌 实际上承载所有的文件给你。 580 00:30:35,870 --> 00:30:38,950 所以，你一定要 输入的URL来代替。 581 00:30:38,950 --> 00:30:41,130 我只是把这个在这里 为了简单起见。 582 00:30:41,130 --> 00:30:45,180 这一切都意味着是在哪里 找到你的jQuery库。 583 00:30:45,180 --> 00:30:48,600 这是巨大的，所以你不想 举办​​它自己的计算机上 584 00:30:48,600 --> 00:30:53,390 如果你能避免它，这就是为什么我们 往往只是把谷歌的网址是 585 00:30:53,390 --> 00:30:55,880 托管所有这些文件给你。 586 00:30:55,880 --> 00:30:56,380 好不好？ 587 00:30:56,380 --> 00:30:58,850 你Google一下，我保证 这将是在那里。 588 00:30:58,850 --> 00:31:01,200 >> 然后什么 你是JavaScript文件 589 00:31:01,200 --> 00:31:07,150 使用，所以这只是一些外部 JavaScript的，你正在使用的文件。 590 00:31:07,150 --> 00:31:11,570 在我们链接到我们的CSS以同样的方式 文件，这是同样的事情。 591 00:31:11,570 --> 00:31:15,480 这只是链接到文件 在您的JavaScript是。 592 00:31:15,480 --> 00:31:18,970 我有一些例子 用简单的JavaScript。 593 00:31:18,970 --> 00:31:20,220 所以我们会做的时候。 594 00:31:20,220 --> 00:31:27,230 然后在你的JavaScript指数， 这是你的JavaScript文件在这里， 595 00:31:27,230 --> 00:31:30,900 这是种包装的 你有jQuery的。 596 00:31:30,900 --> 00:31:33,860 你几乎99.9 时间去百分比 597 00:31:33,860 --> 00:31:36,800 有这个在index.js文件。 598 00:31:36,800 --> 00:31:40,010 由于这是什么说的是， “不执行任何东西 599 00:31:40,010 --> 00:31:43,480 直到你的文件实际上是 准备好了，“这正是你想要的。 600 00:31:43,480 --> 00:31:46,600 因为如果你的文件还没有准备好， 和jQuery开始做的事情， 601 00:31:46,600 --> 00:31:48,020 它只是一个烂摊子。 602 00:31:48,020 --> 00:31:50,480 所以，你总是希望有这样的包装。 603 00:31:50,480 --> 00:31:55,760 然后换东西去那里，我 要离开你的球员自己详阅。 604 00:31:55,760 --> 00:32:04,610 >> 好了，有没有什么问题的权利 现在关于JavaScript有什么看法？ 605 00:32:04,610 --> 00:32:07,420 或DOM模型？ 606 00:32:07,420 --> 00:32:10,780 如果没有，我们有一些很酷 例子，我们可以通过， 607 00:32:10,780 --> 00:32:13,120 那你们可以帮助我的代码。 608 00:32:13,120 --> 00:32:15,877 但我也将是 超好听的，如果你 609 00:32:15,877 --> 00:32:17,960 不想说什么 对于这些，这很好。 610 00:32:17,960 --> 00:32:20,510 我也可以只给你例子。 611 00:32:20,510 --> 00:32:24,581 但在任何 PowerPoint演示之前，我们继续前进？ 612 00:32:24,581 --> 00:32:25,080 酷。 613 00:32:25,080 --> 00:32:26,990 >> 我觉得你们需要的能量。 614 00:32:26,990 --> 00:32:31,516 因此，我认为我们将开始 与我党的第一个例子。 615 00:32:31,516 --> 00:32:33,390 我们有三个例子， 你有你的选择。 616 00:32:33,390 --> 00:32:37,720 因此，我们有时钟，我们要去的地方 实现一个实际的时钟是 617 00:32:37,720 --> 00:32:41,430 要更新随着时间的推移。 618 00:32:41,430 --> 00:32:43,310 我们这个伟大的Twitter的功能。 619 00:32:43,310 --> 00:32:44,560 This--你知道吗，坚持下去。 620 00:32:44,560 --> 00:32:47,220 我们将让这个消失。 621 00:32:47,220 --> 00:32:47,950 巴姆。 622 00:32:47,950 --> 00:32:49,060 好不好。 623 00:32:49,060 --> 00:32:56,132 >> 我们这个伟大的Twitter功能 在这里，that--我知道，对不对？ 624 00:32:56,132 --> 00:32:57,090 这将是巨大的。 625 00:32:57,090 --> 00:32:58,350 是你们激动吗？ 626 00:32:58,350 --> 00:33:01,170 即是要计数的数目 你已经离开了字， 627 00:33:01,170 --> 00:33:04,520 所以，如果我输入正确的现在， 显然还在说140， 628 00:33:04,520 --> 00:33:06,190 但我们知道，并非如此。 629 00:33:06,190 --> 00:33:08,570 然后用我们的最后一个 在这里，请点击这里聚会。 630 00:33:08,570 --> 00:33:12,150 什么将要发生的时候 我们点击，背景的 631 00:33:12,150 --> 00:33:13,340 会改变颜色。 632 00:33:13,340 --> 00:33:17,060 所以，你们有自己的选择 你想先做哪一个。 633 00:33:17,060 --> 00:33:19,800 我保证我会接受它很容易对你。 634 00:33:19,800 --> 00:33:22,680 我觉得每个人的那种 只是很低调今天。 635 00:33:22,680 --> 00:33:25,540 所以，我将向您介绍如何 我们将实现所有这些。 636 00:33:25,540 --> 00:33:28,520 如果你想帮腔 在，这是伟大的，但我 637 00:33:28,520 --> 00:33:30,020 感觉每个人都有点累了。 638 00:33:30,020 --> 00:33:32,970 所以我就带你 通过这些实施例。 639 00:33:32,970 --> 00:33:35,015 难道我们有什么事情， 我们想先办？ 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 任何人吗？ 642 00:33:39,475 --> 00:33:41,350 没有偏好？ 643 00:33:41,350 --> 00:33:41,867 好不好。 644 00:33:41,867 --> 00:33:42,450 你知道吗？ 645 00:33:42,450 --> 00:33:43,290 我们党。 646 00:33:43,290 --> 00:33:48,380 我觉得你们需要一个little-- 所以，我们首先要做的一方之一。 647 00:33:48,380 --> 00:33:48,880 好不好。 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> 所以，我们这里 - 这是 不应该在那里。 650 00:33:56,930 --> 00:33:57,910 现在，这是很好的。 651 00:33:57,910 --> 00:33:59,810 好不好。 652 00:33:59,810 --> 00:34:03,110 所以，我们在这里是 只是一个简单的HTML页面 653 00:34:03,110 --> 00:34:07,840 那你们应该都是超 熟悉从过去两年的pset。 654 00:34:07,840 --> 00:34:10,212 我们有我们的文档类型在这里。 655 00:34:10,212 --> 00:34:10,920 每个人都可以看到什么？ 656 00:34:10,920 --> 00:34:11,420 好不好。 657 00:34:11,420 --> 00:34:12,560 酷。 658 00:34:12,560 --> 00:34:13,900 很明显，我们有我们的HTML。 659 00:34:13,900 --> 00:34:18,360 我们有一些标题是 链接到一个样式表 660 00:34:18,360 --> 00:34:21,420 只是做我的字体漂亮，大和大胆。 661 00:34:21,420 --> 00:34:23,489 所以不要担心。 662 00:34:23,489 --> 00:34:26,437 >> 我们有一些机构， 一个Id的背景下，OK？ 663 00:34:26,437 --> 00:34:28,520 因为我们将要 改变背景。 664 00:34:28,520 --> 00:34:31,964 所以，当我们正在改变 我们身体的背景下， 665 00:34:31,964 --> 00:34:35,965 我们从两个星期前记得 当我们正在处理的网页。 666 00:34:35,965 --> 00:34:36,840 所以好有。 667 00:34:36,840 --> 00:34:39,270 我们有一些ID等于派对。 668 00:34:39,270 --> 00:34:43,909 这ħ参考一斤只是意味着 它会去到同一页。 669 00:34:43,909 --> 00:34:47,120 然后点击这里聚会， 这就是为什么当我们点击它， 670 00:34:47,120 --> 00:34:48,940 它应该改变颜色，令人欣慰。 671 00:34:48,940 --> 00:34:54,322 >> 然后我们有一些脚本，在这里， 只是链接到本方点的js 672 00:34:54,322 --> 00:34:58,100 文件，这是空的，因为 我们没有做任何事情。 673 00:34:58,100 --> 00:35:00,450 而且它是如此伤心。 674 00:35:00,450 --> 00:35:06,100 但很快，它会改变 颜色，这将是真棒。 675 00:35:06,100 --> 00:35:10,520 >> 所以，我只是走你们 通过我们如何处理这个。 676 00:35:10,520 --> 00:35:14,030 所以，第一件事 我们可能想要做的， 677 00:35:14,030 --> 00:35:18,050 如果我们改变的背景 人体的第一件事，我们可能要 678 00:35:18,050 --> 00:35:22,730 做实际上是抢 什么样的身体，对吧？ 679 00:35:22,730 --> 00:35:27,690 因此，我们希望有一笔，我们的 背景，如果你注意到， 680 00:35:27,690 --> 00:35:29,567 我只是自动刚开始打字。 681 00:35:29,567 --> 00:35:32,400 没有什么特别的，我们 需要做我们的JavaScript文件。 682 00:35:32,400 --> 00:35:35,820 我可以开始声明变量， 并宣布随机函数。 683 00:35:35,820 --> 00:35:38,110 而且它更自由的形式。 684 00:35:38,110 --> 00:35:41,930 这就像用C，我们给大家 这些硬性规定，你长大了， 685 00:35:41,930 --> 00:35:43,220 所以我们想，“出去​​。 686 00:35:43,220 --> 00:35:44,000 是自由的。 687 00:35:44,000 --> 00:35:44,870 做你想做的。“ 688 00:35:44,870 --> 00:35:46,280 而这正是JavaScript是。 689 00:35:46,280 --> 00:35:48,390 所以，我们在这里有一定的背景。 690 00:35:48,390 --> 00:35:55,900 与我们的DOM模型，我们知道我们 可以做文档点得到的元素， 691 00:35:55,900 --> 00:36:00,290 如果我们在这里看到， 我们的身体有一个ID。 692 00:36:00,290 --> 00:36:00,930 对不对？ 693 00:36:00,930 --> 00:36:06,310 因此，我们可以通过做得到的文档 ID，这里是一个简单的问题。 694 00:36:06,310 --> 00:36:08,295 什么是我们的ID，我们要在这里？ 695 00:36:08,295 --> 00:36:09,170 听众：背景。 696 00:36:09,170 --> 00:36:11,280 ALLISON BUCHHOLTZ-AU：背景。 697 00:36:11,280 --> 00:36:12,230 完美。 698 00:36:12,230 --> 00:36:14,250 和分号结尾。 699 00:36:14,250 --> 00:36:15,610 这并没有消失呢。 700 00:36:15,610 --> 00:36:17,330 你仍然需要你的分号。 701 00:36:17,330 --> 00:36:17,830 好不好。 702 00:36:17,830 --> 00:36:19,690 所以这是我们的第一个。 703 00:36:19,690 --> 00:36:23,880 当我们点击的东西，我们 想要的东西发生，对吧？ 704 00:36:23,880 --> 00:36:28,270 所以我们可能需要一些变量 这是等待一个点击。 705 00:36:28,270 --> 00:36:32,410 我们现在要做的是我们要 使我们的联系更加类似于一个按钮。 706 00:36:32,410 --> 00:36:43,140 因此，我们将有一些按钮 等于记录点凭身份证取元素。 707 00:36:43,140 --> 00:36:48,670 如果我谈论 点击链接或点击这里聚会 708 00:36:48,670 --> 00:36:51,850 链接，什么可能我的身份证在这里？ 709 00:36:51,850 --> 00:36:52,590 党。 710 00:36:52,590 --> 00:36:55,200 正确的。 711 00:36:55,200 --> 00:36:56,500 OK不算太差至今。 712 00:36:56,500 --> 00:36:59,060 每个人都得到了什么，我们正在做什么？ 713 00:36:59,060 --> 00:37:02,100 >> 好了，现在我们有 按钮，我们希望 714 00:37:02,100 --> 00:37:04,140 当我们点击它的东西改变。 715 00:37:04,140 --> 00:37:08,750 所以，如果我们从PowerPoint中记得， 很简单的事情，我们能做的 716 00:37:08,750 --> 00:37:12,140 只是按钮的onclick点，对不对？ 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 而这将等于某些功能。 719 00:37:18,730 --> 00:37:20,620 这是一个匿名函数。 720 00:37:20,620 --> 00:37:24,620 而这只是as--其实我 要实现这种大些。 721 00:37:24,620 --> 00:37:27,330 >> 所以，我只是做了 这里我要说的，OK， 722 00:37:27,330 --> 00:37:31,810 当我们点击我们的按钮，这是 这个环节我们刚刚提到的， 723 00:37:31,810 --> 00:37:34,270 我们要执行 该匿名函数。 724 00:37:34,270 --> 00:37:35,845 我们不需要任何投入。 725 00:37:35,845 --> 00:37:37,220 我们不关心什么用户说。 726 00:37:37,220 --> 00:37:38,800 当他们点击它，我们 打算做任何我们想做的， 727 00:37:38,800 --> 00:37:40,660 这是改变背景颜色。 728 00:37:40,660 --> 00:37:42,640 好不好？ 729 00:37:42,640 --> 00:37:47,224 所以这就是为什么我们没有任何投入， 我们只是有这个匿名函数。 730 00:37:47,224 --> 00:37:49,390 现在我们实际上会 写此功能。 731 00:37:49,390 --> 00:37:55,040 >> 因此，有一堆你的方式 可以生成一个随机的颜色。 732 00:37:55,040 --> 00:37:59,010 我做的方式，它是 生成三个随机数 733 00:37:59,010 --> 00:38:01,910 并将它们转换为RGB三。 734 00:38:01,910 --> 00:38:06,130 所以，这正说明你一些很酷 事情，如果你喜欢，“哦， 735 00:38:06,130 --> 00:38:08,464 我需要生成一个随机 数量。“如果你用Google搜索它， 736 00:38:08,464 --> 00:38:09,630 这是你会发现什么。 737 00:38:09,630 --> 00:38:17,580 >> 因此，我们有三个不同的 事，VAR，不要再红，绿。 738 00:38:17,580 --> 00:38:18,080 对不对？ 739 00:38:18,080 --> 00:38:20,740 因此，这些都是三个 事情让一个颜色。 740 00:38:20,740 --> 00:38:22,220 蓝色，红色和绿色。 741 00:38:22,220 --> 00:38:22,960 酷。 742 00:38:22,960 --> 00:38:27,050 而我们能做的是，我们知道 它必须是255之间， 743 00:38:27,050 --> 00:38:30,140 如果你查阅了​​一些 随机数发生器， 744 00:38:30,140 --> 00:38:36,000 你可以得到像数学 点随机的，如果你看这件事该 745 00:38:36,000 --> 00:38:39,230 返回到一定数量 之间零和一。 746 00:38:39,230 --> 00:38:39,980 好不好？ 747 00:38:39,980 --> 00:38:44,470 什么数尽 与RGB三元去了？ 748 00:38:44,470 --> 00:38:47,240 零点什么？ 749 00:38:47,240 --> 00:38:49,000 又能上去？ 750 00:38:49,000 --> 00:38:49,950 255。 751 00:38:49,950 --> 00:38:53,320 因此，如果数学随机点 0和1之间的推移， 752 00:38:53,320 --> 00:38:56,365 怎么可能，我们要转换呢？ 753 00:38:56,365 --> 00:38:56,990 听众：时间？ 754 00:38:56,990 --> 00:38:57,830 ALLISON BUCHHOLTZ-AU：是的，没错。 755 00:38:57,830 --> 00:38:58,677 所以时间是255。 756 00:38:58,677 --> 00:39:00,888 >> 观众：[听不清] 这就像[听不清]。 757 00:39:00,888 --> 00:39:02,471 ALLISON BUCHHOLTZ-AU：数学点随机的。 758 00:39:02,471 --> 00:39:03,096 听众：酷。 759 00:39:03,096 --> 00:39:04,580 ALLISON BUCHHOLTZ-AU：是的。 760 00:39:04,580 --> 00:39:06,300 JavaScript的只是需要你照顾。 761 00:39:06,300 --> 00:39:07,580 好不好。 762 00:39:07,580 --> 00:39:09,360 因此，我们可以做到这一点为所有这些。 763 00:39:09,360 --> 00:39:10,540 对不对？ 764 00:39:10,540 --> 00:39:16,480 数学点随机时间255。 765 00:39:16,480 --> 00:39:17,740 复制。 766 00:39:17,740 --> 00:39:18,820 酷。 767 00:39:18,820 --> 00:39:23,350 所以，问题是，这可能 不会返回一个整数。 768 00:39:23,350 --> 00:39:24,080 对不对？ 769 00:39:24,080 --> 00:39:26,450 也许我们得到了一些号码 0和1之间， 770 00:39:26,450 --> 00:39:32,150 它导致它稍微 断，并且我们的位RGB不能浮动。 771 00:39:32,150 --> 00:39:33,360 他们需要的是整数。 772 00:39:33,360 --> 00:39:37,610 所以，如果你尝试这样做，它很可能 有一些反常行为。 773 00:39:37,610 --> 00:39:38,810 这将是一个有点古怪。 774 00:39:38,810 --> 00:39:43,200 所以，我们做的是我们要 确保这些四舍五入， 775 00:39:43,200 --> 00:39:45,400 你可以圆两种方式。 776 00:39:45,400 --> 00:39:47,110 我倒圆楼。 777 00:39:47,110 --> 00:39:49,680 所以我一直确信 它舍去。 778 00:39:49,680 --> 00:39:54,440 多么简单，但要关闭它 是只得到一个随机数， 779 00:39:54,440 --> 00:39:57,920 您怎么看我们 地板可能这个​​数字？ 780 00:39:57,920 --> 00:40:00,720 这是非常相似的。 781 00:40:00,720 --> 00:40:02,810 任何想法？ 782 00:40:02,810 --> 00:40:06,450 所以，如果随机只是数学点 随机的，所以你认为我们会做地板？ 783 00:40:06,450 --> 00:40:09,670 数学圆点地板。 784 00:40:09,670 --> 00:40:11,340 而且你还可以做数学点上限。 785 00:40:11,340 --> 00:40:14,030 一轮是种暧昧 因为你不 786 00:40:14,030 --> 00:40:16,110 知道是否围捕或向下取整。 787 00:40:16,110 --> 00:40:20,797 所以，通常我们总是做数学 点楼，数学点上限。 788 00:40:20,797 --> 00:40:21,380 但honestly-- 789 00:40:21,380 --> 00:40:22,780 >> 听众：请问地板一轮下跌？ 790 00:40:22,780 --> 00:40:24,740 >> ALLISON BUCHHOLTZ-AU：楼几轮下来。 791 00:40:24,740 --> 00:40:26,990 而这仅仅是我的一部分的选择。 792 00:40:26,990 --> 00:40:32,370 >> 所以，现在我们有三个数字 已随机产生的， 793 00:40:32,370 --> 00:40:36,610 而我们现在要做的是我们 只是要改变背景。 794 00:40:36,610 --> 00:40:37,310 好不好？ 795 00:40:37,310 --> 00:40:41,490 因此，我们已经有了我们 种背景存储 796 00:40:41,490 --> 00:40:43,280 在此元素被称为背景。 797 00:40:43,280 --> 00:40:47,300 所以你会发现，如果 你有这个发挥各地， 798 00:40:47,300 --> 00:40:50,460 我们要改变风格。 799 00:40:50,460 --> 00:40:53,812 这是种东西 您将谷歌和弄清楚， 800 00:40:53,812 --> 00:40:55,020 怎么样来改变颜色。 801 00:40:55,020 --> 00:40:59,210 >> 但你访问的方式这个颜色 背景点缀式的点背景。 802 00:40:59,210 --> 00:41:03,490 因此，这是说给 这个对象，背景， 803 00:41:03,490 --> 00:41:06,920 这指的是 元素的ID在那里， 804 00:41:06,920 --> 00:41:10,690 我们要去看看 款式风格之内， 805 00:41:10,690 --> 00:41:13,280 我们要看看背景。 806 00:41:13,280 --> 00:41:14,270 好不好？ 807 00:41:14,270 --> 00:41:17,630 如果你去看看这件事， 它可能使更多一点意义， 808 00:41:17,630 --> 00:41:21,930 但这基本上只是说， “给我这个非常特殊的属性 809 00:41:21,930 --> 00:41:25,770 什么我刚才定义的“。 810 00:41:25,770 --> 00:41:32,340 所以，我们正在改变它是 一些RGB，因为它是有道理的。 811 00:41:32,340 --> 00:41:34,780 我们使用的是RGB三元组，对不对？ 812 00:41:34,780 --> 00:41:41,530 我们have--我想确保我 在这里得到的报价权数。 813 00:41:41,530 --> 00:41:43,940 所以，我们要做的是，我们有 RGB，我们要去 814 00:41:43,940 --> 00:41:46,800 to--这就像 级联，这是红色。 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 然后，我们需要一些逗号。 817 00:41:52,610 --> 00:41:59,925 然后我们要加绿色， 然后一些逗号，和一些蓝色的。 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> 所以这些长处只是 意思是像串联。 820 00:42:14,120 --> 00:42:19,810 所以，这只是创建这个 字符串，它的内部RGB下去。 821 00:42:19,810 --> 00:42:20,310 好不好？ 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> 观众：[听不清]然后加 绿色加那么红。 824 00:42:26,684 --> 00:42:30,163 >> ALLISON BUCHHOLTZ-AU：是啊， 因为我搞砸了起来。 825 00:42:30,163 --> 00:42:30,890 一个人的罚款。 826 00:42:30,890 --> 00:42:32,110 哦，坚持住。 827 00:42:32,110 --> 00:42:32,610 第 828 00:42:32,610 --> 00:42:36,770 因为我需要确保 我得到了所有这些权利。 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 所以我会在UNO时代报解释。 831 00:42:43,950 --> 00:42:47,040 绿色，蓝色，完美。 832 00:42:47,040 --> 00:42:47,971 现在，我完成了。 833 00:42:47,971 --> 00:42:48,470 我相信。 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> 好不好。 836 00:42:52,530 --> 00:42:58,085 所以，这是什么，是背景 将要被设置为某个字符串。 837 00:42:58,085 --> 00:42:58,585 对不对？ 838 00:42:58,585 --> 00:42:59,710 这就是我们在这里。 839 00:42:59,710 --> 00:43:05,870 这将是一些RGB 255逗号 255逗号零，或任何号码，你 840 00:43:05,870 --> 00:43:06,512 有有。 841 00:43:06,512 --> 00:43:08,220 因此，我们在这里做， 我们有一些字符串。 842 00:43:08,220 --> 00:43:11,910 而我们想要做的，就是我们 种动态创建 843 00:43:11,910 --> 00:43:14,010 当我们真正运行这个程序。 844 00:43:14,010 --> 00:43:16,570 所以这是一些字符串。 845 00:43:16,570 --> 00:43:20,290 加配符连接它 红色具有的价值， 846 00:43:20,290 --> 00:43:23,320 它与一个符连接它 逗号，这符连接它 847 00:43:23,320 --> 00:43:26,090 什么是绿色的，而 等等，等等。 848 00:43:26,090 --> 00:43:26,660 好不好？ 849 00:43:26,660 --> 00:43:32,210 直到最后，这是 关闭此RGB的括号在这里。 850 00:43:32,210 --> 00:43:32,800 好不好？ 851 00:43:32,800 --> 00:43:37,230 >> 那么，什么这将 产生一些命令真的 852 00:43:37,230 --> 00:43:42,770 即三个数字的RGB 这样的背景现在设置为。 853 00:43:42,770 --> 00:43:43,940 好不好？ 854 00:43:43,940 --> 00:43:46,510 所以，让我们来看看，如果这个工程。 855 00:43:46,510 --> 00:43:49,720 我希望这样做，因为如果它 不，我要成为真正的悲哀。 856 00:43:49,720 --> 00:43:50,250 哦，不。 857 00:43:50,250 --> 00:43:52,710 OK，坚持住。 858 00:43:52,710 --> 00:43:56,730 绝对的背景 点阵风格的圆点背景。 859 00:43:56,730 --> 00:43:59,569 我肯定失踪 有些事情小。 860 00:43:59,569 --> 00:44:00,610 你们不恨？ 861 00:44:00,610 --> 00:44:04,020 当它只是一个小的小错误？ 862 00:44:04,020 --> 00:44:04,990 全能背景。 863 00:44:04,990 --> 00:44:08,391 864 00:44:08,391 --> 00:44:08,890 RGB。 865 00:44:08,890 --> 00:44:09,765 >> 观众：[听不清] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON BUCHHOLTZ-AU：没有。 868 00:44:12,770 --> 00:44:14,050 课前我试过了。 869 00:44:14,050 --> 00:44:16,570 我拥有的一切之前，我做了 类情况下，我很喜欢， 870 00:44:16,570 --> 00:44:17,970 “等一下，我做了什么错？” 871 00:44:17,970 --> 00:44:23,190 因为我当时想，“我很可能会 搞砸在某个时候。“ 872 00:44:23,190 --> 00:44:24,150 再加上绿色。 873 00:44:24,150 --> 00:44:26,250 一切看起来像它的 正确地连接起来。 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 好不好。 876 00:44:30,520 --> 00:44:31,870 >> 观众：[听不清] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON BUCHHOLTZ-AU：哦，你去那里。 878 00:44:33,810 --> 00:44:35,520 这就是我需要的。 879 00:44:35,520 --> 00:44:36,805 你看那个。 880 00:44:36,805 --> 00:44:40,090 蒂芙尼抢救。 881 00:44:40,090 --> 00:44:40,590 完美。 882 00:44:40,590 --> 00:44:41,090 好不好。 883 00:44:41,090 --> 00:44:43,834 现在，让我们来看看它的工作原理。 884 00:44:43,834 --> 00:44:44,816 哦，我的上帝。 885 00:44:44,816 --> 00:44:45,641 好不好。 886 00:44:45,641 --> 00:44:46,140 坚持，稍等。 887 00:44:46,140 --> 00:44:48,280 >> 听众：第二个加后空间。 888 00:44:48,280 --> 00:44:50,310 >> ALLISON BUCHHOLTZ-AU：哪一个？ 889 00:44:50,310 --> 00:44:52,910 哦，等一下，等一下。 890 00:44:52,910 --> 00:44:54,870 空间磨损？ 891 00:44:54,870 --> 00:44:57,209 >> 听众：二加在 绿色的拼接。 892 00:44:57,209 --> 00:44:58,250 ALLISON BUCHHOLTZ-AU：哦。 893 00:44:58,250 --> 00:44:59,570 听众：有没有空间 加之后，是的。 894 00:44:59,570 --> 00:45:00,790 ALLISON BUCHHOLTZ-AU：你 不用说，但是 - 895 00:45:00,790 --> 00:45:01,190 听众：哦，你还不知道？ 896 00:45:01,190 --> 00:45:01,910 ALLISON BUCHHOLTZ-AU：它看起来很漂亮。 897 00:45:01,910 --> 00:45:02,530 听众：OK。 898 00:45:02,530 --> 00:45:03,030 好不好。 899 00:45:03,030 --> 00:45:05,170 >> ALLISON BUCHHOLTZ AU： 让我们来看看，如果这个工程。 900 00:45:05,170 --> 00:45:05,670 好不好。 901 00:45:05,670 --> 00:45:07,836 我显然没有在 本演示中，这让我想起了 902 00:45:07,836 --> 00:45:12,810 在一周的讲座中， 但我知道这会工作。 903 00:45:12,810 --> 00:45:15,860 我知道这会工作。 904 00:45:15,860 --> 00:45:16,580 如此接近。 905 00:45:16,580 --> 00:45:22,330 除非我不小心删除 我的脚本就这一个。 906 00:45:22,330 --> 00:45:24,035 不，这是党的圆点JS。 907 00:45:24,035 --> 00:45:25,776 OK举行。 908 00:45:25,776 --> 00:45:28,650 我要复制这一点，我也 只是要删除一切， 909 00:45:28,650 --> 00:45:30,108 因为我有这个工作较早。 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> 我保证它的工作原理。 912 00:45:33,770 --> 00:45:36,160 如果没有，我会告诉你什么是汤米的是。 913 00:45:36,160 --> 00:45:38,890 和那里。 914 00:45:38,890 --> 00:45:42,380 >> 听众：你引用方 点CSS，这是一个聚会点的js。 915 00:45:42,380 --> 00:45:45,940 >> ALLISON BUCHHOLTZ-AU：啊，好 这里是一方点JS。 916 00:45:45,940 --> 00:45:49,187 OK，我做了什么不同？ 917 00:45:49,187 --> 00:45:50,520 OK，我们会看到，如果这个工程现在。 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 巴姆。 920 00:45:54,980 --> 00:46:02,110 所以，我不知道我做了什么不同， 但是这是应该发生的。 921 00:46:02,110 --> 00:46:03,230 还挺酷。 922 00:46:03,230 --> 00:46:06,650 我点击这个一样，永远。 923 00:46:06,650 --> 00:46:11,185 但我们可以尝试，看看我做了什么 不同的是这一次了。 924 00:46:11,185 --> 00:46:14,560 我不知道你们这些家伙，但这 看起来基本上是我刚写。 925 00:46:14,560 --> 00:46:17,950 有可能是一个缺失 分号的地方是我的事。 926 00:46:17,950 --> 00:46:22,064 其实之后，我觉得我失踪 分号在这里其实。 927 00:46:22,064 --> 00:46:24,230 但我无法看到它，因为 它是关闭屏幕。 928 00:46:24,230 --> 00:46:29,040 >> 但是，如果我们注意到，这是相当 很多正是我只是写。 929 00:46:29,040 --> 00:46:33,010 我想大概是最难的部分 这仅仅是种这个东西吧 930 00:46:33,010 --> 00:46:36,830 在这里，理解 它在做什么那里。 931 00:46:36,830 --> 00:46:42,230 这些事情你学习 真的只是通过谷歌搜索和诚实 932 00:46:42,230 --> 00:46:42,880 只是尝试。 933 00:46:42,880 --> 00:46:46,770 如果你觉得有一些 属性，有可能是。 934 00:46:46,770 --> 00:46:48,382 所以，试试吧。 935 00:46:48,382 --> 00:46:49,090 看看会发生什么。 936 00:46:49,090 --> 00:46:53,000 正如我所说的，有很多的 实验用JavaScript， 937 00:46:53,000 --> 00:46:56,810 和PHP，以及所有 的东西，尤其是CSS。 938 00:46:56,810 --> 00:47:00,046 这是唯一真实的 的方式来理解它。 939 00:47:00,046 --> 00:47:07,100 >> OK，让惨败与党后， 点JS，我们有两个选择。 940 00:47:07,100 --> 00:47:10,650 我们有时钟或Twitter。 941 00:47:10,650 --> 00:47:12,190 他们都是有趣的。 942 00:47:12,190 --> 00:47:17,720 也许不是很好玩的派对， 其中有一个很酷的小选通 943 00:47:17,720 --> 00:47:19,595 在最后的东西。 944 00:47:19,595 --> 00:47:21,714 难道你们有什么偏好？ 945 00:47:21,714 --> 00:47:22,380 听众：时钟？ 946 00:47:22,380 --> 00:47:22,950 ALLISON BUCHHOLTZ-AU：时钟？ 947 00:47:22,950 --> 00:47:23,450 好不好。 948 00:47:23,450 --> 00:47:25,390 酷。 949 00:47:25,390 --> 00:47:30,460 >> 所以，再一次，我们有我们的 空的JavaScript文件。 950 00:47:30,460 --> 00:47:35,800 正如我们在这里看到，我们 有一些非常简单的HTML。 951 00:47:35,800 --> 00:47:40,010 我们有我们的样式表，只是 格式应该是什么样子。 952 00:47:40,010 --> 00:47:42,860 我们有我们的div 时钟的ID，这 953 00:47:42,860 --> 00:47:44,420 只是说，“这应该是一个时钟。” 954 00:47:44,420 --> 00:47:47,650 我们有我们的链接 我们的JavaScript文件 955 00:47:47,650 --> 00:47:51,400 这实际上是将 我们产生时钟我们。 956 00:47:51,400 --> 00:47:56,060 因为很酷的事情是，你可以 JavaScript的设置自动刷新 957 00:47:56,060 --> 00:47:56,963 本身。 958 00:47:56,963 --> 00:47:57,810 好不好？ 959 00:47:57,810 --> 00:48:01,580 因此，而不是等待 用户打一个页面上刷新 960 00:48:01,580 --> 00:48:03,840 这样就可以得到 更新时间，JavaScript的 961 00:48:03,840 --> 00:48:06,760 但它喜欢可以更新它。 962 00:48:06,760 --> 00:48:12,082 >> 所以，我们最后一次，我们希望 访问我们的背景，对不对？ 963 00:48:12,082 --> 00:48:14,790 所以，你觉得可能是 我们要在这里做的第一件事情？ 964 00:48:14,790 --> 00:48:19,538 种，如果我们要关闭 这种模式在这里的？ 965 00:48:19,538 --> 00:48:22,200 我们可能要 访问我们的时钟，对不对？ 966 00:48:22,200 --> 00:48:24,724 因此，我们有一些变种 时钟，它equals-- 967 00:48:24,724 --> 00:48:26,140 什么我们认为这将是？ 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 文档点获得元素by--我也 爱Sublime-- Id和我们的编号是时钟。 970 00:48:42,670 --> 00:48:43,585 分号。 971 00:48:43,585 --> 00:48:45,710 必须确保获得 那些分号此时， 972 00:48:45,710 --> 00:48:47,835 因为我觉得这样的 是问题最后一次。 973 00:48:47,835 --> 00:48:55,980 OK的话，我只是说，试图 有JavaScript的刷新自己， 974 00:48:55,980 --> 00:48:59,655 有这个伟大的功能，我 知道它派上了用场，去年， 975 00:48:59,655 --> 00:49:02,780 我不知道它派上用场此 PSET，但它被称为设定的时间间隔。 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 其实这是真的 冷静，如果你们做任何事 978 00:49:08,200 --> 00:49:11,460 随着时间的推移或得到 更新的信息。 979 00:49:11,460 --> 00:49:13,700 在作最后的一个网站 项目，这可能是 980 00:49:13,700 --> 00:49:16,240 你想一个函数 得到超级熟悉。 981 00:49:16,240 --> 00:49:19,730 那么，什么设置的时间间隔确实是 我们要去给它一个功能， 982 00:49:19,730 --> 00:49:21,830 以及多久它应该 调用此函数。 983 00:49:21,830 --> 00:49:22,430 好不好？ 984 00:49:22,430 --> 00:49:26,890 >> 所以在这种情况下，我们只是要 再次创造一些匿名函数， 985 00:49:26,890 --> 00:49:31,530 OK，这是会得到 我们的约会，我们的时间， 986 00:49:31,530 --> 00:49:33,780 然后更新的东西，并显示它。 987 00:49:33,780 --> 00:49:35,130 所以我们担心。 988 00:49:35,130 --> 00:49:39,120 我们会喜欢这里产生时钟。 989 00:49:39,120 --> 00:49:41,750 但是，我们需要的是怎样 经常刷新。 990 00:49:41,750 --> 00:49:43,930 因此，在这种情况下，它只是毫秒。 991 00:49:43,930 --> 00:49:46,877 因此，我们只是要 做100毫秒。 992 00:49:46,877 --> 00:49:48,210 当然，完全是任意的。 993 00:49:48,210 --> 00:49:50,600 如果你想它来更新 速度要慢得多，你可以。 994 00:49:50,600 --> 00:49:53,300 我们可以四处乱 与设定的时间间隔， 995 00:49:53,300 --> 00:49:57,240 有多大我们的间隔后，我们得到 工作时钟，希望我 996 00:49:57,240 --> 00:49:59,660 到达。 997 00:49:59,660 --> 00:50:04,110 所以，这只是说，“OK，通话 此功能每100毫秒。“ 998 00:50:04,110 --> 00:50:04,805 好不好？ 999 00:50:04,805 --> 00:50:07,280 这就是它。 1000 00:50:07,280 --> 00:50:12,290 >> 因此，我们希望我们的功能 做的是，我们希望有一些日期 1001 00:50:12,290 --> 00:50:14,200 还有一些时间是什么 我们将有。 1002 00:50:14,200 --> 00:50:19,740 因此，我们可以开始我们 日期等于什么， 1003 00:50:19,740 --> 00:50:22,708 而我们的时间等于什么 我们还不知道。 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 或者实际上，我们只需要日期，因为 日期是要包括一切。 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 同样，如果你只是谷歌任何有关 你想要做什么，如果你写的，“OK， 1008 00:50:40,010 --> 00:50:41,980 我想要得到的时间 通过JavaScript，“它 1009 00:50:41,980 --> 00:50:45,890 会给你这个伟大的 函数调用获取日期。 1010 00:50:45,890 --> 00:50:48,664 从字面上看，大多数事情 你想要做的， 1011 00:50:48,664 --> 00:50:50,830 JavaScript是将有 它已经为你做。 1012 00:50:50,830 --> 00:50:55,770 所以它的字面像新的一样 获得的日期，这是creating-- 1013 00:50:55,770 --> 00:50:58,600 或新的日期，rather-- 在产生 1014 00:50:58,600 --> 00:51:03,690 一些对象，表示一个日期。 1015 00:51:03,690 --> 00:51:08,200 >> 而我们要做的就是在这里 这is--我打算写这个， 1016 00:51:08,200 --> 00:51:10,820 然后说明它做什么。 1017 00:51:10,820 --> 00:51:12,560 所以，我会确保我得到这个权利。 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> 好了，这是什么功能 的确，是我们只是 1020 00:51:23,440 --> 00:51:30,680 创建HTML这实际上 我们去DIV时钟ID中去。 1021 00:51:30,680 --> 00:51:34,610 那么这究竟是什么将做 只是产生一些字符串，OK？ 1022 00:51:34,610 --> 00:51:38,510 即接着将是 移植到我们的HTML。 1023 00:51:38,510 --> 00:51:42,130 基本上，它要做的是 无论we--什么，我会告诉你 1024 00:51:42,130 --> 00:51:49,070 是，无论我们说HTML是， 我们要在这里替换该文本 1025 00:51:49,070 --> 00:51:51,090 与任何HTML的。 1026 00:51:51,090 --> 00:51:56,390 所以，这是怎么回事，让 我们改变时钟点 1027 00:51:56,390 --> 00:52:00,940 被这只是HTML文本 应该是一个时钟，实际上表示 1028 00:52:00,940 --> 00:52:05,630 我们关心的数字与事 一下，实际上是点。 1029 00:52:05,630 --> 00:52:09,810 >> 所以，我们要做的是我们 要开始产生这个HTML。 1030 00:52:09,810 --> 00:52:16,520 因此，我们所用的相同的方式 做加等于为整数， 1031 00:52:16,520 --> 00:52:20,461 你现在可以做的字符串， 但它会来连接它们。 1032 00:52:20,461 --> 00:52:20,960 对不对？ 1033 00:52:20,960 --> 00:52:26,070 正如我们看到党的斑点JS，这只是 符连接所有这些东西放在一起。 1034 00:52:26,070 --> 00:52:31,970 所以，你可以连接不同的位 HTML的变量，或字符串位 1035 00:52:31,970 --> 00:52:33,750 你写出来 自己，这只是 1036 00:52:33,750 --> 00:52:38,650 真的允许你动态 生成HTML，这是很酷。 1037 00:52:38,650 --> 00:52:42,040 所以，如果你有什么 非常具体的用户， 1038 00:52:42,040 --> 00:52:44,130 这可以让你做到这一点。 1039 00:52:44,130 --> 00:52:47,550 >> 因此，我们有HTML，到我要去 尝试，并确保我得到这个权利。 1040 00:52:47,550 --> 00:52:49,890 因此，我们打算做一些H1头。 1041 00:52:49,890 --> 00:52:53,610 那么是什么在这里实现是很重要 是，这其实只是HTML。 1042 00:52:53,610 --> 00:52:54,460 对不对？ 1043 00:52:54,460 --> 00:52:56,610 我们正在写的实际 这里的HTML代码，它的 1044 00:52:56,610 --> 00:53:01,090 不只是一个字符串中的正常 我们会想想办法。 1045 00:53:01,090 --> 00:53:02,930 所以，我们有一些HTML。 1046 00:53:02,930 --> 00:53:04,940 这被认为是一个字符串，在这里虽然。 1047 00:53:04,940 --> 00:53:10,380 而我们做的日期dot--我们 希望得到我们的时间。 1048 00:53:10,380 --> 00:53:12,910 同样，如果你看 上涨约约会什么， 1049 00:53:12,910 --> 00:53:16,160 它会告诉你，这些都是 属性的日期了。 1050 00:53:16,160 --> 00:53:17,670 这里是你可以在上面使用的。 1051 00:53:17,670 --> 00:53:20,620 所以它可能有类似的东西 拿到小时，并获得分钟， 1052 00:53:20,620 --> 00:53:24,669 并获得秒，并获得毫秒， 谁知道还有什么他们。 1053 00:53:24,669 --> 00:53:27,210 但是，如果你看看 文档，它都在那里。 1054 00:53:27,210 --> 00:53:31,980 >> 所以我们必须得小时， 然后，我们希望 1055 00:53:31,980 --> 00:53:35,614 来连接该with--我 要推动这一在这里。 1056 00:53:35,614 --> 00:53:38,780 所以，如果我们产生现在，我们 实际上产生的时间，对吧？ 1057 00:53:38,780 --> 00:53:43,590 我们有时间，然后什么 小时和分钟之间？ 1058 00:53:43,590 --> 00:53:45,080 你有一个分号，对不对？ 1059 00:53:45,080 --> 00:53:48,010 因此，我们要在这里做一些分号。 1060 00:53:48,010 --> 00:53:51,780 然后，我们希望得到我们的 分，所以以相同的方式 1061 00:53:51,780 --> 00:53:56,450 我们有最新的点得到小时， 怎么可能我们得到分钟？ 1062 00:53:56,450 --> 00:54:01,542 这是字面上点的截止日期得到 分钟，那种我喜欢的。 1063 00:54:01,542 --> 00:54:03,250 这就像，“哦，怎么样 让我的分？“ 1064 00:54:03,250 --> 00:54:05,850 我只是让我几分钟。 1065 00:54:05,850 --> 00:54:07,500 >> 好不好。 1066 00:54:07,500 --> 00:54:10,990 然后，我们在这里有另外​​一个冒号。 1067 00:54:10,990 --> 00:54:16,350 然后如果我们想要得到我们 秒，我们如何让我们的第二个？ 1068 00:54:16,350 --> 00:54:17,400 日期点缀得到秒。 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 我认为这是很酷。 1071 00:54:21,590 --> 00:54:23,589 什么是重要的 意识到的是，我们还 1072 00:54:23,589 --> 00:54:31,730 这里需要关闭我们的HTML标签，因为 它应该仍然是有效的HTML，所以H1。 1073 00:54:31,730 --> 00:54:33,481 酷。 1074 00:54:33,481 --> 00:54:43,110 >> 所以在这之后，我们可以做的时钟 点内HTML等于HTML。 1075 00:54:43,110 --> 00:54:43,930 好不好？ 1076 00:54:43,930 --> 00:54:46,470 所以请记住我是怎么说 内基本HTML 1077 00:54:46,470 --> 00:54:50,610 无论需要之间的 两个标签，我们谈到了 1078 00:54:50,610 --> 00:54:54,470 和插入或操纵 无论是在那里？ 1079 00:54:54,470 --> 00:54:58,290 所以，这是什么呢，如果 我们再回到我们的时钟， 1080 00:54:58,290 --> 00:55:04,180 是时钟指 此专区内的一切。 1081 00:55:04,180 --> 00:55:09,770 这是内部HTML 这个编号时钟格。 1082 00:55:09,770 --> 00:55:13,930 所以它会改变它 我们刚刚生成的HTML， 1083 00:55:13,930 --> 00:55:16,750 其中，其中，有希望， 希望，有希望， 1084 00:55:16,750 --> 00:55:21,026 将显示时间现在。 1085 00:55:21,026 --> 00:55:23,960 我们拭目以待。 1086 00:55:23,960 --> 00:55:25,170 当然。 1087 00:55:25,170 --> 00:55:26,860 这么多的技术问题。 1088 00:55:26,860 --> 00:55:31,480 佳佳的just--我 从我今天比赛的家伙。 1089 00:55:31,480 --> 00:55:34,136 OK，那工作。 1090 00:55:34,136 --> 00:55:35,760 时钟点内HTML。 1091 00:55:35,760 --> 00:55:42,097 这是HTML真的吗？ 1092 00:55:42,097 --> 00:55:43,180 也这是会发生什么。 1093 00:55:43,180 --> 00:55:48,750 当你无法看到的东西，你 只是看你的源代码。 1094 00:55:48,750 --> 00:55:49,250 好不好。 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 你想知道周围的工作很酷 我们要做的就在这里？ 1097 00:55:54,870 --> 00:55:55,740 >> 听众：你能做到大写字母？ 1098 00:55:55,740 --> 00:55:56,580 大写字母？ 1099 00:55:56,580 --> 00:55:58,996 因为你必须得小时， 然后拿到分钟。 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON BUCHHOLTZ-AU：它 就是让时间和get--哦。 1101 00:56:02,590 --> 00:56:04,945 你are--金名将。 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 这是所有测试，伙计们。 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 我保证这是课前工作。 1106 00:56:17,330 --> 00:56:22,590 >> OK，但一些很酷的东西知道的是 你可以，如果有时also-- 1107 00:56:22,590 --> 00:56:26,560 外部文件 开始有点疯狂， 1108 00:56:26,560 --> 00:56:30,960 你也可以只把他们直 在这里，这往往会解决的事情。 1109 00:56:30,960 --> 00:56:35,840 除了这就像真难看。 1110 00:56:35,840 --> 00:56:38,050 当然格式化的一切。 1111 00:56:38,050 --> 00:56:41,425 确保这一切都漂亮。 1112 00:56:41,425 --> 00:56:41,925 好不好。 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> 我想要做的所有很酷的演示， 而他们只是不工作了。 1115 00:56:50,621 --> 00:56:51,555 好不好。 1116 00:56:51,555 --> 00:56:53,890 脚本VAR时钟。 1117 00:56:53,890 --> 00:57:00,350 不管怎么说，最重要的是 这是在一般的方式 1118 00:57:00,350 --> 00:57:01,870 你会格式化的JavaScript。 1119 00:57:01,870 --> 00:57:04,490 正如你所看到的，也可以是 很挑剔的，有时， 1120 00:57:04,490 --> 00:57:08,780 即使是从字面上 工作2秒前。 1121 00:57:08,780 --> 00:57:11,820 或者不是两秒钟前， 但是非常非常最近。 1122 00:57:11,820 --> 00:57:16,070 >> 所以，向你展示它应该是什么样子， 并告诉你，我是不是疯了， 1123 00:57:16,070 --> 00:57:19,730 而这一切也正是 同样的，这是它应该是什么样子。 1124 00:57:19,730 --> 00:57:27,410 你只是要做到这一点顶部 在这里，如果你查看​​网页源代码， 1125 00:57:27,410 --> 00:57:32,160 如果你发现，他做了一些 疯狂的事情，我简化它。 1126 00:57:32,160 --> 00:57:35,710 此外，信贷汤米 McWilliam，究竟是谁 1127 00:57:35,710 --> 00:57:38,810 帮我创建这些例子， 这就是为什么我知道他们的工作。 1128 00:57:38,810 --> 00:57:41,560 因为汤米是一个JavaScript高手。 1129 00:57:41,560 --> 00:57:43,180 但是，如果我们注意到，我们有一些设置。 1130 00:57:43,180 --> 00:57:45,170 在这里，我们有我们的时钟功能。 1131 00:57:45,170 --> 00:57:48,450 这是所有的JavaScript 我们只是写了，或者一些。 1132 00:57:48,450 --> 00:57:51,470 我们只是写了这一个就在这里。 1133 00:57:51,470 --> 00:57:54,260 他有一个额外的 功能只是它垫 1134 00:57:54,260 --> 00:57:57,790 通过将零前一 字母或数字，如果是前 1135 00:57:57,790 --> 00:57:59,412 只是其中之一。 1136 00:57:59,412 --> 00:58:02,120 所以，如果你注意到，这是相当 很多正是我们刚才写的。 1137 00:58:02,120 --> 00:58:06,230 你有一些可变的时钟 有我们的元素，通过ID获得元素， 1138 00:58:06,230 --> 00:58:07,252 这是时钟。 1139 00:58:07,252 --> 00:58:08,960 我们有我们设定的时间间隔 功能，这是 1140 00:58:08,960 --> 00:58:12,670 匿名函数 即执行了这一切。 1141 00:58:12,670 --> 00:58:16,940 我们已经开始的一些字符串 HTML，我们再动态 1142 00:58:16,940 --> 00:58:20,750 通过让一些产生 H1头，串联 1143 00:58:20,750 --> 00:58:23,950 用得到的时间，再加上 我们的结肠，再加上越来越 1144 00:58:23,950 --> 00:58:26,860 分钟，加上另外 结肠癌，加上我们秒， 1145 00:58:26,860 --> 00:58:29,330 终于结束HTML它。 1146 00:58:29,330 --> 00:58:34,210 然后我们更新我们的时钟 点内HTML到HTML， 1147 00:58:34,210 --> 00:58:37,640 我们更新每100毫秒。 1148 00:58:37,640 --> 00:58:39,060 好不好？ 1149 00:58:39,060 --> 00:58:42,470 >> 见我保证我没疯。 1150 00:58:42,470 --> 00:58:43,440 我不知道。 1151 00:58:43,440 --> 00:58:47,160 我不知道为什么它不喜欢我。 1152 00:58:47,160 --> 00:58:54,030 我觉得像看起来一样， 但显然是恨我。 1153 00:58:54,030 --> 00:58:59,600 >> 因此，让我们看看第三轮的推移更好。 1154 00:58:59,600 --> 00:59:00,970 我们即将看到的。 1155 00:59:00,970 --> 00:59:02,910 我不知道这是怎么回事去。 1156 00:59:02,910 --> 00:59:06,700 每个人都至少获得 缺点，像是刚刚一般主题 1157 00:59:06,700 --> 00:59:08,480 JavaScript的关系吗？ 1158 00:59:08,480 --> 00:59:15,660 我希望这至少是有益的，更 比显示出这是一个有点挑剔。 1159 00:59:15,660 --> 00:59:21,190 但你的习题集将是非常有趣的。 1160 00:59:21,190 --> 00:59:22,590 这将是巨大的。 1161 00:59:22,590 --> 00:59:24,820 它不会是相当繁琐的作为 因为这，我不认为。 1162 00:59:24,820 --> 00:59:28,100 你会真正得到 看到很酷的事情。 1163 00:59:28,100 --> 00:59:31,734 >> 所以最后但并非最不重要的， 我们将尝试在微博之一。 1164 00:59:31,734 --> 00:59:32,900 我真的害怕了，伙计们。 1165 00:59:32,900 --> 00:59:35,762 我不知道这是怎么回事去。 1166 00:59:35,762 --> 00:59:39,930 但只给你一点点 更有味道，其实这是 1167 00:59:39,930 --> 00:59:44,190 操作字符串和 投入，我们要怎么做 1168 00:59:44,190 --> 00:59:50,960 是，如果我们发现这里与HTML-- 这其中有一个有点缓慢 - 1169 00:59:50,960 --> 00:59:57,200 我们有一些文本区域，这 对应于该文本区这里。 1170 00:59:57,200 --> 00:59:58,030 好不好？ 1171 00:59:58,030 --> 01:00:00,420 并具有文本的ID。 1172 01:00:00,420 --> 01:00:04,520 我们重新设计的那么一点点 一些的宽度和高度 1173 01:00:04,520 --> 01:00:07,310 我们已经预定， 我们已经H1， 1174 01:00:07,310 --> 01:00:11,260 这恰恰是我们的头一个 代表我们的角色离开了。 1175 01:00:11,260 --> 01:00:14,570 我们给它一些标识 剩余字符， 1176 01:00:14,570 --> 01:00:18,660 然后我们有一些脚本 在这里，这我真的 1177 01:00:18,660 --> 01:00:20,790 希望第三次的 这里的魅力，伙计们。 1178 01:00:20,790 --> 01:00:26,750 >> 所以我们想要做的， 在相同的一般静脉 1179 01:00:26,750 --> 01:00:31,480 我们已经与时钟点JS做 和党的圆点作为JS，我们已经注意到了， 1180 01:00:31,480 --> 01:00:35,980 是我们通过实际抓开工 我们关心的事情，对不对？ 1181 01:00:35,980 --> 01:00:42,330 所以在这种情况下，有两个 的事情，我们在意，好不好？ 1182 01:00:42,330 --> 01:00:47,199 有一件事，我们居然有种 寻找到和从描绘数据， 1183 01:00:47,199 --> 01:00:48,990 一件事， 我们实际上改变。 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 因此，有我们的HTML。 1186 01:00:53,730 --> 01:01:00,370 如果这是我们这里的网页，什么是 我们正在寻找的数据？ 1187 01:01:00,370 --> 01:01:03,860 这将是什么 在我们的箱子文字，对不对？ 1188 01:01:03,860 --> 01:01:05,310 所以，无论我在这里输入。 1189 01:01:05,310 --> 01:01:08,150 这就是我想知道的，或者 这就是我想看看。 1190 01:01:08,150 --> 01:01:10,690 什么将是 改变我们的网页？ 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 在剩余字符。 1193 01:01:14,880 --> 01:01:19,550 所以以相同的方式，我们希望 通过初始化变量启动 1194 01:01:19,550 --> 01:01:22,030 实际上守住这些元素。 1195 01:01:22,030 --> 01:01:22,890 好不好？ 1196 01:01:22,890 --> 01:01:29,930 所以，如果我们有一些变种 这是我们的文本区域， 1197 01:01:29,930 --> 01:01:33,681 我们有一些变种是剩下的。 1198 01:01:33,681 --> 01:01:34,180 对不对？ 1199 01:01:34,180 --> 01:01:36,190 所以这些要 持有这两件事情。 1200 01:01:36,190 --> 01:01:42,370 因此，同样的事情， 文档dot-- OK，我 1201 01:01:42,370 --> 01:01:45,920 要确保这是 上班这段时间。 1202 01:01:45,920 --> 01:01:49,620 我很坚决。 1203 01:01:49,620 --> 01:01:53,310 OK，所以如果我们希望我们的 文本区域中，根据 1204 01:01:53,310 --> 01:01:55,710 我们的HTML，什么是我们的标识？ 1205 01:01:55,710 --> 01:01:56,420 什么是我们的身份证号码？ 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 它只是将是文本，因为 这造成我们的文本区域，OK， 1208 01:02:05,540 --> 01:02:10,320 而我们的Id为文本，所以这是 我们如何能抢到什么在那里。 1209 01:02:10,320 --> 01:02:12,130 OK，分号。 1210 01:02:12,130 --> 01:02:13,940 我要成为超级 精确的关于这一点， 1211 01:02:13,940 --> 01:02:16,300 因为我想这个工作，这个时候。 1212 01:02:16,300 --> 01:02:22,120 OK，做同样的事情， 通过id来获取元素。 1213 01:02:22,120 --> 01:02:25,970 我真的不知道有什么 造成其他两个弄乱。 1214 01:02:25,970 --> 01:02:29,750 OK，那么在这其中， 什么我们要访问？ 1215 01:02:29,750 --> 01:02:30,760 什么是我们的标识吗？ 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 我们在其他ID 我们的HTML，是什么呢？ 1218 01:02:36,261 --> 01:02:37,552 听众：剩余字符。 1219 01:02:37,552 --> 01:02:39,343 ALLISON BUCHHOLTZ-AU： 剩余字符。 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> 好不好。 1222 01:02:44,330 --> 01:02:46,010 酷。 1223 01:02:46,010 --> 01:02:49,800 所以我只是要 写这篇文章的真快。 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 我只是在写第二本。 1226 01:02:55,330 --> 01:02:56,190 所以文本区域。 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 有趣的是B function--有 很多的功能，不仅 1229 01:03:06,180 --> 01:03:09,690 符合您 鼠标，但你的键盘。 1230 01:03:09,690 --> 01:03:10,190 好不好？ 1231 01:03:10,190 --> 01:03:16,540 所以，你可以说，当任何键 按下，你可以做这样的事情。 1232 01:03:16,540 --> 01:03:20,450 让我们使用一个 被称为关键了，这 1233 01:03:20,450 --> 01:03:25,320 说，“如果你按任意键 您的键盘，当用户已经解除 1234 01:03:25,320 --> 01:03:28,064 他们的手指关闭该按钮， 而关键已经成为未按下， 1235 01:03:28,064 --> 01:03:29,480 那么我们要做些什么。“ 1236 01:03:29,480 --> 01:03:29,980 好不好？ 1237 01:03:29,980 --> 01:03:31,370 所以，这是有道理的，对不对？ 1238 01:03:31,370 --> 01:03:33,540 因为每个字符 我们输入，我们要去 1239 01:03:33,540 --> 01:03:36,550 有解除我们的十指关 的，所以当键上升， 1240 01:03:36,550 --> 01:03:40,980 我们可以知道递减 我们剩余字符。 1241 01:03:40,980 --> 01:03:44,440 >> 所以，我们有一些关键 起来，并以同样的方式， 1242 01:03:44,440 --> 01:03:47,480 我们会说， “OK，当我们做到这一点，我们 1243 01:03:47,480 --> 01:03:55,110 要创建一些函数， 会在这种情况下采取即，“ 1244 01:03:55,110 --> 01:03:58,800 我们想要做的是什么 计算剩余数。 1245 01:03:58,800 --> 01:04:02,510 OK，让我们刚刚开始 通过创建一个变量。 1246 01:04:02,510 --> 01:04:05,830 因此，我们有一些变量R， 这是怎么回事代表 1247 01:04:05,830 --> 01:04:07,720 多少个字符，我们已经离开。 1248 01:04:07,720 --> 01:04:08,890 好不好？ 1249 01:04:08,890 --> 01:04:14,540 我们知道，我们先从 140，如果我们想知道， 1250 01:04:14,540 --> 01:04:18,360 让我们说，这个长度 这一直是输入字符串， 1251 01:04:18,360 --> 01:04:20,860 做你们有什么想法 我们怎样才能做到这一点？ 1252 01:04:20,860 --> 01:04:23,900 正是基于关闭的明显 东西，比如如果我们想个小时， 1253 01:04:23,900 --> 01:04:25,870 我们用得时间。 1254 01:04:25,870 --> 01:04:28,860 我们知道，我们的目标是 文本区域，但可能你们 1255 01:04:28,860 --> 01:04:33,050 想到什么可能出现后呢？ 1256 01:04:33,050 --> 01:04:35,280 任何想法？ 1257 01:04:35,280 --> 01:04:41,730 >> 所以这一块的种少 直观，但它的价值点的长度。 1258 01:04:41,730 --> 01:04:44,700 所以才给我一些 值属性 1259 01:04:44,700 --> 01:04:46,500 其实这个字符串的长度。 1260 01:04:46,500 --> 01:04:50,340 所以它会说，“OK，我在寻找 在文字区域内的这个整个字符串， 1261 01:04:50,340 --> 01:04:52,730 而且我要告诉 你多久就是。“ 1262 01:04:52,730 --> 01:04:55,500 因为如果我们还记得字符串 其实只是阵列， 1263 01:04:55,500 --> 01:04:58,110 所以我们可以只取其中的长度。 1264 01:04:58,110 --> 01:05:01,860 因此，我们有。 1265 01:05:01,860 --> 01:05:04,058 酷。 1266 01:05:04,058 --> 01:05:09,360 >> 那么我们想要做的是，我们 永远要允许用户 1267 01:05:09,360 --> 01:05:12,340 输入大于 140个字符，对不对？ 1268 01:05:12,340 --> 01:05:15,610 因为如果我们说喜欢，“哦，你 只有这么多剩余，“ 1269 01:05:15,610 --> 01:05:20,522 然后让他们做到这一点 不管怎么说，我们一直在撒谎。 1270 01:05:20,522 --> 01:05:22,230 这是另一种 事情的JavaScript 1271 01:05:22,230 --> 01:05:24,530 可真不错 对，就是用户验证 1272 01:05:24,530 --> 01:05:29,062 并确保你 在任何规则适合用户 1273 01:05:29,062 --> 01:05:30,270 你已经提供给他们。 1274 01:05:30,270 --> 01:05:36,020 所以，如果你想要做这样的事情做 肯定有人输入自己的电子邮件地址， 1275 01:05:36,020 --> 01:05:40,242 或者确保当他们 输入两个密码，它们匹配。 1276 01:05:40,242 --> 01:05:41,200 JavaScript可以做到这一点。 1277 01:05:41,200 --> 01:05:44,010 你会做这样的事情，“当 提交表单，“或类似， 1278 01:05:44,010 --> 01:05:48,170 “当提交表单按钮 点击后，检查所有的这些事情。“ 1279 01:05:48,170 --> 01:05:49,670 我们能做到这一点的JavaScript。 1280 01:05:49,670 --> 01:05:52,680 所以，这正是 我们要在这里做。 1281 01:05:52,680 --> 01:05:57,810 >> 那么，什么可能是一个方法来检查，如果 他们已经走了超过140个字符？ 1282 01:05:57,810 --> 01:06:03,310 发生了什么事情要发生在 我们的R值，如果他们尝试一下呢？ 1283 01:06:03,310 --> 01:06:04,760 这将是负面的，对不对？ 1284 01:06:04,760 --> 01:06:07,380 或者它要少 大于或等于零。 1285 01:06:07,380 --> 01:06:13,690 因此，我们可以使用，如果是 就像一切。 1286 01:06:13,690 --> 01:06:14,270 好不好？ 1287 01:06:14,270 --> 01:06:20,480 我们有一些文字区点 价值，我们在做什么，在这里 1288 01:06:20,480 --> 01:06:29,940 为我们只是cutting--是什么呢？ 1289 01:06:29,940 --> 01:06:30,900 抱歉。 1290 01:06:30,900 --> 01:06:32,732 这一次，我们只是想返回false。 1291 01:06:32,732 --> 01:06:34,030 我弄糊涂了。 1292 01:06:34,030 --> 01:06:36,560 所有的事情疲惫不堪不工作。 1293 01:06:36,560 --> 01:06:40,010 OK，我们只是想 返回false，然后我们 1294 01:06:40,010 --> 01:06:44,160 要显示的 剩下的人物，对吧？ 1295 01:06:44,160 --> 01:06:48,720 所以用时钟，我们做了 一些与内部HTML，对不对？ 1296 01:06:48,720 --> 01:06:52,070 在这里我们将其设置等于一些 可变的，所以什么可能我们在这里做？ 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 什么是我们改变的内在HTML？ 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> 听众：剩余？ 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON BUCHHOLTZ-AU： 我们正在改变剩余。 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 好吧，什么我们做 希望把它设置为？ 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 这将是R，因为这 应该是我们的剩余字符。 1306 01:07:18,437 --> 01:07:19,600 好不好？ 1307 01:07:19,600 --> 01:07:26,060 所以我真的很紧张，如果看到 这个工程现在，但我们会看到。 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 离开这一点。 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 这是真快。 1312 01:07:37,700 --> 01:07:38,970 [听不清] OK。 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 再次，我只是要告诉你。 1315 01:07:45,990 --> 01:07:49,430 无论出于何种原因， 我的决定不工作， 1316 01:07:49,430 --> 01:07:53,354 但我会告诉你的是，这 is--哦，我应该把那个英寸 1317 01:07:53,354 --> 01:07:57,470 OK，我们注意到了相同的排序 这里的事情，得到的文本区域。 1318 01:07:57,470 --> 01:08:01,070 >> 另外，如果你的家伙的通知，如果有 你想要做的事过， 1319 01:08:01,070 --> 01:08:04,080 而你不知道该怎么办 它，只需点击查看页面源代码， 1320 01:08:04,080 --> 01:08:06,632 而且他们会告诉你的。 1321 01:08:06,632 --> 01:08:07,840 有时它会被加密。 1322 01:08:07,840 --> 01:08:11,147 为了您的PSET，我们加密一切， 所以它只是看起来像废话。 1323 01:08:11,147 --> 01:08:13,480 但是，如果有过一个真正的 你喜欢酷的网站， 1324 01:08:13,480 --> 01:08:17,729 如果你只是点击查看页面源代码， 它会告诉你该怎么做。 1325 01:08:17,729 --> 01:08:20,770 如此反复，更聪明地工作，而不是更辛苦。 1326 01:08:20,770 --> 01:08:24,250 正如你在这里看到，所有的 这些东西都是一样的。 1327 01:08:24,250 --> 01:08:31,930 这一次在这里只是需要一些子 这一点，我忘记了正是这种做。 1328 01:08:31,930 --> 01:08:36,980 但它显然需要一些子 从零到10的值的， 1329 01:08:36,980 --> 01:08:41,540 什么应该停止返回false 从输入了用户， 1330 01:08:41,540 --> 01:08:46,040 然后很明显更新 内部HTML那里。 1331 01:08:46,040 --> 01:08:47,410 >> 酷。 1332 01:08:47,410 --> 01:08:53,000 从今天起这么大拿外卖， 实验，看看源代码 1333 01:08:53,000 --> 01:08:58,359 因为它会帮助你很多， 每个人，有时JavaScript的 1334 01:08:58,359 --> 01:09:03,200 可以是很难的工作，并且不 总是工作，你期望它的方式， 1335 01:09:03,200 --> 01:09:05,700 只是继续努力 因为我保证它会的。 1336 01:09:05,700 --> 01:09:08,376 我保证所有这些例子 课前进行了合作。 1337 01:09:08,376 --> 01:09:09,750 我不明白发生了什么事。 1338 01:09:09,750 --> 01:09:13,069 我真的拥有一切相同。 1339 01:09:13,069 --> 01:09:17,660 >> 还有一件事，我只是想 表明你们，可以超好用 1340 01:09:17,660 --> 01:09:21,630 是in--什么工作呢？ 1341 01:09:21,630 --> 01:09:23,935 我们得到了党的工作，不是吗？ 1342 01:09:23,935 --> 01:09:26,569 我想是这样。 1343 01:09:26,569 --> 01:09:27,069 是。 1344 01:09:27,069 --> 01:09:27,630 我们做到了。 1345 01:09:27,630 --> 01:09:28,250 真棒。 1346 01:09:28,250 --> 01:09:31,189 好了，一件事， 你们应该知道 1347 01:09:31,189 --> 01:09:33,340 是我讲的控制台日志。 1348 01:09:33,340 --> 01:09:37,040 于是安慰你好点日志。 1349 01:09:37,040 --> 01:09:40,430 因此，这是同类产品中 等价的JavaScript的printf。 1350 01:09:40,430 --> 01:09:42,810 所以，如果你曾经想 检查你的变量 1351 01:09:42,810 --> 01:09:49,649 或者看看发生些什么事，是什么 你可以做的是，如果我们考察的元素， 1352 01:09:49,649 --> 01:09:51,899 是你想要去的地方 到了，你去安慰， 1353 01:09:51,899 --> 01:09:53,770 你会看到，它打印打招呼。 1354 01:09:53,770 --> 01:09:55,750 >> 这样我们就可以拥有它 打印任何我们想要的。 1355 01:09:55,750 --> 01:10:04,170 如果我们希望它打印背景 点阵式的点的背景下， 1356 01:10:04,170 --> 01:10:08,454 我们应该能看到 RGB三，来了。 1357 01:10:08,454 --> 01:10:11,140 或不。 1358 01:10:11,140 --> 01:10:13,520 我忘了究竟如何 打印这样的一个变量， 1359 01:10:13,520 --> 01:10:17,249 但你应该能够 打印出这样的事情。 1360 01:10:17,249 --> 01:10:19,040 这将是非常有用的 您PSET时， 1361 01:10:19,040 --> 01:10:23,330 你想操纵 坐标或诸如此类的东西。 1362 01:10:23,330 --> 01:10:25,270 因此，他们也改变这片类。 1363 01:10:25,270 --> 01:10:30,750 这是从过去几年不同，所以 仅仅是很好的转录因子或转录因子 1364 01:10:30,750 --> 01:10:36,350 在办公时间而是因为我们 这种伴随着你们学习。 1365 01:10:36,350 --> 01:10:41,230 但是，控制台日志是超级，超级 有助于JavaScript的最后一年。 1366 01:10:41,230 --> 01:10:42,740 所以喜欢它。 1367 01:10:42,740 --> 01:10:43,780 了解如何使用它。 1368 01:10:43,780 --> 01:10:49,026 它更容易使用比GDB，使 应该至少一个加点。 1369 01:10:49,026 --> 01:10:50,650 但是感谢你们的轴承和我在一起。 1370 01:10:50,650 --> 01:10:53,400 对不起，我的 实例出于某种原因 1371 01:10:53,400 --> 01:10:55,410 只是不希望 配合我，但我 1372 01:10:55,410 --> 01:11:01,010 那种希望它有助于让你一个 在JavaScript中区多一点。 1373 01:11:01,010 --> 01:11:04,980 并给我你所有的问题要问 下周，所以我可以修复超， 1374 01:11:04,980 --> 01:11:09,420 我会带上糖果，甚至额外的 糖果，因为这是荒谬的。 1375 01:11:09,420 --> 01:11:14,000 但是，你们是伟大的， 并有一个真棒一周。 1376 01:11:14,000 --> 01:11:15,584