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