1 00:00:00,000 --> 00:00:07,920 2 00:00:07,920 --> 00:00:10,850 >> JASON HIRSCHHORN：歡迎光臨， 每個人，九個星期。 3 00:00:10,850 --> 00:00:14,800 我們有一個令人興奮的一周擺在我們面前 因為我們有我們的最後一個問題集。 4 00:00:14,800 --> 00:00:18,330 我們也有一個全新的語言， JavaScript中，你已經在 5 00:00:18,330 --> 00:00:22,690 不僅使用該中間 問題集，但很多人會 6 00:00:22,690 --> 00:00:24,780 可能利用它進行最後的 項目，特別是 7 00:00:24,780 --> 00:00:26,000 基於網絡的最終項目。 8 00:00:26,000 --> 00:00:32,330 所以，這就是我們今天之後去了 簡要地談到資源， 9 00:00:32,330 --> 00:00:33,180 我們每星期做。 10 00:00:33,180 --> 00:00:36,850 我們會跳成JavaScript，然後 我們會花所有的部分用 11 00:00:36,850 --> 00:00:44,460 實踐活動編碼海豚訓練師 2K13，這就好比勁爆 12 00:00:44,460 --> 00:00:48,650 2013年，但是對於海豚 而在JavaScript中。 13 00:00:48,650 --> 00:00:49,910 >> [笑] 14 00:00:49,910 --> 00:00:53,670 >> JASON HIRSCHHORN：那麼一如既往的列表 為您檢查出來的資源。 15 00:00:53,670 --> 00:01:00,040 這些資源是特別重要 因為下週 16 00:01:00,040 --> 00:01:05,630 週三是測驗之一，你的第二個 並在此過程中最後的測驗。 17 00:01:05,630 --> 00:01:10,700 就像猜謎零，這是75分鐘 下午1:00後開始一點點。 18 00:01:10,700 --> 00:01:16,400 它涵蓋了從零一天一切 這門課程的，但它肯定 19 00:01:16,400 --> 00:01:20,360 強調一切有 自從發生了測驗之一。 20 00:01:20,360 --> 00:01:23,610 >> 但當然，我們討論的for循環 在今年年初。 21 00:01:23,610 --> 00:01:27,130 for循環很可能仍然會 是本測驗的一部分，所以它不是 22 00:01:27,130 --> 00:01:31,050 就像你可以不顧一切的 碰巧本週五或測驗零之前 23 00:01:31,050 --> 00:01:32,910 因為這個課程建立 對本身很多。 24 00:01:32,910 --> 00:01:37,080 但可以肯定的重點將是 事情，因為本週六，我們所學到的。 25 00:01:37,080 --> 00:01:42,520 這包括PHP，JavaScript中，SQL來 可以肯定，並且還更先進的 26 00:01:42,520 --> 00:01:46,560 我們在C中談到了數據結構 整個主機的其他主題，但我們 27 00:01:46,560 --> 00:01:49,860 將討論下週 當我們回顧的測驗。 28 00:01:49,860 --> 00:01:52,940 >> 並且也一如既往，如果您有任何 關於為你的問答題 29 00:01:52,940 --> 00:01:56,690 準備，可以自由地 他們送我的方式。 30 00:01:56,690 --> 00:02:00,230 現在，沒有任何人有任何 有關測驗簡單的問題？ 31 00:02:00,230 --> 00:02:03,140 32 00:02:03,140 --> 00:02:03,380 >> 確定。 33 00:02:03,380 --> 00:02:06,440 不必擔心它還是怪胎 列有關的權利，但保持在 34 00:02:06,440 --> 00:02:10,130 你的內心深處，因為這是 一個星期，每天發生的事情從現在開始。 35 00:02:10,130 --> 00:02:15,030 >> 最後，我知道我們正在朝著運行 本學期結束 - 36 00:02:15,030 --> 00:02:19,910 只有兩個部分後左 這一點 - 但我仍然激動和 37 00:02:19,910 --> 00:02:21,930 渴望你的反饋 如果您有任何。 38 00:02:21,930 --> 00:02:24,500 我要讓那些 最好的兩個部分如初。 39 00:02:24,500 --> 00:02:27,670 他們可能會，因為每個 部分是驚人的，有史以來最好的。 40 00:02:27,670 --> 00:02:32,260 我不知道如何這是可能的，但 他們已經全部被太棒了，我想。 41 00:02:32,260 --> 00:02:37,560 >> 我已經得到的反饋已經落後了 自從到了什麼，沒有 42 00:02:37,560 --> 00:02:40,880 過去幾個星期，所以請給 我，如果你有它的一些反饋。 43 00:02:40,880 --> 00:02:42,910 這需要三分鐘。 44 00:02:42,910 --> 00:02:44,900 你能告訴我一個好東西，你 要我繼續做或 45 00:02:44,900 --> 00:02:46,080 事情我可以工作。 46 00:02:46,080 --> 00:02:49,700 我想是最好的老師 可能的話，或者我試圖做的最好 47 00:02:49,700 --> 00:02:52,920 我可以，但我不能這樣做，如果我不 知道你們是如何做的。 48 00:02:52,920 --> 00:02:55,080 而且這很難告訴你為什麼下降 睡在課堂上，所以讓我 49 00:02:55,080 --> 00:02:58,250 之後，為什麼是這樣的話知道。 50 00:02:58,250 --> 00:03:00,940 >> 上週我向您展示了這一形象。 51 00:03:00,940 --> 00:03:06,910 這是忍者神龜 自行車我有我年輕的時候， 52 00:03:06,910 --> 00:03:12,350 我們正在繼續推動你們 沒有輔助輪，因為我們沉浸 53 00:03:12,350 --> 00:03:13,630 你在另一種語言。 54 00:03:13,630 --> 00:03:18,420 但放心，JavaScript中，如PHP， 是非常相似的東西你已經 55 00:03:18,420 --> 00:03:18,990 在過去所做的那樣。 56 00:03:18,990 --> 00:03:24,100 很多的邏輯轉移過來，如果 沒有語法，只有一個換一。 57 00:03:24,100 --> 00:03:26,910 但同樣，所有這些語言的 我們已經在過去的走了過來 58 00:03:26,910 --> 00:03:30,175 個星期，雖然他們似乎勢不可擋， 是令人難以置信的強大，將使 59 00:03:30,175 --> 00:03:34,440 您在您的最終項目做了很多 也可能其他網站，你 60 00:03:34,440 --> 00:03:36,180 在將來的代碼。 61 00:03:36,180 --> 00:03:41,000 >> 因此，事不宜遲，我們將 開始潛水成JavaScript。 62 00:03:41,000 --> 00:03:44,630 我們要談論它，並簡要 然後真正進入實際操作 63 00:03:44,630 --> 00:03:48,300 編碼本節的一部分。 64 00:03:48,300 --> 00:03:53,000 因此，JavaScript是一種客戶端腳本 語言，這意味著它的 65 00:03:53,000 --> 00:03:56,740 不同於PHP和它的不同 比C JavaScript的編譯不和 66 00:03:56,740 --> 00:03:58,740 它不是由服務器執行。 67 00:03:58,740 --> 00:04:02,090 相反，你加載它。 68 00:04:02,090 --> 00:04:06,710 你加載一個JavaScript頁面時加載 在網頁中，然後它執行 69 00:04:06,710 --> 00:04:08,020 你的機器上。 70 00:04:08,020 --> 00:04:11,120 這意味著你可以看到所有的 這是JavaScript代碼 71 00:04:11,120 --> 00:04:12,240 發送到您的計算機。 72 00:04:12,240 --> 00:04:21,750 >> 有時，它縮短或編碼一個 位，加密位，這樣你 73 00:04:21,750 --> 00:04:23,390 不能明確地告訴發生了什麼事情。 74 00:04:23,390 --> 00:04:26,920 例如，如果你檢查出CS50或 本週的工作人員解決方案 75 00:04:26,920 --> 00:04:31,260 問題集，你去service.js， 你會發現你不能真正告訴 76 00:04:31,260 --> 00:04:32,560 什麼從什麼我們就給你做。 77 00:04:32,560 --> 00:04:37,020 我們加密了一點，使 這有點難度。 78 00:04:37,020 --> 00:04:40,450 不過，你可以看到確切的 我們正在執行的JavaScript文件 79 00:04:40,450 --> 00:04:42,010 而我們的程序運行上。 80 00:04:42,010 --> 00:04:46,510 所以，這就是它的意思是一 客戶端腳本語言。 81 00:04:46,510 --> 00:04:51,280 >> 類似於C和PHP，不過，JavaScript的 擁有for循環，if / else語句 82 00:04:51,280 --> 00:04:52,715 條件，while循環。 83 00:04:52,715 --> 00:04:58,290 類似PHP的，它有一個 foreach循環為好。 84 00:04:58,290 --> 00:05:02,270 再次，非常相似 我們已經看到在語法 85 00:05:02,270 --> 00:05:04,430 我們已把語言 曾與。 86 00:05:04,430 --> 00:05:07,650 >> 最後，最酷的部分之一 JavaScript和東西，我們會 87 00:05:07,650 --> 00:05:10,010 今天做了很多，而且很可能你會 做了很多與你的P組，如果你 88 00:05:10,010 --> 00:05:13,810 沒有經歷過它了，就是你 可以檢查出你有錯誤 89 00:05:13,810 --> 00:05:16,290 在通過JavaScript控制台代碼。 90 00:05:16,290 --> 00:05:17,770 我們有點上週看著它。 91 00:05:17,770 --> 00:05:21,800 我們考察了不同類型的控制台 檢查一個頁面，但在 92 00:05:21,800 --> 00:05:28,420 Chrome瀏覽器，再次，你可以看到的佈局， 在HTML中，記錄你的頁面是 93 00:05:28,420 --> 00:05:29,310 顯示在屏幕上。 94 00:05:29,310 --> 00:05:33,820 您還可以看到所有的JavaScript的 形成該頁面，你也可以一樣 95 00:05:33,820 --> 00:05:36,410 我說，看到所有的錯誤 在JavaScript控制台。 96 00:05:36,410 --> 00:05:40,110 我們會體驗到更多的 當我們開始編碼了一下。 97 00:05:40,110 --> 00:05:42,380 >> 有一點要注意的 JavaScript變量。 98 00:05:42,380 --> 00:05:46,950 PHP變量，它們是 弱類型，所以你不需要 99 00:05:46,950 --> 00:05:48,690 給他們的特定類型。 100 00:05:48,690 --> 00:05:52,330 在範圍方面，已定義 由“變種”的關鍵字。 101 00:05:52,330 --> 00:05:54,890 所以，如果你不把關鍵字前面 的東西，你只要寫名字 102 00:05:54,890 --> 00:05:57,870 可變的，則分配 操作者，在這種情況下，等號。 103 00:05:57,870 --> 00:06:00,360 我忘了一個分號就在那裡， 但假設有一個分號 104 00:06:00,360 --> 00:06:01,590 就在那裡。 105 00:06:01,590 --> 00:06:03,520 >> 然後，你要創建 一個全局變量。 106 00:06:03,520 --> 00:06:06,960 如果你把“無功”的關鍵字，然後 你給它一些類型的本地 107 00:06:06,960 --> 00:06:10,050 範圍，不管是到 一個函數或一個循環。 108 00:06:10,050 --> 00:06:12,215 所以這是一件事 注意變量。 109 00:06:12,215 --> 00:06:15,650 110 00:06:15,650 --> 00:06:17,550 >> JavaScript是一種語言。 111 00:06:17,550 --> 00:06:21,830 jQuery是建立在頂部的庫 JavaScript語言，並且您有 112 00:06:21,830 --> 00:06:24,180 在演講之前見過它。 113 00:06:24,180 --> 00:06:28,010 我強烈建議，如果你打算 在最終被使用JavaScript 114 00:06:28,010 --> 00:06:29,690 項目，你了解jQuery的。 115 00:06:29,690 --> 00:06:33,140 它使你想要的一切 做多了，容易多了。 116 00:06:33,140 --> 00:06:36,730 它還配備了精彩的 文檔和示例，以幫助 117 00:06:36,730 --> 00:06:37,080 你開始。 118 00:06:37,080 --> 00:06:39,430 今天我們將要 使用jQuery為好。 119 00:06:39,430 --> 00:06:43,320 >> 這些，就是我對這張幻燈片， 是的jQuery的非常基本的。 120 00:06:43,320 --> 00:06:47,200 在你的HTML文件或頂部 不管是誰 - 你的index.php文件，你的 121 00:06:47,200 --> 00:06:50,070 index.html文件 - 你需要 包括這兩條線。 122 00:06:50,070 --> 00:06:51,540 這些都是非常通用的線。 123 00:06:51,540 --> 00:06:57,350 第一行包含了jQuery JavaScript文件，並且所述第二線 124 00:06:57,350 --> 00:07:00,410 包括只要你寫 你自己的JavaScript代碼。 125 00:07:00,410 --> 00:07:03,240 當然，因為在你的 你可能已經使用JavaScript代碼 126 00:07:03,240 --> 00:07:07,800 一些jQuery庫函數， 需要以後去 127 00:07:07,800 --> 00:07:09,650 jQuery的包容腳本。 128 00:07:09,650 --> 00:07:12,560 129 00:07:12,560 --> 00:07:15,550 我們將探討這 再一會兒。 130 00:07:15,550 --> 00:07:21,640 >> 最後，在JavaScript文件中， 我把這個index.js中。 131 00:07:21,640 --> 00:07:22,640 它可能是scripts.js。 132 00:07:22,640 --> 00:07:26,510 不管是什麼，什麼的JavaScript 文件中有你，你一般開始 133 00:07:26,510 --> 00:07:30,780 與這行代碼，美元符號， 開括號，文檔，關閉括號， 134 00:07:30,780 --> 00:07:34,810 期間，準備好了，開括號，函數， 開括號，括號閉，然後 135 00:07:34,810 --> 00:07:35,490 大括號。 136 00:07:35,490 --> 00:07:38,930 把你的代碼裡面就有，然後 用大括號結束它，接近 137 00:07:38,930 --> 00:07:40,590 括號，分號。 138 00:07:40,590 --> 00:07:42,550 >> 因此，以此為一個給定的。 139 00:07:42,550 --> 00:07:47,250 如果你將要使用jQuery，包 所有的jQuery代碼內 140 00:07:47,250 --> 00:07:49,230 這行代碼。 141 00:07:49,230 --> 00:07:53,150 我們將再次看到，在一秒鐘。 142 00:07:53,150 --> 00:07:56,170 >> 再次我們將使用jQuery， 並請提問，因為我們去 143 00:07:56,170 --> 00:07:58,420 今天，但沒有任何人有任何 關於jQuery的或問題 144 00:07:58,420 --> 00:07:59,670 JavaScript的權利嗎？ 145 00:07:59,670 --> 00:08:11,410 146 00:08:11,410 --> 00:08:11,780 >> 確定。 147 00:08:11,780 --> 00:08:16,780 因此，事不宜遲，我提出 你海豚訓練師2K13。 148 00:08:16,780 --> 00:08:20,656 我超興奮的最新 版本的產品。 149 00:08:20,656 --> 00:08:22,620 >> 哦，不！ 150 00:08:22,620 --> 00:08:23,590 我是如此興奮。 151 00:08:23,590 --> 00:08:28,030 我要展示給你們， 但看起來我們有沒有 152 00:08:28,030 --> 00:08:28,720 實現它。 153 00:08:28,720 --> 00:08:30,340 讓我們把這個有點大了。 154 00:08:30,340 --> 00:08:35,789 所以，如果我加載的海豚代​​碼 練馬師 - dang了它。 155 00:08:35,789 --> 00:08:37,210 對不起，伙計們。 156 00:08:37,210 --> 00:08:38,520 我工作的這個類之前。 157 00:08:38,520 --> 00:08:40,350 我想我把它完成， 但我想我還是有一些 158 00:08:40,350 --> 00:08:41,210 工作有待完成。 159 00:08:41,210 --> 00:08:44,400 但幸運的是，你們都有一些 JavaScript和jQuery的實踐，使 160 00:08:44,400 --> 00:08:48,110 讓我們繼續和完成 這一起。 161 00:08:48,110 --> 00:08:50,360 >> 我想我送你們的這個副本， 因為我是超級興奮 162 00:08:50,360 --> 00:08:52,710 關於它，所以你應該有 相同的代碼，我有。 163 00:08:52,710 --> 00:08:55,490 讓我們一頭扎進 - 164 00:08:55,490 --> 00:08:56,600 宕了，伙計們，我很抱歉。 165 00:08:56,600 --> 00:08:59,280 讓我們的頭到終端，雖然。 166 00:08:59,280 --> 00:09:02,770 >> 就像和你的過去的問題 套，如果你有我 - 167 00:09:02,770 --> 00:09:05,130 讓我們使這個有點大了， 也為你們 - 168 00:09:05,130 --> 00:09:06,740 你拿了我的zip文件。 169 00:09:06,740 --> 00:09:10,670 你大概解壓縮它。 170 00:09:10,670 --> 00:09:12,970 讓我們在這裡。 171 00:09:12,970 --> 00:09:22,360 最後，希望，你感動成 您保存在同一目錄 172 00:09:22,360 --> 00:09:23,540 您的問題設置8碼。 173 00:09:23,540 --> 00:09:26,780 我們保存在該目錄中，所以我可以 訪問它 - 或者我們都可以訪問 174 00:09:26,780 --> 00:09:31,740 在Chrome瀏覽器中的代碼 我們的電腦上。 175 00:09:31,740 --> 00:09:36,880 >> 並再次，要獲得該代碼，您 只需鍵入在發現地址 176 00:09:36,880 --> 00:09:41,180 底部的右側 您的設備，到這裡。 177 00:09:41,180 --> 00:09:42,490 你會發現你的IP地址。 178 00:09:42,490 --> 00:09:45,260 你鍵入到Chrome瀏覽器 在計算機上，並且在這種情況下， 179 00:09:45,260 --> 00:09:49,110 因為我們是第9的文件夾， 我們還必須添加一個 180 00:09:49,110 --> 00:09:51,340 斜線部分9。 181 00:09:51,340 --> 00:09:52,820 >> 讓我 - 182 00:09:52,820 --> 00:09:54,070 哎呀。 183 00:09:54,070 --> 00:09:55,610 184 00:09:55,610 --> 00:09:58,980 我要盡量減少這種，所以我不 必須通過不斷點擊。 185 00:09:58,980 --> 00:10:00,150 >> 所以這就是我如何設置這個代碼。 186 00:10:00,150 --> 00:10:01,710 我已經這樣做了。 187 00:10:01,710 --> 00:10:04,080 我不會去通過這些 步驟，因為這正是 188 00:10:04,080 --> 00:10:06,090 問題的設置開始走 您如何做。 189 00:10:06,090 --> 00:10:11,520 所以，儘管你會得到這個設​​置 在第二，但首先讓我們 190 00:10:11,520 --> 00:10:14,740 探索這個代碼為一組。 191 00:10:14,740 --> 00:10:15,990 >> 讓我們來看看我做了什麼。 192 00:10:15,990 --> 00:10:18,340 我試圖讓大多數的完成它 上課前，但我想我 193 00:10:18,340 --> 00:10:20,140 是有點落後了。 194 00:10:20,140 --> 00:10:22,643 因此，讓我們打開index.html的。 195 00:10:22,643 --> 00:10:36,600 196 00:10:36,600 --> 00:10:36,920 >> 確定。 197 00:10:36,920 --> 00:10:39,780 和index.html的是一個非常簡單的 頁面因為我沒有 198 00:10:39,780 --> 00:10:40,630 想要得到太瘋狂了。 199 00:10:40,630 --> 00:10:43,200 我真的希望確保它 是工作，但我想我 200 00:10:43,200 --> 00:10:44,830 沒有走到這一步。 201 00:10:44,830 --> 00:10:48,600 >> 這裡的頭，這涉及權利 這些HTML標籤裡面，我們注意到 202 00:10:48,600 --> 00:10:50,180 一對夫婦的事情了蝙蝠的權利。 203 00:10:50,180 --> 00:10:55,320 我們有CSS文件的權利 此處及相應的 204 00:10:55,320 --> 00:10:57,600 CSS文件的位置。 205 00:10:57,600 --> 00:11:02,080 我們有jQuery庫就在這裡， 你會發現不同的東西 206 00:11:02,080 --> 00:11:03,470 關於這一點。 207 00:11:03,470 --> 00:11:06,070 來源是什麼 好長好長。 208 00:11:06,070 --> 00:11:07,500 ajax.googleapis.com/-- 209 00:11:07,500 --> 00:11:12,880 有點類似於URL，但它 不肯定的樣子 210 00:11:12,880 --> 00:11:15,380 JS /的jquery.js。 211 00:11:15,380 --> 00:11:20,280 >> 那是因為我決定，我 不希望有下載 212 00:11:20,280 --> 00:11:23,750 jQuery的文件，然後將其拖動並保存 它在我的圖書館，並 213 00:11:23,750 --> 00:11:25,150 負責。 214 00:11:25,150 --> 00:11:31,040 相反，我只是拿 JavaScript文件，谷歌的主機。 215 00:11:31,040 --> 00:11:34,880 因此，谷歌實際上承載了許多的 庫和jQuery的，因為它是1 216 00:11:34,880 --> 00:11:36,930 最流行的，它承載 那一個為好。 217 00:11:36,930 --> 00:11:40,670 >> 並且因為它是託管的話，我不 需要擔心，他們 218 00:11:40,670 --> 00:11:43,520 更新它，雖然當他們更新它 我可能會改變這些 219 00:11:43,520 --> 00:11:44,640 數字在這裡。 220 00:11:44,640 --> 00:11:47,570 但是，這只是讓我的整個文件 系統有點不太乾淨。 221 00:11:47,570 --> 00:11:49,380 我真的不喜歡託管 所有這些文件。 222 00:11:49,380 --> 00:11:51,780 這是好多了，如果谷歌 有收留他們為我。 223 00:11:51,780 --> 00:11:55,180 所以這又是獲得全 JavaScript文件，但它只是被 224 00:11:55,180 --> 00:11:59,920 由谷歌，而不是在我的主持 我的計算機上的文件系統。 225 00:11:59,920 --> 00:12:05,490 >> 我們也看到，我把兩個 文件dolphins.js和trainer.js。 226 00:12:05,490 --> 00:12:07,070 我們來看看那些在第二。 227 00:12:07,070 --> 00:12:10,550 最後，這個稱號就在這裡。 228 00:12:10,550 --> 00:12:13,980 誰可以在裡面告訴我這是什麼代碼 這些標題標籤，在那裡 229 00:12:13,980 --> 00:12:18,316 的推移我的網頁？ 230 00:12:18,316 --> 00:12:21,560 >> 觀眾：像這樣的事情， 在工具欄或什麼？ 231 00:12:21,560 --> 00:12:23,500 >> JASON HIRSCHHORN：是啊，那個小標籤 在Chrome瀏覽器窗口的頂部。 232 00:12:23,500 --> 00:12:25,650 這就是該文本去。 233 00:12:25,650 --> 00:12:28,680 >> 在人體內，你可以 看，沒有太多的東西在這裡。 234 00:12:28,680 --> 00:12:30,900 我只有三個div的。 235 00:12:30,900 --> 00:12:33,130 我給他們一些ID和 我把一個小的文字英寸 236 00:12:33,130 --> 00:12:37,350 不過，我想這就是為什麼我們不這樣做 看不到任何東西在這裡。 237 00:12:37,350 --> 00:12:39,350 事實上，我們看到海豚訓練師2K13。 238 00:12:39,350 --> 00:12:39,810 我們看到TODO。 239 00:12:39,810 --> 00:12:42,510 我不知道那是來自哪裡 因為我沒有看到這一點。 240 00:12:42,510 --> 00:12:44,510 因此，也許這就是在一 我的JavaScript文件。 241 00:12:44,510 --> 00:12:46,630 我們將檢查出的第二個。 242 00:12:46,630 --> 00:12:50,120 >> 可人家告訴我是什麼 這個ID是指就在這裡？ 243 00:12:50,120 --> 00:12:54,890 244 00:12:54,890 --> 00:13:00,210 >> 觀眾：這是調用的一種方式 在[聽不清]的特定部分 245 00:13:00,210 --> 00:13:00,440 文件？ 246 00:13:00,440 --> 00:13:01,250 >> JASON HIRSCHHORN：是啊。 247 00:13:01,250 --> 00:13:03,980 這只是一種方式來引用 這種特殊的分區。 248 00:13:03,980 --> 00:13:07,830 ID是非常獨特的。 249 00:13:07,830 --> 00:13:09,150 好不好？ 250 00:13:09,150 --> 00:13:10,050 艱難的人群。 251 00:13:10,050 --> 00:13:12,690 所以，ID是通常唯一的。 252 00:13:12,690 --> 00:13:15,210 你給他們一個特定的 元素在你的代碼。 253 00:13:15,210 --> 00:13:18,040 254 00:13:18,040 --> 00:13:21,540 >> 如果我想引用一個數字 元素，不管是對CSS的 255 00:13:21,540 --> 00:13:23,350 造型或jQuery的？ 256 00:13:23,350 --> 00:13:25,610 我可以給他們什麼屬性？ 257 00:13:25,610 --> 00:13:26,330 >> 對象：類。 258 00:13:26,330 --> 00:13:27,270 >> JASON HIRSCHHORN：A類，完全是。 259 00:13:27,270 --> 00:13:28,480 右。 260 00:13:28,480 --> 00:13:32,610 >> OK，這樣的index.html，再次， 沒有太多的事情在這裡。 261 00:13:32,610 --> 00:13:42,550 因此，讓我們打開另一個文件。 262 00:13:42,550 --> 00:13:43,930 讓我們來看看我有什麼。 263 00:13:43,930 --> 00:13:44,700 這就是我在這裡。 264 00:13:44,700 --> 00:13:48,455 讓我們去到的JS文件夾中。 265 00:13:48,455 --> 00:13:51,570 我不會擔心 CSS的現在。 266 00:13:51,570 --> 00:13:55,268 讓我們打開了dolphins.js。 267 00:13:55,268 --> 00:13:56,900 >> 哎呀。 268 00:13:56,900 --> 00:13:58,150 或者更確切地說 - 269 00:13:58,150 --> 00:14:03,470 270 00:14:03,470 --> 00:14:03,860 確定。 271 00:14:03,860 --> 00:14:07,650 所以，dolphins.js，它實際上看起來 非常相似的一些代碼你 272 00:14:07,650 --> 00:14:10,210 在問題被賦予設置8。 273 00:14:10,210 --> 00:14:12,870 你可以通過它滾動。 274 00:14:12,870 --> 00:14:15,730 誰能告訴我，雖然， 什麼是海豚？ 275 00:14:15,730 --> 00:14:16,840 這全部大寫海豚？ 276 00:14:16,840 --> 00:14:17,810 那是什麼？ 277 00:14:17,810 --> 00:14:19,810 什麼樣的數據類型是什麼？ 278 00:14:19,810 --> 00:14:20,570 >> 觀眾：陣列。 279 00:14:20,570 --> 00:14:22,560 >> JASON HIRSCHHORN：這是一個數組。 280 00:14:22,560 --> 00:14:25,280 我們知道它是一個數組，因為我 看到這些方括號在這裡。 281 00:14:25,280 --> 00:14:29,335 和別人，有什麼 它的數組？ 282 00:14:29,335 --> 00:14:30,229 >> 對象：對象？ 283 00:14:30,229 --> 00:14:32,900 >> JASON HIRSCHHORN：這是 對象的數組。 284 00:14:32,900 --> 00:14:33,740 你可以看到這一點。 285 00:14:33,740 --> 00:14:35,996 你怎麼知道這是 對象的數組？ 286 00:14:35,996 --> 00:14:41,105 >> 觀眾：因為你有這個冒號 大括號之間的引導？ 287 00:14:41,105 --> 00:14:41,700 >> JASON HIRSCHHORN：對。 288 00:14:41,700 --> 00:14:44,760 所以，我有這些大括號就在這裡， 然後你可以看到逗號 289 00:14:44,760 --> 00:14:47,830 分離不同 在這個對象數組。 290 00:14:47,830 --> 00:14:52,040 然後每個對象裡面，我有 結腸癌的東西和別的東西。 291 00:14:52,040 --> 00:14:54,920 與一般什麼這是第一部分， 東西向冒號左邊？ 292 00:14:54,920 --> 00:14:57,070 什麼是叫什麼？ 293 00:14:57,070 --> 00:14:57,450 籠統？ 294 00:14:57,450 --> 00:14:59,090 我們如何參考呢？ 295 00:14:59,090 --> 00:15:00,335 >> 觀眾：指數？ 296 00:15:00,335 --> 00:15:02,810 >> JASON HIRSCHHORN：指數，或可能 更一般地，鍵。 297 00:15:02,810 --> 00:15:04,750 然後在右手 側的值。 298 00:15:04,750 --> 00:15:05,670 所以索引，鍵。 299 00:15:05,670 --> 00:15:07,590 但是，如果我們談論這些， 我們通常指的是對的事情 300 00:15:07,590 --> 00:15:08,770 左手邊。 301 00:15:08,770 --> 00:15:11,450 >> 在一個簡單的數組，再一次， 我們有索引0。 302 00:15:11,450 --> 00:15:11,900 1。 303 00:15:11,900 --> 00:15:12,220 2。 304 00:15:12,220 --> 00:15:12,510 3。 305 00:15:12,510 --> 00:15:13,580 4。 306 00:15:13,580 --> 00:15:17,640 和海豚，我們將有海豚0， 1海豚，海豚2，海豚3， 307 00:15:17,640 --> 00:15:18,640 海豚4。 308 00:15:18,640 --> 00:15:24,900 我們也有，這個對象裡面，我們 一般不會參考的東西。 309 00:15:24,900 --> 00:15:29,460 或者，如果我們只是有這個權利對象 在這裡，我們不打算說的對象0， 310 00:15:29,460 --> 00:15:30,480 對象1，對象2。 311 00:15:30,480 --> 00:15:35,460 我們會說對象名稱，或 對象類型，對象的長度，等等。 312 00:15:35,460 --> 00:15:38,120 這就是我們如何將得到的值 在右手側。 313 00:15:38,120 --> 00:15:41,460 因此，如果我們說對象​​的名稱，例如， 我們會得到這個字符串， 314 00:15:41,460 --> 00:15:43,200 “恩。” 315 00:15:43,200 --> 00:15:47,510 >> 所以當你們告訴我，海豚 簡直就是一個對象數組。 316 00:15:47,510 --> 00:15:49,875 你可以看到所有的對象 有一個名稱，類型，一個屬。 317 00:15:49,875 --> 00:15:51,920 是發音是否正確？ 318 00:15:51,920 --> 00:15:52,880 任何人嗎？ 319 00:15:52,880 --> 00:15:53,420 屬？ 320 00:15:53,420 --> 00:15:53,935 大。 321 00:15:53,935 --> 00:15:55,465 >> 的長度，重量。 322 00:15:55,465 --> 00:15:56,620 是發音是否正確？ 323 00:15:56,620 --> 00:15:57,340 我想是這樣。 324 00:15:57,340 --> 00:16:01,870 和圖片，只是一個網址 一些文件在網上。 325 00:16:01,870 --> 00:16:05,700 而在這裡，我們關閉陣列， 對倒在那裡非常左手 326 00:16:05,700 --> 00:16:06,930 我的屏幕的一側。 327 00:16:06,930 --> 00:16:08,543 所以，這一切dolphins.js是。 328 00:16:08,543 --> 00:16:17,310 329 00:16:17,310 --> 00:16:18,530 >> 哦，我的天啊。 330 00:16:18,530 --> 00:16:19,530 這解釋了它。 331 00:16:19,530 --> 00:16:20,930 我想我會完成 一切，但看看。 332 00:16:20,930 --> 00:16:22,840 有這些待辦事項。 333 00:16:22,840 --> 00:16:25,500 好了，希望我們能 做那些在一起。 334 00:16:25,500 --> 00:16:27,540 但是，讓我們之前，首先我們做 這，只是穿行 335 00:16:27,540 --> 00:16:29,190 此代碼速度非常快。 336 00:16:29,190 --> 00:16:33,600 >> 因此，正如我所說的，我們在非常見 開始這條線，我不得不在 337 00:16:33,600 --> 00:16:36,030 幻燈片（文件）。就緒（函數（）。 338 00:16:36,030 --> 00:16:38,710 而且基本上什麼，那將 做的是等待，直到一切都在你的 339 00:16:38,710 --> 00:16:42,690 頁面已經加載，所以等到 它的所有陣列，一切都很好 340 00:16:42,690 --> 00:16:45,490 去，然後開始執行 這段代碼。 341 00:16:45,490 --> 00:16:49,230 所以，如果你需要的，如果要運行一些PHP， 你需要得到一些圖片， 342 00:16:49,230 --> 00:16:53,280 不管它是什麼，所有的代碼已經 設置並準備好了在你的索引頁 343 00:16:53,280 --> 00:16:56,270 或任何頁面已經被加載， 現在你要開始 344 00:16:56,270 --> 00:16:58,810 執行你的代碼。 345 00:16:58,810 --> 00:17:02,020 >> 所以我們做的第一件事就是 我們成立了這個數組。 346 00:17:02,020 --> 00:17:04,599 而我沒有var關鍵字 還有，究竟什麼是 347 00:17:04,599 --> 00:17:05,650 這個數組的範圍有多大？ 348 00:17:05,650 --> 00:17:06,530 >> 觀眾：這是全球性的。 349 00:17:06,530 --> 00:17:09,730 >> JASON HIRSCHHORN：這是全球化的， ocean_array可以從被訪問 350 00:17:09,730 --> 00:17:11,380 在這個文件中的任何地方。 351 00:17:11,380 --> 00:17:14,130 >> 然後我們看到這個for循環。 352 00:17:14,130 --> 00:17:18,930 它沒有說的foreach，但是這 本質上是一個foreach循環。 353 00:17:18,930 --> 00:17:24,010 而這僅僅是JavaScript的版本， 所以對於海豚每個變種海豚， 354 00:17:24,010 --> 00:17:25,780 是什麼數據類型？ 355 00:17:25,780 --> 00:17:30,260 雖然，再次，JavaScript不 有這些數據類型本身，是什麼 356 00:17:30,260 --> 00:17:31,335 數據類型是海豚？ 357 00:17:31,335 --> 00:17:32,460 >> 對象：一個對象。 358 00:17:32,460 --> 00:17:34,290 >> JASON HIRSCHHORN：這是一個對象。 359 00:17:34,290 --> 00:17:37,590 我們得到的每個對象 在海豚陣列。 360 00:17:37,590 --> 00:17:42,630 所以在這裡，它看起來像我忘了 把所有這些海豚從我們的 361 00:17:42,630 --> 00:17:46,300 巨型海豚想進 ocean_array，所以我們也許應該做的 362 00:17:46,300 --> 00:17:47,410 ，第一。 363 00:17:47,410 --> 00:17:50,880 >> 然後，調用事 該池變量。 364 00:17:50,880 --> 00:17:52,490 我將其設置為null。 365 00:17:52,490 --> 00:17:55,080 然後我調用這個函數 draw_ocean。 366 00:17:55,080 --> 00:17:56,580 我訓練海豚時，其 圖片被點擊 - 367 00:17:56,580 --> 00:17:58,140 我沒有做過這一點 - 設置一個海豚自由時 368 00:17:58,140 --> 00:17:59,530 單擊該按鈕。 369 00:17:59,530 --> 00:18:01,550 >> 所以這些都是我需要做的事情。 370 00:18:01,550 --> 00:18:04,770 我想我應該給你一些 背景是什麼，我試圖做的。 371 00:18:04,770 --> 00:18:08,930 因此，如果我們去這裡，我真正想要的 這看起來像被一個數組起來 372 00:18:08,930 --> 00:18:12,740 在這裡，而不是它說：“TODO：”我 需求的一個表，本質上，與 373 00:18:12,740 --> 00:18:14,750 所有海豚的圖片。 374 00:18:14,750 --> 00:18:18,150 然後當你點擊​​一張圖片， 我希望它愛不釋手的 375 00:18:18,150 --> 00:18:21,320 屏幕底部的一半，並給 你上的所有信息，並 376 00:18:21,320 --> 00:18:24,170 這將是池中的海豚， 你訓練的海豚。 377 00:18:24,170 --> 00:18:25,040 >> 所以，我認為這將是非常酷的。 378 00:18:25,040 --> 00:18:27,980 你擁有所有這些海豚在海洋中 在這裡，然後單擊一個鏈接， 379 00:18:27,980 --> 00:18:30,230 並且它會去游泳池，和 那麼你可以訓練它。 380 00:18:30,230 --> 00:18:31,590 所以，這就是我要怎樣做。 381 00:18:31,590 --> 00:18:33,890 然後還會有一個按鈕在這裡 在游泳池，你可以點擊， 382 00:18:33,890 --> 00:18:36,950 就像“設置免費”，你可以設置 與海豚，它會回去 383 00:18:36,950 --> 00:18:38,030 進入海洋。 384 00:18:38,030 --> 00:18:40,390 >> 所以，這就是我試圖創建， 但同樣，我會需要你的幫助 385 00:18:40,390 --> 00:18:41,490 創建它。 386 00:18:41,490 --> 00:18:44,790 所以希望，其中的一些關鍵字 或這些術語將啟動 387 00:18:44,790 --> 00:18:47,890 決策意識在現在的背景下 這個方案的。 388 00:18:47,890 --> 00:18:49,640 >> 讓我們繼續期待通過這個文件。 389 00:18:49,640 --> 00:18:50,830 我們調用這個函數draw_ocean。 390 00:18:50,830 --> 00:18:56,650 它是獨一無二的功能，我們稱之為 從的document.ready部分。 391 00:18:56,650 --> 00:19:01,600 所以我們稱這種draw_ocean功能， 它看起來像它創建了一個字符串， 392 00:19:01,600 --> 00:19:03,010 一個變量，在這裡。 393 00:19:03,010 --> 00:19:06,790 在字符串中放的東西，增加了更多的 東東的字符串，增加了更多的 394 00:19:06,790 --> 00:19:11,750 東東的字符串，並 那麼這行代碼。 395 00:19:11,750 --> 00:19:14,270 我說，打印出HTML字符串。 396 00:19:14,270 --> 00:19:19,230 而有人向我解釋什麼 這行代碼呢？ 397 00:19:19,230 --> 00:19:21,800 嗯，首先，有哪些呢 該美元符號是什麼意思？ 398 00:19:21,800 --> 00:19:26,550 399 00:19:26,550 --> 00:19:30,914 這不是一個PHP變量，但 這是否美元符號是什麼意思？ 400 00:19:30,914 --> 00:19:34,680 >> 觀眾：鏈接到的HTML中的ID - 401 00:19:34,680 --> 00:19:37,220 它就像它鏈接到的HTML代碼？ 402 00:19:37,220 --> 00:19:38,430 >> JASON HIRSCHHORN：怎麼樣 那個美元符號？ 403 00:19:38,430 --> 00:19:40,662 這是什麼貨幣符號說明什麼？ 404 00:19:40,662 --> 00:19:43,364 >> 觀眾：鏈接到HTML不知何故？ 405 00:19:43,364 --> 00:19:46,630 >> JASON HIRSCHHORN：我們在那裡看到的 在此之前美元符號在JavaScript？ 406 00:19:46,630 --> 00:19:47,920 我們看到它的講座。 407 00:19:47,920 --> 00:19:48,360 我們談論它。 408 00:19:48,360 --> 00:19:50,150 什麼是美元符號是什麼意思？ 409 00:19:50,150 --> 00:19:51,220 >> 觀眾：東西用jQuery？ 410 00:19:51,220 --> 00:19:52,380 >> JASON HIRSCHHORN：完全正確。 411 00:19:52,380 --> 00:19:54,270 這牽扯到與jQuery。 412 00:19:54,270 --> 00:19:59,310 這個美元符號意味著我使用 一個jQuery庫函數在這裡。 413 00:19:59,310 --> 00:20:00,980 完全正確。 414 00:20:00,980 --> 00:20:04,560 >> 所以我們寫的美元符號，然後 我們有這個括號開放和關閉 415 00:20:04,560 --> 00:20:09,150 括號和裡面就有，發生的事情 當你使用一個內有 416 00:20:09,150 --> 00:20:13,380 jQuery庫功能，或者你 使用jQuery庫？ 417 00:20:13,380 --> 00:20:14,690 同樣，你在課堂上看到了這一點。 418 00:20:14,690 --> 00:20:16,840 有人可以給我 - 你 也看到一些東西在這裡。 419 00:20:16,840 --> 00:20:18,090 什麼有內部雲？ 420 00:20:18,090 --> 00:20:22,220 421 00:20:22,220 --> 00:20:23,550 >> 傑夫，給我一個猜測。 422 00:20:23,550 --> 00:20:27,000 這是什麼樣子，＃海洋？ 423 00:20:27,000 --> 00:20:28,270 我們在那裡見過呢？ 424 00:20:28,270 --> 00:20:29,920 >> 觀眾：它是一個庫 還是什麼？ 425 00:20:29,920 --> 00:20:30,720 我不知道。 426 00:20:30,720 --> 00:20:36,420 >> JASON HIRSCHHORN：好吧，讓我們 我打開索引點 - 427 00:20:36,420 --> 00:20:37,710 不，不對的地方。 428 00:20:37,710 --> 00:20:44,220 429 00:20:44,220 --> 00:20:46,600 >> 所以我們看到我們有一些 這裡所謂的海洋。 430 00:20:46,600 --> 00:20:50,870 在那裡，我們看到了＃海洋包括hashtag 海洋，語法呢？ 431 00:20:50,870 --> 00:20:53,490 432 00:20:53,490 --> 00:20:53,950 是嗎？ 433 00:20:53,950 --> 00:20:55,190 >> 觀眾：CSS？ 434 00:20:55,190 --> 00:20:56,810 >> JASON HIRSCHHORN：在CSS中。 435 00:20:56,810 --> 00:21:00,720 所以我們就想風格的東西， 記得我們會把這個標籤的CSS 436 00:21:00,720 --> 00:21:05,360 選擇器，或者包括hashtag海洋，例如 並且所有格式 437 00:21:05,360 --> 00:21:09,270 我們想給的東西 ID為海洋我們把裡面。 438 00:21:09,270 --> 00:21:15,470 >> 所以，在這裡裡面它不是CSS 選擇去這裡。 439 00:21:15,470 --> 00:21:17,630 jQuery的定義了自己的 類型選擇器。 440 00:21:17,630 --> 00:21:21,650 但它同樣的想法，實際上 他們中的很多重疊的CSS。 441 00:21:21,650 --> 00:21:24,710 因此，這些開放括號裡面，你 把一個選擇器，無論 442 00:21:24,710 --> 00:21:28,670 選擇是指，那是什麼 你將要使用。 443 00:21:28,670 --> 00:21:32,320 >> 因此，在這種情況下，我 選擇編號的海洋。 444 00:21:32,320 --> 00:21:33,690 如果我有一個類 - 445 00:21:33,690 --> 00:21:38,830 比方說，我有一類的東西 所謂的“圖像，”我給了一個 446 00:21:38,830 --> 00:21:45,662 很多元素，我怎麼引用 一類的東西稱為“圖像？” 447 00:21:45,662 --> 00:21:47,110 >> 觀眾：我認為這是圓點。 448 00:21:47,110 --> 00:21:48,140 >> JASON HIRSCHHORN：用一個點。 449 00:21:48,140 --> 00:21:50,830 所以，如果不是我把點陣圖像。在這裡， 這會給我之類的 450 00:21:50,830 --> 00:21:51,980 東西叫做“圖像”。 451 00:21:51,980 --> 00:21:54,810 >> 當然，這是超級強大， 你可以參考的東西很多。 452 00:21:54,810 --> 00:21:59,970 事實上，我可能會參照基本 在HTML中的任何標記。 453 00:21:59,970 --> 00:22:04,630 所以，如果我想要做的是，TD，這是 我們以前見過一個標籤時， 454 00:22:04,630 --> 00:22:05,750 創建表。 455 00:22:05,750 --> 00:22:10,060 你可能熟悉 從p設置7。 456 00:22:10,060 --> 00:22:12,470 在這種情況下，它實際上將 選擇所有的人。 457 00:22:12,470 --> 00:22:14,920 這是要給我陣列 所有TD標籤。 458 00:22:14,920 --> 00:22:16,760 但可以得到一個有點勢不可擋， 如此往復，現在我們 459 00:22:16,760 --> 00:22:19,390 要堅持公正 參考標識。 460 00:22:19,390 --> 00:22:23,510 >> 那麼，這樣做，又是 這得到，在這種情況下 - 461 00:22:23,510 --> 00:22:23,970 抱歉。 462 00:22:23,970 --> 00:22:27,020 到這裡，到index.html的。 463 00:22:27,020 --> 00:22:33,510 這是一個海洋，而海洋的ID 引用一個div，所以這部分的這 464 00:22:33,510 --> 00:22:37,130 行代碼獲取該div。 465 00:22:37,130 --> 00:22:42,610 >> 然後這點意味著我打電話 的函數，並且該名稱 466 00:22:42,610 --> 00:22:44,460 功能是HTML。 467 00:22:44,460 --> 00:22:48,725 而這短暫的，如果你們看到了 之前，美元符號，文件，得到點 468 00:22:48,725 --> 00:22:52,200 通過ID元素，點綴內部HTML。 469 00:22:52,200 --> 00:22:54,350 這僅僅是jQuery的版本。 470 00:22:54,350 --> 00:22:57,200 所以在HTML函數只是 得到的內部HTML。 471 00:22:57,200 --> 00:22:58,920 的該元素。 472 00:22:58,920 --> 00:23:03,690 如此反复，如果我們回頭看這裡，我們將 看有沒有內部HTML。 473 00:23:03,690 --> 00:23:07,990 所以，如果我這樣做，我會 試圖得到的HTML。 474 00:23:07,990 --> 00:23:10,390 當我鍵入此，我 設置的HTML。 475 00:23:10,390 --> 00:23:13,110 所以我通過這個函數將字符串， 我已經創建的字符串 476 00:23:13,110 --> 00:23:18,560 在這裡，並說把那 裡面的海洋格。 477 00:23:18,560 --> 00:23:18,980 是嗎？ 478 00:23:18,980 --> 00:23:21,550 >> 觀眾：當你的 HTML中，你剛開 479 00:23:21,550 --> 00:23:22,972 一個副本，如果它，對不對？ 480 00:23:22,972 --> 00:23:25,070 你不刪除它。 481 00:23:25,070 --> 00:23:25,710 >> JASON HIRSCHHORN：對。 482 00:23:25,710 --> 00:23:28,640 如果我這樣做，並希望 保存這個變量var - 483 00:23:28,640 --> 00:23:31,120 哎呀。 484 00:23:31,120 --> 00:23:34,840 這將得到的所有信息， 在那裡，將它保存在另一個 485 00:23:34,840 --> 00:23:35,800 變量，使得它的一個副本。 486 00:23:35,800 --> 00:23:36,384 >> 觀眾：確定。 487 00:23:36,384 --> 00:23:37,634 得到了它。 488 00:23:37,634 --> 00:23:39,900 489 00:23:39,900 --> 00:23:43,860 >> JASON HIRSCHHORN：所以我們創造了一些 HTML格式，保存在字符串中。 490 00:23:43,860 --> 00:23:44,590 我們節省一些。 491 00:23:44,590 --> 00:23:47,720 在這裡，您會看到TODO字符串。 492 00:23:47,720 --> 00:23:51,300 所以這可能是我們在哪裡 獲得這TODO從什麼時候 493 00:23:51,300 --> 00:23:52,730 我們進入我們的頁面。 494 00:23:52,730 --> 00:23:56,610 而實際上，如果我右鍵點擊TODO， 檢查元素，我們談到了 495 00:23:56,610 --> 00:23:57,240 這最後一周。 496 00:23:57,240 --> 00:24:02,400 這就是我們能看到的HTML 我們的頁面結構。 497 00:24:02,400 --> 00:24:03,980 >> 你會發現，到這裡 - 498 00:24:03,980 --> 00:24:05,230 讓我們使這個有點大了，太 - 499 00:24:05,230 --> 00:24:08,060 500 00:24:08,060 --> 00:24:11,390 我們有我們的div ID海洋就在這裡。 501 00:24:11,390 --> 00:24:14,390 大家看到這行代碼？ 502 00:24:14,390 --> 00:24:16,330 而這正是我們的類型 在index.html的。 503 00:24:16,330 --> 00:24:18,880 504 00:24:18,880 --> 00:24:30,430 >> 裡面的話，我們現在看到的這個 表行代碼。 505 00:24:30,430 --> 00:24:34,800 什麼代碼，表行， 這就是我們剛剛插入到代碼 506 00:24:34,800 --> 00:24:35,770 這個元素。 507 00:24:35,770 --> 00:24:39,650 而且我們來看看它裡面，我們從來沒有 類型化COLGROUP和TBODY。 508 00:24:39,650 --> 00:24:42,330 這增加了對我們，因為 我們做了一些花哨的東西。 509 00:24:42,330 --> 00:24:47,590 但是你會發現還有的TR， 有一個與TODO的TD。 510 00:24:47,590 --> 00:24:50,680 >> 所以看起來，同樣， 我們在這裡寫代碼。 511 00:24:50,680 --> 00:24:52,300 這正是這 線在做什麼。 512 00:24:52,300 --> 00:24:56,940 它正在採取我們的HTML字符串， 把它裡面的這個div就在這裡。 513 00:24:56,940 --> 00:24:59,010 它最初有什麼。 514 00:24:59,010 --> 00:25:01,660 此頁面被加載。 515 00:25:01,660 --> 00:25:03,160 美元符號的document.ready。 516 00:25:03,160 --> 00:25:04,490 這開始執行。 517 00:25:04,490 --> 00:25:08,010 我們稱draw_ocean功能， 該draw_ocean功能，我們採取內 518 00:25:08,010 --> 00:25:10,010 此HTML並把它該div裡面。 519 00:25:10,010 --> 00:25:12,860 520 00:25:12,860 --> 00:25:14,230 >> 我們只是通過去 很多在那裡。 521 00:25:14,230 --> 00:25:16,270 沒有任何人有任何疑問， 有關？ 522 00:25:16,270 --> 00:25:19,050 523 00:25:19,050 --> 00:25:21,110 或者是如何工作的，或jQuery的？ 524 00:25:21,110 --> 00:25:25,190 因為如果你明白這一點，那麼 jQuery的應該有希望來 525 00:25:25,190 --> 00:25:25,760 相對容易的。 526 00:25:25,760 --> 00:25:26,780 是嗎？ 527 00:25:26,780 --> 00:25:29,370 >> 觀眾：你有裡面的什麼 打印輸出的HTML括號下 528 00:25:29,370 --> 00:25:32,150 串，即名 在HTML變量，你 529 00:25:32,150 --> 00:25:32,815 早前宣布？ 530 00:25:32,815 --> 00:25:33,890 >> JASON HIRSCHHORN：這在這裡吧？ 531 00:25:33,890 --> 00:25:34,440 >> 觀眾：是的 532 00:25:34,440 --> 00:25:34,720 >> JASON HIRSCHHORN：是的。 533 00:25:34,720 --> 00:25:36,600 觀眾：所以，如果你已經命名的 別的東西，別的東西 534 00:25:36,600 --> 00:25:37,590 是什麼你會擺在這裡。 535 00:25:37,590 --> 00:25:38,335 >> JASON HIRSCHHORN：完全正確。 536 00:25:38,335 --> 00:25:39,740 這就是一個很好的點。 537 00:25:39,740 --> 00:25:42,600 這是一個有點混亂，因為 我有HTML，HTML。 538 00:25:42,600 --> 00:25:46,930 這裡這裡面的我的名字 變量，在這裡右邊是 539 00:25:46,930 --> 00:25:48,680 jQuery函數的名稱。 540 00:25:48,680 --> 00:25:52,090 >> 觀眾：但是，為了在jQuery 正常工作，你必須給它 541 00:25:52,090 --> 00:25:53,295 一些HTML輸入？ 542 00:25:53,295 --> 00:25:55,030 >> JASON HIRSCHHORN：沒錯。 543 00:25:55,030 --> 00:25:56,530 或者你必須給它一個字符串。 544 00:25:56,530 --> 00:26:00,840 它將把該字符串內 的div或什麼的。 545 00:26:00,840 --> 00:26:01,670 這僅僅是一個字符串。 546 00:26:01,670 --> 00:26:05,590 它不知道這是HTML，但 顯然格式化的目的是 547 00:26:05,590 --> 00:26:07,770 有效的HTML。 548 00:26:07,770 --> 00:26:08,760 這是否回答這個問題？ 549 00:26:08,760 --> 00:26:09,480 >> 觀眾：是的。 550 00:26:09,480 --> 00:26:10,120 >> JASON HIRSCHHORN：確定。 551 00:26:10,120 --> 00:26:10,590 是嗎？ 552 00:26:10,590 --> 00:26:14,380 >> 觀眾：如果有什麼所提及的海洋 一個按鈕什麼的？ 553 00:26:14,380 --> 00:26:16,250 會是什麼。的HTML嗎？ 554 00:26:16,250 --> 00:26:18,086 這會改變 按鈕的文字？ 555 00:26:18,086 --> 00:26:23,610 >> JASON HIRSCHHORN：所以，問題是 如果它提到了一個按鈕？ 556 00:26:23,610 --> 00:26:25,970 這將改變內 HTML的東西。 557 00:26:25,970 --> 00:26:29,250 所以，如果它有一個開放標籤和結束 標記，它將把介於兩者之間 558 00:26:29,250 --> 00:26:30,610 打開和關閉標籤。 559 00:26:30,610 --> 00:26:33,280 如果沒有開啟和關閉 標籤，它不會做任何事情。 560 00:26:33,280 --> 00:26:35,040 >> 觀眾：這是字面上的副本 和粘貼之類的事情？ 561 00:26:35,040 --> 00:26:35,732 >> JASON HIRSCHHORN：是啊。 562 00:26:35,732 --> 00:26:39,175 它複製並粘貼從東西 無論變量我通過吧， 563 00:26:39,175 --> 00:26:41,410 字符串我通過它，裡面的那些 打開和關閉標籤。 564 00:26:41,410 --> 00:26:44,460 565 00:26:44,460 --> 00:26:45,270 >> 讓我們來看看這兒吧。 566 00:26:45,270 --> 00:26:48,950 哦，我的天啊。 draw_pool沒 做任何事情，就在那裡。 567 00:26:48,950 --> 00:26:50,580 這是一個令人失望。 568 00:26:50,580 --> 00:26:51,640 火車，哇。 569 00:26:51,640 --> 00:26:54,290 好了，別的不多，除了這一點。 570 00:26:54,290 --> 00:26:56,652 >> 所以，讓我們開始吧，和 讓我們來解決這個問題了。 571 00:26:56,652 --> 00:27:01,780 我將需要每個人的 幫助完成這件事。 572 00:27:01,780 --> 00:27:04,030 有沒有真正的多行 的代碼，我覺得，寫。 573 00:27:04,030 --> 00:27:07,270 我想我在幾年前這樣做 為2K12版本，並且有 574 00:27:07,270 --> 00:27:08,880 不應該是多行 代碼編寫。 575 00:27:08,880 --> 00:27:09,230 我不應該刪除的代碼。 576 00:27:09,230 --> 00:27:10,920 我剛才救了它。 577 00:27:10,920 --> 00:27:11,900 呵呵，瘋了。 578 00:27:11,900 --> 00:27:14,170 >> 無論如何，讓我們開始吧。 579 00:27:14,170 --> 00:27:18,850 所以我在這個數組，或者說我在這 行，我有我的ocean_array。 580 00:27:18,850 --> 00:27:24,110 我想把這一切， 一切從這個文件，到我 581 00:27:24,110 --> 00:27:25,170 ocean_array。 582 00:27:25,170 --> 00:27:27,390 所以，我怎麼可以一切從 在那裡，並把它放到 583 00:27:27,390 --> 00:27:27,630 ocean_array？ 584 00:27:27,630 --> 00:27:29,390 它的一行代碼。 585 00:27:29,390 --> 00:27:32,530 誰可以給我這行代碼或 告訴我，有一些想法是什麼線 586 00:27:32,530 --> 00:27:33,755 代碼應該怎麼辦？ 587 00:27:33,755 --> 00:27:36,350 為什麼不是我們從這裡開始，然後我們將 繼續在房間裡移動 588 00:27:36,350 --> 00:27:37,410 回答問題。 589 00:27:37,410 --> 00:27:37,780 庫爾特？ 590 00:27:37,780 --> 00:27:38,890 什麼是第一？ 591 00:27:38,890 --> 00:27:41,165 >> 觀眾：Ocean_array， 支架，海豚。 592 00:27:41,165 --> 00:27:47,120 593 00:27:47,120 --> 00:27:50,380 等於海豚，支架，海豚？ 594 00:27:50,380 --> 00:27:52,265 海豚與資本的一切。 595 00:27:52,265 --> 00:27:57,590 596 00:27:57,590 --> 00:27:58,210 >> JASON HIRSCHHORN：確定。 597 00:27:58,210 --> 00:28:00,250 讓我們看一下語法。 598 00:28:00,250 --> 00:28:04,260 就在這裡，這就像一個foreach循環， 所以它實際上做了很多 599 00:28:04,260 --> 00:28:05,180 事情對我們來說。 600 00:28:05,180 --> 00:28:07,220 和海豚是​​一個對象。 601 00:28:07,220 --> 00:28:09,790 所以我們並不需要寫的東西 像海豚，海豚，因為 602 00:28:09,790 --> 00:28:12,480 海豚本身是 對象是我想要的。 603 00:28:12,480 --> 00:28:13,495 這不是索引。 604 00:28:13,495 --> 00:28:14,510 這是否有道理？ 605 00:28:14,510 --> 00:28:15,830 >> 觀眾：是啊。 606 00:28:15,830 --> 00:28:18,870 >> JASON HIRSCHHORN：那麼你怎麼了 建議改變你的代碼？ 607 00:28:18,870 --> 00:28:23,110 608 00:28:23,110 --> 00:28:24,360 如果我們知道我們給出的指數？ 609 00:28:24,360 --> 00:28:33,969 610 00:28:33,969 --> 00:28:35,240 >> 哦，對不起。 611 00:28:35,240 --> 00:28:36,100 你是好。 612 00:28:36,100 --> 00:28:41,180 但如何 - 613 00:28:41,180 --> 00:28:43,740 讓我問一個不同的問題。 614 00:28:43,740 --> 00:28:46,485 如果我們要 - 615 00:28:46,485 --> 00:28:47,400 讓我們實際寫這個。 616 00:28:47,400 --> 00:28:48,170 沒關係。 617 00:28:48,170 --> 00:28:49,080 我們打算寫這個。 618 00:28:49,080 --> 00:28:49,910 這是偉大的。 619 00:28:49,910 --> 00:28:50,440 抱歉。 620 00:28:50,440 --> 00:28:52,790 我只是很混亂那裡。 621 00:28:52,790 --> 00:28:55,910 >> 讓我們離開，有現在，和 我們再回過頭來訓練的海豚， 622 00:28:55,910 --> 00:28:56,480 設置一個海豚。 623 00:28:56,480 --> 00:28:59,840 就讓我們先解決這個圖紙的海洋 的功能，我們會回來 624 00:28:59,840 --> 00:29:00,930 即，庫爾特。 625 00:29:00,930 --> 00:29:03,490 但到目前為止，一切都很好。 626 00:29:03,490 --> 00:29:06,290 >> 讓我們來看看裡面draw_ocean。 627 00:29:06,290 --> 00:29:09,500 看起來是錯誤的線路是這樣的 在海豚的“存儲圖片 628 00:29:09,500 --> 00:29:13,320 海洋中的HTML字符串。“和右 現在，我只是喜歡TODO，但我 629 00:29:13,320 --> 00:29:17,230 真想把海豚 在海洋中的圖片。 630 00:29:17,230 --> 00:29:21,780 還等什麼，諾亞，你覺得是 我首先應該做的事情嗎？ 631 00:29:21,780 --> 00:29:24,570 如果我想通過整個 陣，什麼是第一 632 00:29:24,570 --> 00:29:25,270 我應該做的事情嗎？ 633 00:29:25,270 --> 00:29:26,713 >> 觀眾：我們需要 創建一個for循環。 634 00:29:26,713 --> 00:29:27,610 >> JASON HIRSCHHORN：一個for循環。 635 00:29:27,610 --> 00:29:29,740 什麼是應該 for循環是什麼樣子？ 636 00:29:29,740 --> 00:29:30,990 >> 顧客： - 637 00:29:30,990 --> 00:29:36,660 638 00:29:36,660 --> 00:29:40,940 我們需要通過每個海豚 在海洋中的陣列。 639 00:29:40,940 --> 00:29:47,093 因此對於變種海豚在 - 640 00:29:47,093 --> 00:29:48,830 你能寫的海洋數組？ 641 00:29:48,830 --> 00:29:56,200 642 00:29:56,200 --> 00:29:57,450 >> JASON HIRSCHHORN：像這樣？ 643 00:29:57,450 --> 00:30:00,654 644 00:30:00,654 --> 00:30:04,495 >> 觀眾：也許這就是正確的。 645 00:30:04,495 --> 00:30:06,280 >> JASON HIRSCHHORN：讓我們堅持 那現在，然後我們將 646 00:30:06,280 --> 00:30:07,060 回來吧。 647 00:30:07,060 --> 00:30:09,055 而你要負責 該行。 648 00:30:09,055 --> 00:30:11,260 所以我必須通過for循環。 649 00:30:11,260 --> 00:30:12,560 邁克爾，你起來吧。 650 00:30:12,560 --> 00:30:15,896 我現在應該怎麼辦？ 651 00:30:15,896 --> 00:30:23,045 >> 觀眾：你將不得不採取 從海豚存儲圖片。 652 00:30:23,045 --> 00:30:25,830 >> JASON HIRSCHHORN：那麼， 是，存儲在哪裡？ 653 00:30:25,830 --> 00:30:28,318 >> 觀眾：在海豚數組？ 654 00:30:28,318 --> 00:30:33,298 655 00:30:33,298 --> 00:30:36,650 >> JASON HIRSCHHORN：我現在困惑 太了解發生了什麼。 656 00:30:36,650 --> 00:30:38,380 讓我們弄清楚我們該怎麼辦調試 這一點，然後我就來 657 00:30:38,380 --> 00:30:40,700 回到你身邊，好不好？ 658 00:30:40,700 --> 00:30:43,920 什麼是相當於 printf的在JavaScript？ 659 00:30:43,920 --> 00:30:44,813 安妮？ 660 00:30:44,813 --> 00:30:47,315 >> 觀眾：這是寫一個文件？ 661 00:30:47,315 --> 00:30:50,020 >> JASON HIRSCHHORN：要不怎麼能 我看到一些在 662 00:30:50,020 --> 00:30:51,200 安慰下底部？ 663 00:30:51,200 --> 00:30:51,940 >> 觀眾：CONSOLE.LOG。 664 00:30:51,940 --> 00:30:53,870 >> JASON HIRSCHHORN：CONSOLE.LOG， 究竟。 665 00:30:53,870 --> 00:30:59,810 因此，讓我們做的console.log，讓我們 只是把“海豚”的，好不好？ 666 00:30:59,810 --> 00:31:02,710 理想情況下，如果這個工程，我們要 有 - 讓我們來看看，早在該文件 667 00:31:02,710 --> 00:31:06,030 dolphins.js，有六海豚， 所以我應該拿到六或某事 668 00:31:06,030 --> 00:31:08,180 希望打印出來 控制台，對不對？ 669 00:31:08,180 --> 00:31:11,850 這就是我們走了多遠，因為我們 沒有Kurt的線在這裡，然後我們 670 00:31:11,850 --> 00:31:14,630 沒有諾亞for循環，和我們有這個 行，所以希望我們應該看到六個 671 00:31:14,630 --> 00:31:16,120 東西打印到控制台。 672 00:31:16,120 --> 00:31:22,032 所以，讓我們在這裡，讓我們打開了我們的 控制台和刷新我們的頁面。 673 00:31:22,032 --> 00:31:27,290 >> OK，這樣它看起來像 我們看見六只指數。 674 00:31:27,290 --> 00:31:28,390 零個，一個，兩個，三個， 四塊五，是啊。 675 00:31:28,390 --> 00:31:30,486 >> 觀眾：你怎麼來 該網頁在你的 - 676 00:31:30,486 --> 00:31:32,260 >> JASON HIRSCHHORN：我怎麼得到 這個東西在這兒？ 677 00:31:32,260 --> 00:31:35,830 >> 觀眾：不，Chrome的頁面中 [聽不清]家電。 678 00:31:35,830 --> 00:31:36,892 我們可以看到，還是不？ 679 00:31:36,892 --> 00:31:38,220 >> JASON HIRSCHHORN：此鍍鉻 頁面在這裡？ 680 00:31:38,220 --> 00:31:38,490 >> 觀眾：是啊。 681 00:31:38,490 --> 00:31:43,180 >> JASON HIRSCHHORN：所以就像P中集 8，我已經開了一個Chrome窗口 682 00:31:43,180 --> 00:31:46,410 我的桌面上，在我的 Macintosh桌面。 683 00:31:46,410 --> 00:31:51,980 如果您在看到了這裡這個URL 左上角，符合這個IP 684 00:31:51,980 --> 00:31:54,630 下來解決在這裡。 685 00:31:54,630 --> 00:31:58,000 所以這樣做，雖然初 問題的設置規範指導您 686 00:31:58,000 --> 00:31:59,860 經過究竟是如何做到這一點。 687 00:31:59,860 --> 00:32:02,650 但我只是跟著那個，而是 與航天飛機的代碼，我只是做了 688 00:32:02,650 --> 00:32:04,070 我們自己的代碼。 689 00:32:04,070 --> 00:32:05,970 >> 最酷的是，我們還可以 檢查ocean_array。 690 00:32:05,970 --> 00:32:09,530 691 00:32:09,530 --> 00:32:13,080 所以看起來ocean_array是 6對象的數組，並 692 00:32:13,080 --> 00:32:14,570 讓我們打開每一個。 693 00:32:14,570 --> 00:32:15,950 轟！ 694 00:32:15,950 --> 00:32:16,580 之一。 695 00:32:16,580 --> 00:32:19,920 >> 所以庫爾特，它看起來像你 代碼工作完美。 696 00:32:19,920 --> 00:32:23,510 一切都開始了在ocean_array。 697 00:32:23,510 --> 00:32:24,995 因為我剛才講錯。 698 00:32:24,995 --> 00:32:26,570 但是，是的，真棒工作。 699 00:32:26,570 --> 00:32:30,330 該ocean_array是正確的，它看起來 像現在我們看到的是海豚 700 00:32:30,330 --> 00:32:35,400 一個從0至5，所以它看上去 像在數組中的索引。 701 00:32:35,400 --> 00:32:37,510 所以，有了這些知識，邁克爾， 現在應該怎麼辦呢？ 702 00:32:37,510 --> 00:32:43,080 703 00:32:43,080 --> 00:32:43,870 想出聲來。 704 00:32:43,870 --> 00:32:45,600 什麼是我們想要做的事情？ 705 00:32:45,600 --> 00:32:51,260 >> 觀眾：我們想要得到的 JPEG每個海豚。 706 00:32:51,260 --> 00:32:51,800 >> JASON HIRSCHHORN：確定。 707 00:32:51,800 --> 00:32:53,206 那麼，我們如何可以參考 - 708 00:32:53,206 --> 00:32:54,760 我們怎樣才能為JPEG？ 709 00:32:54,760 --> 00:33:01,172 710 00:33:01,172 --> 00:33:03,726 我們從哪裡開始？ 711 00:33:03,726 --> 00:33:05,390 凡一切存儲在哪裡？ 712 00:33:05,390 --> 00:33:07,610 >> 觀眾：在ocean_array？ 713 00:33:07,610 --> 00:33:08,320 >> JASON HIRSCHHORN：確定。 714 00:33:08,320 --> 00:33:11,450 >> 觀眾：所以ocean_array，海豚 - 715 00:33:11,450 --> 00:33:16,392 716 00:33:16,392 --> 00:33:19,280 >> JASON HIRSCHHORN：我們如何 裡面得到的東西 - 717 00:33:19,280 --> 00:33:20,860 所以這為我們提供了對象。 718 00:33:20,860 --> 00:33:22,770 和我們以前看到這個 與結構。 719 00:33:22,770 --> 00:33:26,710 那麼什麼樣的符號 我們需要使用？ 720 00:33:26,710 --> 00:33:28,450 >> 觀眾：這可能是點。 721 00:33:28,450 --> 00:33:29,400 >> JASON HIRSCHHORN：一個點。 722 00:33:29,400 --> 00:33:30,960 然後什麼領域？ 723 00:33:30,960 --> 00:33:31,510 >> 觀眾：圖片？ 724 00:33:31,510 --> 00:33:33,816 或者說，不是一個領域 - 725 00:33:33,816 --> 00:33:37,400 >> JASON HIRSCHHORN：它是什麼 叫dolphins.js？ 726 00:33:37,400 --> 00:33:38,270 看看，你可以看看。 727 00:33:38,270 --> 00:33:38,970 我們可以去回到這裡。 728 00:33:38,970 --> 00:33:40,700 我們可以看到ocean_array， 我們可以探索它。 729 00:33:40,700 --> 00:33:41,380 什麼是它叫什麼名字？ 730 00:33:41,380 --> 00:33:42,287 >> 觀眾：類型。 731 00:33:42,287 --> 00:33:43,688 等待。 732 00:33:43,688 --> 00:33:44,155 圖片？ 733 00:33:44,155 --> 00:33:45,560 我說的畫面。 734 00:33:45,560 --> 00:33:46,370 >> JASON HIRSCHHORN：圖片。 735 00:33:46,370 --> 00:33:47,610 右。 736 00:33:47,610 --> 00:33:49,510 你聽起來不像你知道什麼 你在談論，雖然。 737 00:33:49,510 --> 00:33:50,630 這聽起來更像是一個猜測。 738 00:33:50,630 --> 00:33:53,700 讓圖片，這樣就會給 我們的圖像的URL。 739 00:33:53,700 --> 00:33:54,720 傑夫，你有問題嗎？ 740 00:33:54,720 --> 00:33:57,375 >> 觀眾：是啊，我得不到的東西 你有你的Chrome瀏覽器 741 00:33:57,375 --> 00:33:59,320 瀏覽器在我的電腦上。 742 00:33:59,320 --> 00:34:05,915 我剛剛得到一個“未捕獲的參考 錯誤，控制台是沒有定義。“ 743 00:34:05,915 --> 00:34:07,780 >> JASON HIRSCHHORN：你 成立了一切？ 744 00:34:07,780 --> 00:34:10,090 >> 觀眾：嗯，我想我 所做的一切，你 745 00:34:10,090 --> 00:34:11,800 做了大屏幕上。 746 00:34:11,800 --> 00:34:13,510 >> JASON HIRSCHHORN：你 chmodded的所有文件？ 747 00:34:13,510 --> 00:34:16,343 和你去通過 整個安裝？ 748 00:34:16,343 --> 00:34:17,600 >> 觀眾：我會再次嘗試。 749 00:34:17,600 --> 00:34:18,300 >> JASON HIRSCHHORN：確定。 750 00:34:18,300 --> 00:34:20,630 我跳過了，很多在 開始，但你需要經過 751 00:34:20,630 --> 00:34:22,199 整個安裝就像在 開始習題集規範的。 752 00:34:22,199 --> 00:34:24,770 CHMOD一切， 確保它是英寸 753 00:34:24,770 --> 00:34:26,360 >> 觀眾：我會去和 仔細檢查它。 754 00:34:26,360 --> 00:34:28,655 我想我做到了，但 我會仔細檢查。 755 00:34:28,655 --> 00:34:30,270 >> JASON HIRSCHHORN：所以，這看起來 喜歡它會給我們的 756 00:34:30,270 --> 00:34:30,960 字符串和一個圖片。 757 00:34:30,960 --> 00:34:31,370 大。 758 00:34:31,370 --> 00:34:32,760 我們有圖像的URL。 759 00:34:32,760 --> 00:34:35,320 如何我們現在把它放在 - 760 00:34:35,320 --> 00:34:38,030 如果我們寫會發生什麼 只是這一點，邁克爾？ 761 00:34:38,030 --> 00:34:40,150 >> 觀眾：它只是讓畫面。 762 00:34:40,150 --> 00:34:41,420 它實際上不顯示它。 763 00:34:41,420 --> 00:34:42,840 >> JASON HIRSCHHORN：讓我們 看看會發生什麼。 764 00:34:42,840 --> 00:34:43,514 我們將保存。 765 00:34:43,514 --> 00:34:44,780 我們將在這裡執行它。 766 00:34:44,780 --> 00:34:49,460 767 00:34:49,460 --> 00:34:50,510 看起來我們沒有得到任何東西。 768 00:34:50,510 --> 00:34:56,179 如果我探討這個表中， 它看起來像裡面 - 769 00:34:56,179 --> 00:34:58,170 是啊，貌似我沒有得到任何東西。 770 00:34:58,170 --> 00:34:59,963 >> 觀眾：我們要不要 - 771 00:34:59,963 --> 00:35:05,225 772 00:35:05,225 --> 00:35:07,270 >> JASON HIRSCHHORN：這是一個字符串， 這段代碼就在這裡。 773 00:35:07,270 --> 00:35:08,615 我在哪裡希望把這個字符串？ 774 00:35:08,615 --> 00:35:11,250 775 00:35:11,250 --> 00:35:16,000 >> 觀眾：你要 把它放到大海？ 776 00:35:16,000 --> 00:35:16,040 >> JASON HIRSCHHORN：確定。 777 00:35:16,040 --> 00:35:19,230 而在這兒，我把一個字符串 在海洋中稱為HTML。 778 00:35:19,230 --> 00:35:26,350 >> 觀眾：那麼會是美元 標誌，海洋，HTML [聽不清]。 779 00:35:26,350 --> 00:35:27,985 >> JASON HIRSCHHORN：那倒 把它直接在那裡。 780 00:35:27,985 --> 00:35:29,440 但是，如果我想將它添加到 - 781 00:35:29,440 --> 00:35:30,740 我已經創建一個字符串，對不對？ 782 00:35:30,740 --> 00:35:33,740 把在海洋，什麼是 該字符串的名字嗎？ 783 00:35:33,740 --> 00:35:34,610 >> 觀眾：HTML。 784 00:35:34,610 --> 00:35:35,250 >> JASON HIRSCHHORN：HTML。 785 00:35:35,250 --> 00:35:36,355 那麼我寫的下一個？ 786 00:35:36,355 --> 00:35:37,310 >> 觀眾：等於，等於。 787 00:35:37,310 --> 00:35:38,990 或者只是等於？ 788 00:35:38,990 --> 00:35:41,170 >> JASON HIRSCHHORN：什麼會 發生什麼，如果我寫等號？ 789 00:35:41,170 --> 00:35:45,940 790 00:35:45,940 --> 00:35:49,222 >> 觀眾：那不設置 平等 - 或者不會說 - 791 00:35:49,222 --> 00:35:51,744 792 00:35:51,744 --> 00:35:53,016 >> 觀眾：分配？ 793 00:35:53,016 --> 00:35:55,680 >> JASON HIRSCHHORN：它會分配給它， 但會發生什麼一切 794 00:35:55,680 --> 00:35:56,565 被存儲在它之前？ 795 00:35:56,565 --> 00:35:57,570 >> 觀眾：它會擺脫它。 796 00:35:57,570 --> 00:35:58,660 >> JASON HIRSCHHORN：它會擺脫它。 797 00:35:58,660 --> 00:35:59,993 我那麼如何才能將它添加到盡頭？ 798 00:35:59,993 --> 00:36:02,836 799 00:36:02,836 --> 00:36:04,120 我只是複製 - 800 00:36:04,120 --> 00:36:04,530 >> 觀眾：加等於。 801 00:36:04,530 --> 00:36:06,260 >> JASON HIRSCHHORN：加 等於，完美。 802 00:36:06,260 --> 00:36:07,120 這是完全正確的。 803 00:36:07,120 --> 00:36:08,380 所以，現在讓我們來看看這是什麼呢。 804 00:36:08,380 --> 00:36:12,500 805 00:36:12,500 --> 00:36:12,760 轟！ 806 00:36:12,760 --> 00:36:14,580 哦，我的天啊。 807 00:36:14,580 --> 00:36:16,580 這僅僅是大量的文字。 808 00:36:16,580 --> 00:36:17,580 確定。 809 00:36:17,580 --> 00:36:20,640 >> 所以看起來我們得到了很多 文本的，但這是偉大的。 810 00:36:20,640 --> 00:36:21,750 你們這樣做 - 811 00:36:21,750 --> 00:36:23,160 我知道這是很難的，這是新的。 812 00:36:23,160 --> 00:36:24,970 到目前為止，你們三個 做了夢幻般的。 813 00:36:24,970 --> 00:36:26,600 >> 好吧，你是下一個。 814 00:36:26,600 --> 00:36:27,960 我們應該怎麼辦呢？ 815 00:36:27,960 --> 00:36:29,830 顯然，我們不希望它 玩只是字符串。 816 00:36:29,830 --> 00:36:30,120 是嗎？ 817 00:36:30,120 --> 00:36:30,690 >> 觀眾：我只是有一個問題。 818 00:36:30,690 --> 00:36:35,410 你知道，當你做ocean_array， 海豚，在括號內，不 819 00:36:35,410 --> 00:36:37,550 像一顆顆關聯 數組本身？ 820 00:36:37,550 --> 00:36:38,230 >> JASON HIRSCHHORN：我講錯。 821 00:36:38,230 --> 00:36:41,515 海豚的索引。 822 00:36:41,515 --> 00:36:44,280 >> 觀眾：但不是變種 海豚在海洋 - 823 00:36:44,280 --> 00:36:49,540 我的意思是，當你開始加載它 好了，在海豚變種海豚，是不是 824 00:36:49,540 --> 00:36:51,950 那一顆顆一個關聯數組？ 825 00:36:51,950 --> 00:36:52,970 >> JASON HIRSCHHORN：此海豚？ 826 00:36:52,970 --> 00:36:53,650 >> 觀眾：是啊。 827 00:36:53,650 --> 00:36:54,230 >> JASON HIRSCHHORN：號 828 00:36:54,230 --> 00:36:56,366 這是海豚的索引。 829 00:36:56,366 --> 00:36:57,950 >> 觀眾：確定。 830 00:36:57,950 --> 00:36:59,320 那麼，有沒有海豚變量？ 831 00:36:59,320 --> 00:37:02,610 我的意思是，像海豚關鍵 關聯數組？ 832 00:37:02,610 --> 00:37:04,150 >> JASON HIRSCHHORN：就在這裡？ 833 00:37:04,150 --> 00:37:05,075 像，dolphin.name？ 834 00:37:05,075 --> 00:37:10,440 >> 觀眾：是啊，有沒有 像海豚點 - 835 00:37:10,440 --> 00:37:13,090 像不海豚意思 為每個對象？ 836 00:37:13,090 --> 00:37:15,580 >> 觀眾：是啊，這 我的想法了。 837 00:37:15,580 --> 00:37:19,985 >> 觀眾：我覺得海豚很喜歡 關聯數組中海豚。 838 00:37:19,985 --> 00:37:22,240 因為有6聯想 陣列海豚，對不對？ 839 00:37:22,240 --> 00:37:24,050 >> JASON HIRSCHHORN：對。 840 00:37:24,050 --> 00:37:26,790 我們這個書面的方式 現在，事實並非如此。 841 00:37:26,790 --> 00:37:29,300 >> 觀眾：為什麼呢？ 842 00:37:29,300 --> 00:37:36,690 >> JASON HIRSCHHORN：我們能做到這一點，和 那裡實際上是一個jQuery函數 843 00:37:36,690 --> 00:37:39,660 調用。每個給 你每一件事情。 844 00:37:39,660 --> 00:37:41,670 但這種語法不 - 845 00:37:41,670 --> 00:37:44,130 我剛才講錯 - 此語法 是不是這就是索引。 846 00:37:44,130 --> 00:37:45,780 這只是給我們的指標。 847 00:37:45,780 --> 00:37:48,490 但你可以做的美元符號。每個， 這是一個jQuery函數。 848 00:37:48,490 --> 00:37:51,730 這將使你的每個 關聯數組。 849 00:37:51,730 --> 00:37:52,930 因此，檢查了這一點。 850 00:37:52,930 --> 00:37:55,205 但是，這就是所有這些代碼一樣。 851 00:37:55,205 --> 00:37:59,020 >> 觀眾：所以這第一個for循環，我 想這將重複六次 852 00:37:59,020 --> 00:37:59,765 因為你有六個指標。 853 00:37:59,765 --> 00:38:02,550 然後第二個for循環， 這不就是遍歷 854 00:38:02,550 --> 00:38:03,880 次同量？ 855 00:38:03,880 --> 00:38:04,540 >> JASON HIRSCHHORN：是啊。 856 00:38:04,540 --> 00:38:07,920 >> 觀眾：所以真的沒有 - 我們 可以寫在第一個for循環 857 00:38:07,920 --> 00:38:09,700 再次，它會工作。 858 00:38:09,700 --> 00:38:11,265 海豚一樣，變種海豚？ 859 00:38:11,265 --> 00:38:13,400 >> JASON HIRSCHHORN：是的，但我們 現在使用ocean_array。 860 00:38:13,400 --> 00:38:18,010 我們已經搬到一切成 ocean_array因為說我們永遠要 861 00:38:18,010 --> 00:38:23,970 改變什麼在dolphins.js，或者如果 我們要操縱ocean_array 862 00:38:23,970 --> 00:38:27,140 後來，我們不想操縱 海豚，該變量。 863 00:38:27,140 --> 00:38:29,940 我們想操縱它的一個副本， 因為如果我們要採取一些 864 00:38:29,940 --> 00:38:31,740 出，這樣一來我們只是 將是安全的。 865 00:38:31,740 --> 00:38:32,820 這是否有道理。 866 00:38:32,820 --> 00:38:33,085 >> 觀眾：是啊。 867 00:38:33,085 --> 00:38:34,390 >> JASON HIRSCHHORN：確定。 868 00:38:34,390 --> 00:38:39,830 因此，卡洛斯，我怎麼把這個字符串 並使它的圖像代替，並獲得 869 00:38:39,830 --> 00:38:40,860 實際的圖像？ 870 00:38:40,860 --> 00:38:42,260 你以前看到這樣的代碼。 871 00:38:42,260 --> 00:38:45,541 我該怎麼做，包括一個頁面上的圖像？ 872 00:38:45,541 --> 00:38:51,400 >> 觀眾：是不是我們做的事兒 該HTML加上等於TE調用衝刺 873 00:38:51,400 --> 00:38:53,344 寬度，她刪除了？ 874 00:38:53,344 --> 00:38:56,068 >> JASON HIRSCHHORN：這 東西就在這裡？ 875 00:38:56,068 --> 00:38:57,036 >> 觀眾：是啊。 876 00:38:57,036 --> 00:38:57,520 那種。 877 00:38:57,520 --> 00:38:58,900 >> JASON HIRSCHHORN：不 擔心。 878 00:38:58,900 --> 00:39:00,520 這只是開始的HTML字符串。 879 00:39:00,520 --> 00:39:03,980 如果我想包括圖像在我 HTML網頁，我該用什麼標籤？ 880 00:39:03,980 --> 00:39:06,210 >> 觀眾：我不記得了。 881 00:39:06,210 --> 00:39:07,050 >> JASON HIRSCHHORN：確定。 882 00:39:07,050 --> 00:39:08,343 AVIE，幫助他？ 883 00:39:08,343 --> 00:39:10,985 >> 聽眾：這將是錨， HREF，然後你連接了嗎？ 884 00:39:10,985 --> 00:39:12,790 >> JASON HIRSCHHORN：所以在錨。 885 00:39:12,790 --> 00:39:14,790 >> 觀眾：你並不需要 聯繫起來，不過，對不對？ 886 00:39:14,790 --> 00:39:17,370 >> JASON HIRSCHHORN：那如果我只是 要創建的圖像嗎？ 887 00:39:17,370 --> 00:39:24,640 >> 觀眾：這將是IMG，然後 SRC等於任何字符串是什麼？ 888 00:39:24,640 --> 00:39:27,400 >> JASON HIRSCHHORN：好了， 這是正確的，IMG。 889 00:39:27,400 --> 00:39:28,635 卡洛斯，你要 把它從這裡。 890 00:39:28,635 --> 00:39:32,760 IMG代表“形象，”和src看台 為“源”。你需要給它 891 00:39:32,760 --> 00:39:35,200 URL或一些 - 892 00:39:35,200 --> 00:39:35,940 甚至沒有一個URL。 893 00:39:35,940 --> 00:39:39,040 有些位置的 圖像被存儲。 894 00:39:39,040 --> 00:39:46,490 所以，我知道，這將讓我一個 圖像，所以現在我怎麼把這一切 895 00:39:46,490 --> 00:39:49,310 在一起，以為？ 896 00:39:49,310 --> 00:39:51,920 我有一些語法，我需要修復。 897 00:39:51,920 --> 00:39:54,632 究竟我需要 打字，卡洛斯？ 898 00:39:54,632 --> 00:39:56,862 >> 觀眾：我沒有得到什麼 你正在試圖做的。 899 00:39:56,862 --> 00:40:00,185 所以你試圖把所有的 將圖像轉換成一個表？ 900 00:40:00,185 --> 00:40:04,790 >> JASON HIRSCHHORN：我們想顯示 在該頁面中的所有圖像。 901 00:40:04,790 --> 00:40:12,000 我們看到這個怎麼行代碼的權利 在這裡添加字符串到我們的HTML字符串 902 00:40:12,000 --> 00:40:13,275 並打印出來是這樣的。 903 00:40:13,275 --> 00:40:17,990 904 00:40:17,990 --> 00:40:21,830 我們不是要顯示的圖像。 905 00:40:21,830 --> 00:40:25,780 我們意識到，丸，告訴我們 這行代碼 - 906 00:40:25,780 --> 00:40:26,750 所以讓我們來看看在這裡。 907 00:40:26,750 --> 00:40:31,745 如果我們去和摸索，我們將 編輯此為HTML。 908 00:40:31,745 --> 00:40:35,110 909 00:40:35,110 --> 00:40:54,270 丸，說，如果我們做這種 語法，我們得到的圖像。 910 00:40:54,270 --> 00:40:57,810 911 00:40:57,810 --> 00:40:59,400 這是否有道理？ 912 00:40:59,400 --> 00:41:02,650 913 00:41:02,650 --> 00:41:05,630 >> 這是字符串的類型，我們 真想把海洋裡 914 00:41:05,630 --> 00:41:09,080 潛水，不是簡單的文本本身。 915 00:41:09,080 --> 00:41:12,080 >> 觀眾：[聽不清] 916 00:41:12,080 --> 00:41:12,940 >> JASON HIRSCHHORN：對不起？ 917 00:41:12,940 --> 00:41:16,240 >> 觀眾：你就不能複製 那一個Kianna了， 918 00:41:16,240 --> 00:41:17,810 並把它變成了 - 919 00:41:17,810 --> 00:41:19,570 >> JASON HIRSCHHORN：複製此， 並把這個權利嗎？ 920 00:41:19,570 --> 00:41:20,820 >> 觀眾：是啊。 921 00:41:20,820 --> 00:41:23,354 922 00:41:23,354 --> 00:41:25,813 >> JASON HIRSCHHORN：這已經很接近，但 有一個問題，這一點， 923 00:41:25,813 --> 00:41:27,063 那是什麼？ 924 00:41:27,063 --> 00:41:30,920 925 00:41:30,920 --> 00:41:36,370 HTML是一個字符串，我們需要 為字符串添加到它。 926 00:41:36,370 --> 00:41:37,855 >> 觀眾：所以後來你把它放在 - 羅。 927 00:41:37,855 --> 00:41:40,860 >> JASON HIRSCHHORN：我們有三個 - 這裡這個權利不是一個字符串。 928 00:41:40,860 --> 00:41:42,921 我們如何讓一個字符串？ 929 00:41:42,921 --> 00:41:45,474 你怎麼總是做 一些字符串？ 930 00:41:45,474 --> 00:41:47,242 >> 觀眾：我不知道。 931 00:41:47,242 --> 00:41:49,570 >> JASON HIRSCHHORN：如果我有文字， 我怎麼做它一個字符串？ 932 00:41:49,570 --> 00:41:51,615 想在這裡在這條線就在這裡？ 933 00:41:51,615 --> 00:41:54,160 >> 觀眾：把它放在一個表？ 934 00:41:54,160 --> 00:41:56,450 >> JASON HIRSCHHORN：怎麼樣呢？ 935 00:41:56,450 --> 00:41:57,290 >> 觀眾：報價。 936 00:41:57,290 --> 00:41:58,670 >> JASON HIRSCHHORN：雙 報價，對不對？ 937 00:41:58,670 --> 00:42:00,860 雙引號使東西 一個字符串。 938 00:42:00,860 --> 00:42:03,720 這樣就使得該字符串， 這是一個字符串。 939 00:42:03,720 --> 00:42:05,990 我如何把兩個字符串 一起在JavaScript？ 940 00:42:05,990 --> 00:42:06,842 >> 觀眾：點。 941 00:42:06,842 --> 00:42:07,960 >> JASON HIRSCHHORN：不點。 942 00:42:07,960 --> 00:42:10,462 這是PHP的。 943 00:42:10,462 --> 00:42:11,358 >> 觀眾：加。 944 00:42:11,358 --> 00:42:13,200 >> JASON HIRSCHHORN：另外，分毫不差。 945 00:42:13,200 --> 00:42:15,900 所以加上，然後你是什麼 亦建議我在這裡？ 946 00:42:15,900 --> 00:42:20,900 947 00:42:20,900 --> 00:42:22,400 >> 觀眾：另一句名言。 948 00:42:22,400 --> 00:42:24,100 >> JASON HIRSCHHORN：另一句名言，確定。 949 00:42:24,100 --> 00:42:32,300 950 00:42:32,300 --> 00:42:34,322 我如何結束一個字符串？ 951 00:42:34,322 --> 00:42:35,660 >> 觀眾：另一句名言。 952 00:42:35,660 --> 00:42:36,180 >> JASON HIRSCHHORN：另一句名言。 953 00:42:36,180 --> 00:42:38,740 和我怎麼把這個字符串 連同這個字符串？ 954 00:42:38,740 --> 00:42:39,810 A加。 955 00:42:39,810 --> 00:42:40,630 這是完全正確的。 956 00:42:40,630 --> 00:42:41,540 你只是做了這個給我們。 957 00:42:41,540 --> 00:42:42,590 這是完美的。 958 00:42:42,590 --> 00:42:46,320 >> 所以，現在讓我們來渲染這一點。 959 00:42:46,320 --> 00:42:49,050 你看，我們已經有了一個整體 一堆圖像。 960 00:42:49,050 --> 00:42:49,860 噢，我的上帝。 961 00:42:49,860 --> 00:42:50,770 這些都是可怕的。 962 00:42:50,770 --> 00:42:51,720 我們要去探索 它們在一秒鐘。 963 00:42:51,720 --> 00:42:52,010 是啊，諾亞？ 964 00:42:52,010 --> 00:42:54,520 >> 觀眾：我知道它不是真的 事，但如果你閉上你的 965 00:42:54,520 --> 00:42:56,005 用圖片標籤元素？ 966 00:42:56,005 --> 00:42:58,250 >> JASON HIRSCHHORN：我們可以，如果 我們希望，關閉我們的形象 967 00:42:58,250 --> 00:43:02,284 就像該標籤。 968 00:43:02,284 --> 00:43:04,719 讓我們來渲染。 969 00:43:04,719 --> 00:43:06,330 對，不，我們不能這樣做。 970 00:43:06,330 --> 00:43:07,580 >> 觀眾：哦，我把它弄壞了。 971 00:43:07,580 --> 00:43:09,090 >> JASON HIRSCHHORN：我覺得這 為驗證，雖然。 972 00:43:09,090 --> 00:43:12,380 我不認為你需要 結尾的斜線。 973 00:43:12,380 --> 00:43:13,490 OK，這是偉大的。 974 00:43:13,490 --> 00:43:14,150 卡洛斯，謝謝你。 975 00:43:14,150 --> 00:43:16,270 到目前為止，你們的四個 做一個真棒的工作。 976 00:43:16,270 --> 00:43:19,650 >> 當然，你可以看到，我們是 創建一些表型坡口。 977 00:43:19,650 --> 00:43:21,490 我想這些東西 要在一個表中。 978 00:43:21,490 --> 00:43:24,970 所以，我怎麼把這些 在一個表中的東西呢？ 979 00:43:24,970 --> 00:43:27,020 我清楚地需要一些更多的HTML。 980 00:43:27,020 --> 00:43:28,680 阿薩姆邦，我缺少什麼樣的HTML？ 981 00:43:28,680 --> 00:43:32,388 982 00:43:32,388 --> 00:43:33,370 >> 觀眾：你這是什麼 想做的事，對不起？ 983 00:43:33,370 --> 00:43:37,430 >> JASON HIRSCHHORN：我希望把所有 在一個表中這些圖像，所以每個圖像 984 00:43:37,430 --> 00:43:41,020 應該是在表中的一列。 985 00:43:41,020 --> 00:43:42,480 我怎麼說，這是一列？ 986 00:43:42,480 --> 00:43:45,090 987 00:43:45,090 --> 00:43:46,010 你以前見過這個代碼。 988 00:43:46,010 --> 00:43:46,910 這是P中設置7。 989 00:43:46,910 --> 00:43:48,870 >> 觀眾：我記得有一個是風帆？ 990 00:43:48,870 --> 00:43:50,120 >> JASON HIRSCHHORN：TR是為行。 991 00:43:50,120 --> 00:43:53,904 992 00:43:53,904 --> 00:43:56,430 >> 觀眾：我不知道它關閉 我的心臟，但我可以檢查。 993 00:43:56,430 --> 00:43:57,140 >> JASON HIRSCHHORN：是否 有人還記得嗎？ 994 00:43:57,140 --> 00:43:57,870 >> 觀眾：TD？ 995 00:43:57,870 --> 00:44:01,250 >> JASON HIRSCHHORN：TD，分毫不差。 運輸署把它作為列。 996 00:44:01,250 --> 00:44:03,150 所以，如果我把TD那裡，阿薩姆， 我需要什麼放？ 997 00:44:03,150 --> 00:44:04,600 我需要什麼補充？ 998 00:44:04,600 --> 00:44:05,620 >> 觀眾：你必須關閉它？ 999 00:44:05,620 --> 00:44:06,240 >> JASON HIRSCHHORN：沒錯。 1000 00:44:06,240 --> 00:44:07,490 哪裡去了？ 1001 00:44:07,490 --> 00:44:09,747 1002 00:44:09,747 --> 00:44:11,090 >> 觀眾：就在那兒？ 1003 00:44:11,090 --> 00:44:11,970 >> JASON HIRSCHHORN：就在這裡？ 1004 00:44:11,970 --> 00:44:13,850 >> 觀眾：我想是這樣。 1005 00:44:13,850 --> 00:44:17,104 1006 00:44:17,104 --> 00:44:18,600 >> JASON HIRSCHHORN：這是什麼 關在這裡？ 1007 00:44:18,600 --> 00:44:19,340 這是什麼呢？ 1008 00:44:19,340 --> 00:44:20,320 那藍色的東西？ 1009 00:44:20,320 --> 00:44:21,280 >> 觀眾：這是為圖像。 1010 00:44:21,280 --> 00:44:22,100 它應該去後，我想。 1011 00:44:22,100 --> 00:44:24,770 >> JASON HIRSCHHORN：OK，完全正確。 1012 00:44:24,770 --> 00:44:26,020 因此，讓我們看看這是什麼一樣。 1013 00:44:26,020 --> 00:44:29,110 1014 00:44:29,110 --> 00:44:30,960 哦，那是很尷尬。 1015 00:44:30,960 --> 00:44:35,780 1016 00:44:35,780 --> 00:44:39,470 讓我們打開了海洋，表， 表身，TR。 1017 00:44:39,470 --> 00:44:44,410 因此，我們有一噸，但我 看不到的影像。 1018 00:44:44,410 --> 00:44:45,110 這是奇怪的。 1019 00:44:45,110 --> 00:44:48,360 它看起來像它建造它，但 沒有顯示我的圖像。 1020 00:44:48,360 --> 00:44:50,425 任何想法為什麼會是這樣？ 1021 00:44:50,425 --> 00:44:56,910 1022 00:44:56,910 --> 00:44:59,140 有什麼想法？ 1023 00:44:59,140 --> 00:45:01,550 >> 觀眾：如果您滾動 下來，你會看到它們。 1024 00:45:01,550 --> 00:45:02,430 >> JASON HIRSCHHORN：轟！ 1025 00:45:02,430 --> 00:45:06,130 因此，他們在那裡，但是這奇怪， 他們是一路下跌那裡。 1026 00:45:06,130 --> 00:45:07,670 >> 觀眾：他們也都在一排。 1027 00:45:07,670 --> 00:45:11,280 >> JASON HIRSCHHORN：而且他們都在一個 划船，他們都是不同的大小。 1028 00:45:11,280 --> 00:45:14,440 所以阿薩姆，再給我一次行代碼 如果我可以讓每一個圖像 1029 00:45:14,440 --> 00:45:17,420 相同的大小，並且它看起來像我有 已經標註的尺碼我 1030 00:45:17,420 --> 00:45:18,440 希望他們能。 1031 00:45:18,440 --> 00:45:20,025 我怎樣才能讓每一個圖像 相同的大小？ 1032 00:45:20,025 --> 00:45:22,978 1033 00:45:22,978 --> 00:45:24,540 給胡亂猜測。 1034 00:45:24,540 --> 00:45:35,290 1035 00:45:35,290 --> 00:45:36,595 >> 那麼這行代碼？ 1036 00:45:36,595 --> 00:45:41,345 1037 00:45:41,345 --> 00:45:43,650 >> 觀眾：你能不能讓 就像一個恆定的？ 1038 00:45:43,650 --> 00:45:46,740 >> JASON HIRSCHHORN：或者哪裡是另一個 請將我可以把下面這行代碼， 1039 00:45:46,740 --> 00:45:47,740 如果我只是複製嗎？ 1040 00:45:47,740 --> 00:45:49,280 >> 觀眾：一路下來 在同一行？ 1041 00:45:49,280 --> 00:45:52,000 >> JASON HIRSCHHORN：好吧，讓我們把 它在這裡，完全正確。 1042 00:45:52,000 --> 00:45:54,320 現在讓我們看看會發生什麼。 1043 00:45:54,320 --> 00:45:56,030 哦，我的天啊！ 1044 00:45:56,030 --> 00:46:00,290 現在看來，我們開始得到 什麼，它看起來像他們 1045 00:46:00,290 --> 00:46:06,950 排序的所有適合的表 我們在每一個TD建造。 1046 00:46:06,950 --> 00:46:10,195 >> 此外，阿薩姆邦，比方說，我喜歡他們的 高度是多一點點 - 1047 00:46:10,195 --> 00:46:12,700 1048 00:46:12,700 --> 00:46:19,260 高度的東西是扔我了，所以 我應該怎麼設置自己的身高？ 1049 00:46:19,260 --> 00:46:20,210 選擇任何號碼。 1050 00:46:20,210 --> 00:46:20,860 >> 觀眾：200？ 1051 00:46:20,860 --> 00:46:21,000 >> JASON HIRSCHHORN：200。 1052 00:46:21,000 --> 00:46:22,380 我要挑100。 1053 00:46:22,380 --> 00:46:22,940 這是偉大的。 1054 00:46:22,940 --> 00:46:25,540 對於真正喜歡200。 1055 00:46:25,540 --> 00:46:26,140 我們走吧！ 1056 00:46:26,140 --> 00:46:31,830 好了，現在該是開始看起來有點 更好一點更有條理。 1057 00:46:31,830 --> 00:46:35,020 1058 00:46:35,020 --> 00:46:38,170 >> 任何其他的想法什麼我們需要 做存儲海豚的照片嗎？ 1059 00:46:38,170 --> 00:46:38,530 是嗎？ 1060 00:46:38,530 --> 00:46:42,810 >> 觀眾：是的報價，或單 引號，周圍的值 1061 00:46:42,810 --> 00:46:45,015 源，高度，寬度， 是那些可選的？ 1062 00:46:45,015 --> 00:46:46,710 >> JASON HIRSCHHORN：在哪裡 有單引號？ 1063 00:46:46,710 --> 00:46:50,340 >> 觀眾：像一些例子， 你就得喜歡高度 1064 00:46:50,340 --> 00:46:53,050 報價等於“150”。是 這不是必需的。 1065 00:46:53,050 --> 00:46:54,510 >> JASON HIRSCHHORN：所以，讓我們 往下看這裡。 1066 00:46:54,510 --> 00:47:04,120 如果我們點擊的海洋，進入表中， 你會發現其實這兒了 1067 00:47:04,120 --> 00:47:05,540 加引號的那些對我來說。 1068 00:47:05,540 --> 00:47:08,310 >> 觀眾：確定。 1069 00:47:08,310 --> 00:47:12,080 >> JASON HIRSCHHORN：所以，我意識到發生了什麼 我們正在做的似乎極為緩慢。 1070 00:47:12,080 --> 00:47:14,950 我們只寫三行代碼 迄今為止，或四行代碼，但 1071 00:47:14,950 --> 00:47:18,130 這實際上是在該過程 我經過每一次我想 1072 00:47:18,130 --> 00:47:18,990 做這個網站。 1073 00:47:18,990 --> 00:47:22,800 一行行，使用控制台向下 這裡，探究事物和辯別 1074 00:47:22,800 --> 00:47:24,320 出一步一步的就是我想做的事情。 1075 00:47:24,320 --> 00:47:28,580 所以希望，這種模仿為你們 在一個良好的，教學方法是什麼你 1076 00:47:28,580 --> 00:47:31,055 實際會做什麼時 你建立自己的網站。 1077 00:47:31,055 --> 00:47:34,260 1078 00:47:34,260 --> 00:47:35,410 >> 讓我們繼續前進。 1079 00:47:35,410 --> 00:47:36,500 我們已經創建了這些東西。 1080 00:47:36,500 --> 00:47:37,240 我要去其實 - 1081 00:47:37,240 --> 00:47:40,950 Avie將，我對你的一個大問題。 1082 00:47:40,950 --> 00:47:43,350 我不知道，我們會繼續前進。 1083 00:47:43,350 --> 00:47:48,950 讓我們去“訓練海豚時，其 圖片被點擊了。“你怎麼了 1084 00:47:48,950 --> 00:47:51,288 亦建議我寫這行代碼？ 1085 00:47:51,288 --> 00:47:54,235 >> 觀眾：有一個函數 所謂的“列車”。 1086 00:47:54,235 --> 00:47:57,030 >> JASON HIRSCHHORN：有一個函數 所謂的“火車”，完全正確。 1087 00:47:57,030 --> 00:47:59,520 >> 觀眾：它需要一個索引。 1088 00:47:59,520 --> 00:48:02,630 >> JASON HIRSCHHORN：火車預計 一個索引，所以，確定。 1089 00:48:02,630 --> 00:48:05,020 Avie將，這也正是推理 我喜歡看。 1090 00:48:05,020 --> 00:48:06,320 火車需要一個索引。 1091 00:48:06,320 --> 00:48:08,230 >> 觀眾：所以你要去 有一個for循環。 1092 00:48:08,230 --> 00:48:11,540 >> JASON HIRSCHHORN：嗯，我想這樣做 圖片被點擊時，那麼Avie將， 1093 00:48:11,540 --> 00:48:15,140 如何監控時， 圖片被點擊？ 1094 00:48:15,140 --> 00:48:16,380 有幾種方法可以做到這一點。 1095 00:48:16,380 --> 00:48:20,330 這是JavaScript的能力和 jQuery的，也是最困難的部分。 1096 00:48:20,330 --> 00:48:22,950 >> 觀眾：如果括號，沒有。 1097 00:48:22,950 --> 00:48:27,390 或者，如果括號事件，還是 比較簡單？ 1098 00:48:27,390 --> 00:48:30,850 >> JASON HIRSCHHORN：所以我們看到了一對夫婦 如何做到這一點的講座。 1099 00:48:30,850 --> 00:48:36,860 有一件事是，到這裡，你可以 這樣做，你可以創建一個 1100 00:48:36,860 --> 00:48:39,340 功能像點擊，或做 像上點擊。 1101 00:48:39,340 --> 00:48:41,620 大家都記得看到 類似的東西？ 1102 00:48:41,620 --> 00:48:46,630 你在HTML標籤內做到這一點。 1103 00:48:46,630 --> 00:48:47,910 我看到一些空白的面孔。 1104 00:48:47,910 --> 00:48:49,910 有些人是這樣，有什麼 是他在說什麼？ 1105 00:48:49,910 --> 00:48:52,150 >> 這很好，因為我認為這是 更複雜的方式來做到這一點。 1106 00:48:52,150 --> 00:48:55,110 我們要做一個更容易 方法使用jQuery。 1107 00:48:55,110 --> 00:48:55,560 所以，Avie將？ 1108 00:48:55,560 --> 00:48:57,350 >> 觀眾：嗯？ 1109 00:48:57,350 --> 00:49:00,280 >> JASON HIRSCHHORN：如果我想要做的 jQuery的東西，我明明開始， 1110 00:49:00,280 --> 00:49:05,090 像以前一樣，有了這個美元符號，開放 括號，括號接近，和雙 1111 00:49:05,090 --> 00:49:06,120 引用在這裡。 1112 00:49:06,120 --> 00:49:07,660 現在我們知道了，我需要一個選擇在這裡。 1113 00:49:07,660 --> 00:49:11,720 你建議將適用什麼選擇 每一個單一的形象或每 1114 00:49:11,720 --> 00:49:14,680 單畫面？ 1115 00:49:14,680 --> 00:49:16,160 >> 觀眾：圖片？ 1116 00:49:16,160 --> 00:49:17,840 >> JASON HIRSCHHORN：這是 完全正確。 1117 00:49:17,840 --> 00:49:20,240 這將適用於每一個單一的形象。 1118 00:49:20,240 --> 00:49:20,940 獲取所有的人。 1119 00:49:20,940 --> 00:49:24,005 這不是一個ID，它不是一個類，它的 一個類型的標籤，而這是要 1120 00:49:24,005 --> 00:49:24,970 讓每一個。 1121 00:49:24,970 --> 00:49:27,610 >> 現在我要告訴你這 現在，你可以看看更多 1122 00:49:27,610 --> 00:49:33,540 在它後面的文件，但這個 所謂的“上”與事件交易的事情。 1123 00:49:33,540 --> 00:49:37,370 所以，你該得到現在要做的，而且是 超級強大，是說什麼的類型 1124 00:49:37,370 --> 00:49:40,260 你要找什麼事件 你想要做的，當你 1125 00:49:40,260 --> 00:49:41,160 接收該事件。 1126 00:49:41,160 --> 00:49:43,155 所以，我要給你一個小 更多的代碼，Avie將，然後 1127 00:49:43,155 --> 00:49:44,200 你得走了，好不好？ 1128 00:49:44,200 --> 00:49:46,700 >> 觀眾：確定。 1129 00:49:46,700 --> 00:49:50,030 >> 觀眾：開 - 我們要去說 “點擊”在這種情況下，你會 1130 00:49:50,030 --> 00:49:50,750 一般使用。 1131 00:49:50,750 --> 00:49:54,460 依此類推一下，然後我們要 它傳遞了一個匿名函數。 1132 00:49:54,460 --> 00:50:01,840 1133 00:50:01,840 --> 00:50:04,100 而這個語法你會看到 了很多，希望你會 1134 00:50:04,100 --> 00:50:05,210 被寫了很多。 1135 00:50:05,210 --> 00:50:10,350 這樣做是什麼，同樣，在點擊 一種叫做形象，什麼的， 1136 00:50:10,350 --> 00:50:14,960 什麼叫形象，我們將 運行這個匿名函數。 1137 00:50:14,960 --> 00:50:16,260 >> 我不會給它一個名字。 1138 00:50:16,260 --> 00:50:18,180 我沒有向它傳遞任何參數。 1139 00:50:18,180 --> 00:50:21,870 我只是像，營造這裡有一個 功能，並在這裡解釋一下代碼 1140 00:50:21,870 --> 00:50:22,750 你要做的。 1141 00:50:22,750 --> 00:50:24,310 這就是用這種語法手段。 1142 00:50:24,310 --> 00:50:27,500 而且，你會發現，它看起來 非常相似，這在這裡，我們 1143 00:50:27,500 --> 00:50:29,310 之前寫了。 1144 00:50:29,310 --> 00:50:30,400 >> OK，Avie將。 1145 00:50:30,400 --> 00:50:34,720 所以，你想打電話給列車上的索引。 1146 00:50:34,720 --> 00:50:35,690 這是你想要做什麼？ 1147 00:50:35,690 --> 00:50:36,400 >> 觀眾：是的。 1148 00:50:36,400 --> 00:50:36,800 >> JASON HIRSCHHORN：這是什麼？ 1149 00:50:36,800 --> 00:50:37,840 確定。 1150 00:50:37,840 --> 00:50:38,610 讓我們看看會發生什麼。 1151 00:50:38,610 --> 00:50:39,420 >> 觀眾：請等待，雖然。 1152 00:50:39,420 --> 00:50:41,240 指數是不是一個變量現在。 1153 00:50:41,240 --> 00:50:42,520 >> JASON HIRSCHHORN：所以指數不 可變現在。 1154 00:50:42,520 --> 00:50:43,780 我不知道你從哪裡得到它。 1155 00:50:43,780 --> 00:50:45,030 >> 觀眾：[聽不清]。 1156 00:50:45,030 --> 00:50:47,440 1157 00:50:47,440 --> 00:50:51,280 所以，你需要首先弄清楚 其中海豚得到了點擊？ 1158 00:50:51,280 --> 00:50:52,440 >> JASON HIRSCHHORN：優秀。 1159 00:50:52,440 --> 00:50:55,260 你需要弄清楚哪些 海豚得到點擊。 1160 00:50:55,260 --> 00:50:56,840 這是一種野生在黑暗中拍攝。 1161 00:50:56,840 --> 00:50:59,355 任何人有任何想法如何，我自己看著辦 什麼海豚得到了點擊？ 1162 00:50:59,355 --> 00:51:03,280 如果沒有，我只是把它送給你， 因為這是很瘋狂。 1163 00:51:03,280 --> 00:51:04,350 確定。 1164 00:51:04,350 --> 00:51:06,670 因此，讓我們通過的console.log打印出來。 1165 00:51:06,670 --> 00:51:17,440 1166 00:51:17,440 --> 00:51:19,550 >> 這件事情。 1167 00:51:19,550 --> 00:51:25,830 因此，美元符號，打開括號， 這種密切括號。 1168 00:51:25,830 --> 00:51:28,110 所以，當我點擊這個圖片，我要去 打印此控制台， 1169 00:51:28,110 --> 00:51:29,030 ，讓我們看看會發生什麼。 1170 00:51:29,030 --> 00:51:30,820 讓我們回到這裡。 1171 00:51:30,820 --> 00:51:31,640 讓我們去安慰。 1172 00:51:31,640 --> 00:51:33,950 沒有錯誤，謝天謝地。 1173 00:51:33,950 --> 00:51:35,420 >> 確定。 1174 00:51:35,420 --> 00:51:36,040 我點擊。 1175 00:51:36,040 --> 00:51:37,660 讓我做了。 1176 00:51:37,660 --> 00:51:43,290 我點擊這個第一的形象，而這 得到了打印到控制台， 1177 00:51:43,290 --> 00:51:44,200 這條線的事情。 1178 00:51:44,200 --> 00:51:47,230 我將要使用的 詞“這”了很多。 1179 00:51:47,230 --> 00:51:52,000 這個東西就在這裡，這是很 特別，它在做什麼 1180 00:51:52,000 --> 00:51:53,340 Avie將要它做的。 1181 00:51:53,340 --> 00:51:57,640 它得到了什麼 點擊或什麼的。 1182 00:51:57,640 --> 00:52:01,850 因為再次，這個選擇會發生 要處理很多事情，我們不 1183 00:52:01,850 --> 00:52:05,310 一定知道我們的事 談，所以我們要弄清楚 1184 00:52:05,310 --> 00:52:08,300 其中的事情，我們正在談論 關於通過這種語法。 1185 00:52:08,300 --> 00:52:12,320 在這種情況下，就在這裡，包括hashtag海洋， 我們總是知道我們在做什麼東西 1186 00:52:12,320 --> 00:52:14,740 將要談論的，所以 我們從來沒有真正需要這個 1187 00:52:14,740 --> 00:52:15,880 裡面包括hashtag海洋。 1188 00:52:15,880 --> 00:52:18,430 它總是海洋，那格。 1189 00:52:18,430 --> 00:52:21,770 這是一個ID，只有一個可能的事情。 1190 00:52:21,770 --> 00:52:25,840 >> 但在這種情況下，這適用於很多 圖像，其實6圖像 1191 00:52:25,840 --> 00:52:28,180 所以我們想知道什麼特別的 圖像被點擊。 1192 00:52:28,180 --> 00:52:33,022 它看起來像這樣的 信息類型，我們得到。 1193 00:52:33,022 --> 00:52:41,540 我們得到它看起來像一些大的 字符串，我們得到了這一切 1194 00:52:41,540 --> 00:52:43,890 信息與此有關。 1195 00:52:43,890 --> 00:52:46,550 我們得到了成噸 和噸的東西。 1196 00:52:46,550 --> 00:52:48,020 jQuery是超級強大。 1197 00:52:48,020 --> 00:52:53,890 它給我們一個信息噸 關於這個特殊的HTML元素。 1198 00:52:53,890 --> 00:52:58,484 Avie將，什麼我們想知道 這個HTML元素？ 1199 00:52:58,484 --> 00:53:00,306 >> 觀眾：有點像一個ID。 1200 00:53:00,306 --> 00:53:01,190 >> JASON HIRSCHHORN：一個ID。 1201 00:53:01,190 --> 00:53:04,375 好了，我們有一個來源， 一個寬度和一個高度。 1202 00:53:04,375 --> 00:53:06,246 >> 觀眾：我們可以使用一個來源。 1203 00:53:06,246 --> 00:53:07,190 >> JASON HIRSCHHORN：我們 可以使用源。 1204 00:53:07,190 --> 00:53:09,140 這會給我們一個字符串， 一個URL字符串。 1205 00:53:09,140 --> 00:53:10,330 我們怎麼做 一旦我們擁有了嗎？ 1206 00:53:10,330 --> 00:53:11,800 我們怎樣才能回到我們 指數ocean_array？ 1207 00:53:11,800 --> 00:53:14,725 >> 觀眾：我們可以比較 它到另一邊。 1208 00:53:14,725 --> 00:53:16,910 >> JASON HIRSCHHORN：所以我們可以 循環遍歷每個。 1209 00:53:16,910 --> 00:53:21,350 現在，我們可以再次循環 然後再進行比較。 1210 00:53:21,350 --> 00:53:23,860 設想這將是一個更簡單的方法， 如果你能想像嗎？ 1211 00:53:23,860 --> 00:53:25,564 >> 觀眾：由於沒有循環。 1212 00:53:25,564 --> 00:53:26,930 >> JASON HIRSCHHORN：由於沒有循環。 1213 00:53:26,930 --> 00:53:29,210 >> 觀眾：剛剛搞清楚 海豚，[聽不清]。 1214 00:53:29,210 --> 00:53:31,430 >> JASON HIRSCHHORN：塑造 什麼海豚。 1215 00:53:31,430 --> 00:53:31,940 確定。 1216 00:53:31,940 --> 00:53:34,780 因此，讓我們保存信息 在此圖像中標記。 1217 00:53:34,780 --> 00:53:37,370 再次，現在，一部分這方面的東西 僅僅是神奇的，因為我可能會 1218 00:53:37,370 --> 00:53:39,950 向您展示這是第一次， 但希望這些事情 1219 00:53:39,950 --> 00:53:41,140 你會做的事情。 1220 00:53:41,140 --> 00:53:43,440 所以，這是後話 神奇的，你可以做。 1221 00:53:43,440 --> 00:53:46,500 你可以節省一些額外的元數據 中的元素。 1222 00:53:46,500 --> 00:53:48,080 它會顯示不出來，也不會 有什麼影響。 1223 00:53:48,080 --> 00:53:49,370 你可以將它保存在那裡。 1224 00:53:49,370 --> 00:53:54,170 而且我建議大家保存 索引與每個圖像。 1225 00:53:54,170 --> 00:54:03,020 >> 所以，你這樣做的方法是創建 所謂數據破折號一個屬性， 1226 00:54:03,020 --> 00:54:04,750 那麼無論你的名字 想給它。 1227 00:54:04,750 --> 00:54:08,940 數據破折號是一種特殊的東西，就是 給你，它說這是 1228 00:54:08,940 --> 00:54:10,990 一些用戶將創建。 1229 00:54:10,990 --> 00:54:17,380 因此，我們正在創造這個東西叫 指數，該鍵稱為索引。 1230 00:54:17,380 --> 00:54:21,530 >> 和它的裡面，我們打算把 不只是一個每次，但做什麼 1231 00:54:21,530 --> 00:54:22,710 我們把它裡面，Avie將？ 1232 00:54:22,710 --> 00:54:23,960 善有善報就在這裡？ 1233 00:54:23,960 --> 00:54:28,002 1234 00:54:28,002 --> 00:54:29,954 >> 觀眾：海豚。 1235 00:54:29,954 --> 00:54:31,140 >> JASON HIRSCHHORN：海豚。 1236 00:54:31,140 --> 00:54:33,370 那是不是這個詞。 1237 00:54:33,370 --> 00:54:34,920 海豚。 1238 00:54:34,920 --> 00:54:38,300 再次，我們已經打印海豚 早些時候，即0，1，2，3，4，5，和 1239 00:54:38,300 --> 00:54:39,590 我們正在保存與圖像。 1240 00:54:39,590 --> 00:54:42,250 1241 00:54:42,250 --> 00:54:48,580 >> 所以，現在，如果我這樣做 - 並再次， 我們保存元數據。 1242 00:54:48,580 --> 00:54:50,070 如何訪問這些元數據？ 1243 00:54:50,070 --> 00:54:52,690 這是一個剛剛被調用函數“的數據。” 而你需要通過它的一個 1244 00:54:52,690 --> 00:54:57,960 只有一個參數，這個參數 是事物的名稱。 1245 00:54:57,960 --> 00:55:00,150 所以，我要打印出來， 然後我會回答大家的提問。 1246 00:55:00,150 --> 00:55:04,800 但本質上，我是說給我這個 被點擊的對象，看看 1247 00:55:04,800 --> 00:55:07,790 在所有的數據屬性， 而一個名為“索引” 1248 00:55:07,790 --> 00:55:09,080 給我的價值。 1249 00:55:09,080 --> 00:55:11,580 >> ，讓我們看看會發生什麼時， 我們刷新此頁面。 1250 00:55:11,580 --> 00:55:14,910 1251 00:55:14,910 --> 00:55:17,580 正是我們的預期。 1252 00:55:17,580 --> 00:55:18,910 再次，這是相當不可思議的。 1253 00:55:18,910 --> 00:55:20,680 我們只是做了很多在那裡。 1254 00:55:20,680 --> 00:55:22,360 誰都有關於什麼問題嗎？ 1255 00:55:22,360 --> 00:55:22,560 是嗎？ 1256 00:55:22,560 --> 00:55:24,540 >> 觀眾：我只是有一個問題 關於你的真實代碼。 1257 00:55:24,540 --> 00:55:27,590 您可以使用像一個單引號，雙 報價，喜歡那裡。 1258 00:55:27,590 --> 00:55:28,534 >> JASON HIRSCHHORN：就在這兒。 1259 00:55:28,534 --> 00:55:29,006 >> 觀眾：是啊。 1260 00:55:29,006 --> 00:55:33,300 在那裡，為什麼你做一個理性的 單引號，雙引號？ 1261 00:55:33,300 --> 00:55:35,190 >> JASON HIRSCHHORN：還有一個原因， 而這又回到了馬庫斯 1262 00:55:35,190 --> 00:55:35,830 剛才問。 1263 00:55:35,830 --> 00:55:38,940 在這一行，我是一個 位在我的編碼更好。 1264 00:55:38,940 --> 00:55:43,810 我想這一點，這就是我說實話 應該已經做了所有的 1265 00:55:43,810 --> 00:55:46,240 時間，寬度和高度 特別是。 1266 00:55:46,240 --> 00:55:49,090 讓我們來看看這兒吧。 1267 00:55:49,090 --> 00:55:50,280 你會看到這裡， 你可以看到？ 1268 00:55:50,280 --> 00:55:54,620 我知道這是有點小，但數據 短線指數是在雙引號中。 1269 00:55:54,620 --> 00:55:56,240 這些事情總是需要 要在雙引號。 1270 00:55:56,240 --> 00:55:58,630 該值總是需要 在雙引號。 1271 00:55:58,630 --> 00:56:01,910 >> 但在這裡，如果我做了雙引號，那 將結束這個字符串就在這裡， 1272 00:56:01,910 --> 00:56:03,930 現在我也不會 在輸入一個字符串。 1273 00:56:03,930 --> 00:56:09,600 所以我避開，通過只使用一個 單引號，因為一個單引號 1274 00:56:09,600 --> 00:56:13,120 不結束的JavaScript字符串，但 在HTML中它並不關心，如果你是 1275 00:56:13,120 --> 00:56:14,270 給它單引號 或雙引號。 1276 00:56:14,270 --> 00:56:16,395 這將只是把它解釋 像雙引號。 1277 00:56:16,395 --> 00:56:17,460 這是否有道理？ 1278 00:56:17,460 --> 00:56:17,855 是嗎？ 1279 00:56:17,855 --> 00:56:21,225 >> 觀眾：你如何得到該IP地址 在客戶端的底部？ 1280 00:56:21,225 --> 00:56:22,473 雷說，沒有IP地址。 1281 00:56:22,473 --> 00:56:24,450 有什麼我應該 已經做了[聽不清]。 1282 00:56:24,450 --> 00:56:26,385 >> JASON HIRSCHHORN：在您的設備， 它有什麼？ 1283 00:56:26,385 --> 00:56:27,043 >> 觀眾：是的。 1284 00:56:27,043 --> 00:56:29,540 >> JASON HIRSCHHORN：也有一些是 你可以做些什麼來解決它，但我不 1285 00:56:29,540 --> 00:56:31,030 會花時間走 通過現在。 1286 00:56:31,030 --> 00:56:33,705 但是，我們可以節後做到這一點。 1287 00:56:33,705 --> 00:56:38,520 >> 觀眾：如果你回去 控制台，為什麼是 1288 00:56:38,520 --> 00:56:41,168 上市012321號？ 1289 00:56:41,168 --> 00:56:42,480 >> JASON HIRSCHHORN：控制台？ 1290 00:56:42,480 --> 00:56:44,760 呵呵，因為我只是點擊 各地瘋狂。 1291 00:56:44,760 --> 00:56:45,440 >> 觀眾：哦，好吧。 1292 00:56:45,440 --> 00:56:46,410 沒關係。 1293 00:56:46,410 --> 00:56:50,754 >> JASON HIRSCHHORN：再次，我可以點擊 在東西bajillion次。 1294 00:56:50,754 --> 00:56:53,500 >> 觀眾：我的問題是關於 你的循環再次，你的for循環。 1295 00:56:53,500 --> 00:56:56,450 因為你知道P中設置八人，他們 使用不同形式的循環。 1296 00:56:56,450 --> 00:57:02,210 因此，他們像變種i等於0，我少 比，ocean_array.length，我+ +。 1297 00:57:02,210 --> 00:57:04,160 是那些相同呢？ 1298 00:57:04,160 --> 00:57:06,070 >> JASON HIRSCHHORN：這是 一個標準的for循環。 1299 00:57:06,070 --> 00:57:07,570 或者是啊，這就是for循環。 1300 00:57:07,570 --> 00:57:08,565 事實上，我們已經看到這是等價的。 1301 00:57:08,565 --> 00:57:10,450 >> 觀眾：這就是等價 什麼你在這裡做什麼？ 1302 00:57:10,450 --> 00:57:12,030 一個更好的考慮 比其他的？ 1303 00:57:12,030 --> 00:57:13,280 >> JASON HIRSCHHORN：號 1304 00:57:13,280 --> 00:57:17,010 1305 00:57:17,010 --> 00:57:20,110 >> 所以，再一次，我們已經走了 在一些事情。 1306 00:57:20,110 --> 00:57:23,170 現在我們已經搬出了我們的舒適區 並開始做一些很酷 1307 00:57:23,170 --> 00:57:26,840 事情，我們不一定去 在課堂上過，但會 1308 00:57:26,840 --> 00:57:28,870 希望是非常強大 為你編碼時。 1309 00:57:28,870 --> 00:57:30,670 >> AVIE，讓我們回到了這裡。 1310 00:57:30,670 --> 00:57:31,890 我有海豚的索引。 1311 00:57:31,890 --> 00:57:32,850 現在有什麼我需要做什麼？ 1312 00:57:32,850 --> 00:57:34,760 >> 觀眾：你需要訓練它。 1313 00:57:34,760 --> 00:57:39,985 所以，而不是把console.log的，你 可以設置一個變量等於？ 1314 00:57:39,985 --> 00:57:40,680 >> JASON HIRSCHHORN：確定。 1315 00:57:40,680 --> 00:57:41,440 所以呢？ 1316 00:57:41,440 --> 00:57:44,450 >> 觀眾：我不知道 如果你能做到這一點。 1317 00:57:44,450 --> 00:57:46,880 >> JASON HIRSCHHORN：那麼變種x等於 這一點，無論它返回， 1318 00:57:46,880 --> 00:57:47,650 它會返回它。 1319 00:57:47,650 --> 00:57:48,350 沒關係。 1320 00:57:48,350 --> 00:57:49,490 它可以返回任何變量。 1321 00:57:49,490 --> 00:57:51,580 有沒有種在這裡。 1322 00:57:51,580 --> 00:57:53,970 >> 觀眾：或者你可以只 做函數調用。 1323 00:57:53,970 --> 00:57:55,465 >> JASON HIRSCHHORN：是啊， 我為什麼不這樣做呢？ 1324 00:57:55,465 --> 00:57:58,191 只是做函數調用。 1325 00:57:58,191 --> 00:57:59,105 >> 觀眾：是啊。 1326 00:57:59,105 --> 00:58:01,100 把另一組括號。 1327 00:58:01,100 --> 00:58:02,330 >> JASON HIRSCHHORN：完美。 1328 00:58:02,330 --> 00:58:03,580 這是完全正確的。 1329 00:58:03,580 --> 00:58:07,250 1330 00:58:07,250 --> 00:58:08,830 因此，將調用列車的功能。 1331 00:58:08,830 --> 00:58:14,020 當然，沒有什麼是在火車上 功能，所以建議，AKSHAR，我 1332 00:58:14,020 --> 00:58:15,440 應該做在火車上的功能。 1333 00:58:15,440 --> 00:58:16,400 給我一些偽代碼。 1334 00:58:16,400 --> 00:58:20,940 >> 觀眾：我覺得你應該刪除 從原始表海豚。 1335 00:58:20,940 --> 00:58:24,130 1336 00:58:24,130 --> 00:58:27,010 >> JASON HIRSCHHORN：這是越來越 諾亞更早，為什麼我們複製 1337 00:58:27,010 --> 00:58:30,510 到一個新的數組。 1338 00:58:30,510 --> 00:58:34,650 對的，因為我們沒有給我們的編輯 海豚數組，因為什麼，如果另一 1339 00:58:34,650 --> 00:58:37,390 程序的使用它，或如果我們想 訪問到其他地方？ 1340 00:58:37,390 --> 00:58:41,005 不是我們不想做一個拷貝，而這 一，我們要編輯。 1341 00:58:41,005 --> 00:58:46,565 >> 觀眾：那麼你的位置 它在您的新位置。 1342 00:58:46,565 --> 00:58:48,990 >> JASON HIRSCHHORN：什麼做的 我們需要在那之後呢？ 1343 00:58:48,990 --> 00:58:53,298 >> 觀眾：然後你打印出來的 關於海豚的信息。 1344 00:58:53,298 --> 00:58:56,050 1345 00:58:56,050 --> 00:58:57,970 >> JASON HIRSCHHORN：這是 完全正確。 1346 00:58:57,970 --> 00:59:03,835 我們從ocean_array刪除它，我們 把它放在池，然後我們繪製 1347 00:59:03,835 --> 00:59:06,870 海洋池中。 1348 00:59:06,870 --> 00:59:09,625 如何刪除海豚 從ocean_array？ 1349 00:59:09,625 --> 00:59:12,102 >> 觀眾：你去索引。 1350 00:59:12,102 --> 00:59:13,280 哦，好吧。 1351 00:59:13,280 --> 00:59:16,076 使用拼接功能。 1352 00:59:16,076 --> 00:59:17,720 >> JASON HIRSCHHORN：OK，所以這是正確的。 1353 00:59:17,720 --> 00:59:20,950 我可以用一個拼接功能， 取出來的東西從一個數組， 1354 00:59:20,950 --> 00:59:22,250 凝結了。 1355 00:59:22,250 --> 00:59:23,560 這是新的東西，我們 以前沒有見過的。 1356 00:59:23,560 --> 00:59:26,120 但事實上，我想保留一個空格 那裡，因為我想打印出 1357 00:59:26,120 --> 00:59:28,092 在海洋中的空白。 1358 00:59:28,092 --> 00:59:36,480 >> 觀眾：然後你可以設置圖像 該指數的ocean_array 1359 00:59:36,480 --> 00:59:39,636 指數點的圖片。 1360 00:59:39,636 --> 00:59:41,730 >> JASON HIRSCHHORN：OK， ocean_array，索引。 1361 00:59:41,730 --> 00:59:43,125 >> 觀眾：點圖片。 1362 00:59:43,125 --> 00:59:44,300 >> JASON HIRSCHHORN：點圖片。 1363 00:59:44,300 --> 00:59:45,910 >> 觀眾：你將它設置為NULL？ 1364 00:59:45,910 --> 00:59:47,080 >> JASON HIRSCHHORN：等於空。 1365 00:59:47,080 --> 00:59:49,440 確定。 1366 00:59:49,440 --> 00:59:53,230 所以沒什麼的存在，這樣的話 我怎麼把在游泳池？ 1367 00:59:53,230 --> 00:59:56,880 康斯坦丁，我該怎麼辦 把它放在池？ 1368 00:59:56,880 --> 01:00:00,140 我們有這個變量，我們稱之為， 所謂的游泳池，在這裡。 1369 01:00:00,140 --> 01:00:10,810 >> 觀眾：我們是否只是做等於 ocean_array指數？ 1370 01:00:10,810 --> 01:00:12,575 >> 觀眾：應該不是你 開關的順序？ 1371 01:00:12,575 --> 01:00:14,325 >> JASON HIRSCHHORN：一秒鐘。 1372 01:00:14,325 --> 01:00:14,770 是嗎？ 1373 01:00:14,770 --> 01:00:16,980 >> 觀眾：是啊，這是 實際上是一個很好的點。 1374 01:00:16,980 --> 01:00:19,890 1375 01:00:19,890 --> 01:00:24,372 >> JASON HIRSCHHORN：善有善報嗎？ 1376 01:00:24,372 --> 01:00:25,510 >> 觀眾：它是索引？ 1377 01:00:25,510 --> 01:00:27,240 >> JASON HIRSCHHORN：指數，沒錯。 1378 01:00:27,240 --> 01:00:29,400 和你說什麼，君士坦丁， 是我們應該做的？ 1379 01:00:29,400 --> 01:00:31,530 >> 觀眾：我們也許應該 切換的順序。 1380 01:00:31,530 --> 01:00:34,300 >> JASON HIRSCHHORN何必 我們切換順序，也許？ 1381 01:00:34,300 --> 01:00:36,166 >> 觀眾：因為在那個 指出它已經空。 1382 01:00:36,166 --> 01:00:39,755 >> JASON HIRSCHHORN：所以這還不是全部為空， 但我們已經失去了圖像的URL。 1383 01:00:39,755 --> 01:00:42,295 1384 01:00:42,295 --> 01:00:43,615 我們已經失去了它永遠不會消失？ 1385 01:00:43,615 --> 01:00:47,878 1386 01:00:47,878 --> 01:00:48,970 >> 觀眾：從技術上講沒有？ 1387 01:00:48,970 --> 01:00:50,540 >> JASON HIRSCHHORN：有 我們失去了它永遠不會消失？ 1388 01:00:50,540 --> 01:00:51,290 >> 觀眾：號 1389 01:00:51,290 --> 01:00:52,780 >> JASON HIRSCHHORN：嗯，它在哪裡？ 1390 01:00:52,780 --> 01:00:54,220 >> 觀眾：在你原來的海豚 - 1391 01:00:54,220 --> 01:00:56,310 >> JASON HIRSCHHORN：這是海豚， 但在ocean_array 1392 01:00:56,310 --> 01:00:57,630 我們已經永遠地失去了它。 1393 01:00:57,630 --> 01:01:01,910 所以康斯坦丁，你能提出一個 更好的方式來寫這條線？ 1394 01:01:01,910 --> 01:01:03,350 事實上，對不起，它保存在池中。 1395 01:01:03,350 --> 01:01:08,640 我們有它在池，因為 池是一個對象，對不對？ 1396 01:01:08,640 --> 01:01:12,310 Ocean_array指數，一個ocean_array 是一個對象數組。 1397 01:01:12,310 --> 01:01:15,590 >> 所以池是一個對象，我們有 在那裡一個URL，並且向下 1398 01:01:15,590 --> 01:01:16,220 在這裡它被設置為null。 1399 01:01:16,220 --> 01:01:19,280 所以實際上，我們有沒有 永遠的失去它。 1400 01:01:19,280 --> 01:01:20,080 這只是保存在池中。 1401 01:01:20,080 --> 01:01:23,730 但它肯定不是在ocean_array， 而像你說的，卡洛斯，它是在 1402 01:01:23,730 --> 01:01:25,010 海豚陣列。 1403 01:01:25,010 --> 01:01:25,720 >> 所以這個長相甜美。 1404 01:01:25,720 --> 01:01:27,550 然後我們怎麼畫 海洋和池？ 1405 01:01:27,550 --> 01:01:27,780 馬里奧？ 1406 01:01:27,780 --> 01:01:33,060 >> 觀眾：你可以只調用 draw_pool和draw_ocean？ 1407 01:01:33,060 --> 01:01:36,060 這麼喜歡，draw_pool，然後 - 1408 01:01:36,060 --> 01:01:39,522 嗯，是的，它不帶任何東西。 1409 01:01:39,522 --> 01:01:40,840 >> JASON HIRSCHHORN：太好了。 1410 01:01:40,840 --> 01:01:42,350 什麼是draw_pool怎麼辦呢？ 1411 01:01:42,350 --> 01:01:43,715 >> 觀眾：繪製池？ 1412 01:01:43,715 --> 01:01:45,360 >> JASON HIRSCHHORN：是啊， 它是什麼怎麼辦？ 1413 01:01:45,360 --> 01:01:46,605 >> 觀眾：對不起。 1414 01:01:46,605 --> 01:01:48,310 你可以做同樣的 的事情，就像有 - 1415 01:01:48,310 --> 01:01:49,670 >> JASON HIRSCHHORN：等一下， 我們去到那裡。 1416 01:01:49,670 --> 01:01:49,880 什麼都沒有。 1417 01:01:49,880 --> 01:01:50,950 它什麼都不做，現在。 1418 01:01:50,950 --> 01:01:52,080 讓我們來看看這工作的。 1419 01:01:52,080 --> 01:01:52,520 誰給了我們的代碼？ 1420 01:01:52,520 --> 01:01:54,640 AKSHAR和君士坦丁 給我們的代碼？ 1421 01:01:54,640 --> 01:01:56,640 好吧，讓我們看看會發生什麼。 1422 01:01:56,640 --> 01:01:57,810 >> 啊！ 1423 01:01:57,810 --> 01:01:59,650 這是如此令人興奮。 1424 01:01:59,650 --> 01:02:00,790 它的消失。 1425 01:02:00,790 --> 01:02:01,810 呵呵，小伙子。 1426 01:02:01,810 --> 01:02:03,060 這是有點醜。 1427 01:02:03,060 --> 01:02:04,670 好了，我們可以回去 並修復以後。 1428 01:02:04,670 --> 01:02:06,490 我不知道它在哪裡？ 1429 01:02:06,490 --> 01:02:07,890 我們救了它在該池中的變量。 1430 01:02:07,890 --> 01:02:10,160 我怎麼能弄清楚，如果是 該組的變量？ 1431 01:02:10,160 --> 01:02:15,780 好了，再次，JavaScript的力量， 特別是工具 1432 01:02:15,780 --> 01:02:18,280 Chrome瀏覽器給你，是你現在可以 檢查該池的變量。 1433 01:02:18,280 --> 01:02:19,220 這是全球性的，還記得嗎？ 1434 01:02:19,220 --> 01:02:20,960 我們沒有把var關鍵字。 1435 01:02:20,960 --> 01:02:23,430 所以，如果我輸入回車就在這裡， 康斯坦丁，你覺得我 1436 01:02:23,430 --> 01:02:24,800 要得到，當我按下回車鍵？ 1437 01:02:24,800 --> 01:02:29,095 1438 01:02:29,095 --> 01:02:30,950 >> 觀眾：我不知道。 1439 01:02:30,950 --> 01:02:31,470 >> JASON HIRSCHHORN：你猜。 1440 01:02:31,470 --> 01:02:32,110 >> 觀眾：什麼都沒有？ 1441 01:02:32,110 --> 01:02:33,680 >> JASON HIRSCHHORN：沒什麼，錯了。 1442 01:02:33,680 --> 01:02:35,030 這是一個很好的猜測，雖然。 1443 01:02:35,030 --> 01:02:35,920 我得到的對象。 1444 01:02:35,920 --> 01:02:37,680 記住你給我 這行代碼。 1445 01:02:37,680 --> 01:02:41,550 池，你保存在該 變量的對象。 1446 01:02:41,550 --> 01:02:45,180 而事實上，我們所看到的物體 你救了它。 1447 01:02:45,180 --> 01:02:46,710 這真棒。 1448 01:02:46,710 --> 01:02:48,510 我們可以檢查從這裡。 1449 01:02:48,510 --> 01:02:52,110 這幾乎就像實時GDB的 我們可以通過看我們的代碼和 1450 01:02:52,110 --> 01:02:53,520 弄清楚的東西了。 1451 01:02:53,520 --> 01:02:55,780 那是超爽，超強悍。 1452 01:02:55,780 --> 01:02:56,860 >> 好吧，讓我們來完成這件事。 1453 01:02:56,860 --> 01:02:59,710 讓我們畫池在五分鐘內。 1454 01:02:59,710 --> 01:03:02,960 1455 01:03:02,960 --> 01:03:05,370 丸，給我行 代碼繪製的游泳池。 1456 01:03:05,370 --> 01:03:08,975 >> 觀眾：你可以有另一種 變量的HTML，但/對。 1457 01:03:08,975 --> 01:03:11,070 >> JASON HIRSCHHORN：讓我們 它現在很簡單。 1458 01:03:11,070 --> 01:03:14,156 讓我們只是打印的名稱 海豚，我們正在訓練。 1459 01:03:14,156 --> 01:03:20,910 >> 觀眾：然後你就可以做美元 簽署，開括號， 1460 01:03:20,910 --> 01:03:23,850 然後打開引號。 1461 01:03:23,850 --> 01:03:26,420 我猜一斤池，如果 這是一件事。 1462 01:03:26,420 --> 01:03:27,240 我不記得了。 1463 01:03:27,240 --> 01:03:28,950 >> JASON HIRSCHHORN：讓我們回顧一下。 1464 01:03:28,950 --> 01:03:29,570 我認為這是一個東西。 1465 01:03:29,570 --> 01:03:30,660 >> 觀眾：好吧，是的。 1466 01:03:30,660 --> 01:03:36,460 然後關閉引號，括號接近 ，HTML，開括號， 1467 01:03:36,460 --> 01:03:45,880 然後我猜池，就像打開支架 0或類似的東西。 1468 01:03:45,880 --> 01:03:47,500 關閉點名稱。 1469 01:03:47,500 --> 01:03:49,720 我不知道是否能工程。 1470 01:03:49,720 --> 01:03:51,723 >> 觀眾：好，讓我們看看會發生什麼。 1471 01:03:51,723 --> 01:03:55,507 1472 01:03:55,507 --> 01:03:59,040 “無法讀取的屬性名 未定義的。“所以，再一次，這裡是 1473 01:03:59,040 --> 01:03:59,770 我們要退房。 1474 01:03:59,770 --> 01:04:00,500 我們要探討這個問題。 1475 01:04:00,500 --> 01:04:02,710 你們這樣做，游泳池，開放bracket0。名。 1476 01:04:02,710 --> 01:04:06,060 同樣，我做這一切的時候，我 困惑是怎麼回事，有哪些呢 1477 01:04:06,060 --> 01:04:07,040 這個警告的意思。 1478 01:04:07,040 --> 01:04:09,140 讓我們來看看池。 1479 01:04:09,140 --> 01:04:12,520 讓我們來看看池支架 0，未定義。 1480 01:04:12,520 --> 01:04:14,430 所以這就是我們正在運行 進入我們的問題，對不對？ 1481 01:04:14,430 --> 01:04:16,130 池支架0沒有， 顯然，存在。 1482 01:04:16,130 --> 01:04:19,760 你怎麼看這些現象？ 1483 01:04:19,760 --> 01:04:21,885 >> 觀眾：是池剛 一個目的是通過本身？ 1484 01:04:21,885 --> 01:04:23,550 >> JASON HIRSCHHORN：那麼， 它說的對嗎？ 1485 01:04:23,550 --> 01:04:25,850 當我們敲回車上池， 它說什麼這是什麼？ 1486 01:04:25,850 --> 01:04:26,510 >> 對象：對象。 1487 01:04:26,510 --> 01:04:28,076 >> JASON HIRSCHHORN：它是一個對象，所以？ 1488 01:04:28,076 --> 01:04:28,860 >> 觀眾：哦，是的。 1489 01:04:28,860 --> 01:04:30,700 所以只是pool.name代替 - 1490 01:04:30,700 --> 01:04:34,650 >> JASON HIRSCHHORN：Pool.name給 你想要什麼。 1491 01:04:34,650 --> 01:04:38,060 我意識到我所經歷的這 慢慢地，哪一方這一點上，但 1492 01:04:38,060 --> 01:04:39,720 這就是我究竟是如何做到這一點的東西。 1493 01:04:39,720 --> 01:04:42,270 你會遇到這些錯誤 您的最終項目中，所以我希望 1494 01:04:42,270 --> 01:04:44,360 這賦予你能 使用所有這些工具。 1495 01:04:44,360 --> 01:04:47,780 這些都是至關重要的，將 讓你的超級騙子遠。 1496 01:04:47,780 --> 01:04:50,050 >> 所以，我不希望只是 打印出了名。 1497 01:04:50,050 --> 01:04:54,375 讓我們把它一點點 位比這更好的。 1498 01:04:54,375 --> 01:04:56,000 >> 觀眾：還有什麼我們想要做什麼？ 1499 01:04:56,000 --> 01:04:56,460 >> JASON HIRSCHHORN：好，很好。 1500 01:04:56,460 --> 01:04:57,390 我們就是這樣做的。 1501 01:04:57,390 --> 01:04:57,760 唉。 1502 01:04:57,760 --> 01:05:00,354 伙計們，就沒有生命。 1503 01:05:00,354 --> 01:05:02,720 >> OK，繁榮，得到了它。 1504 01:05:02,720 --> 01:05:04,040 看起來不錯。 1505 01:05:04,040 --> 01:05:09,910 你會看到，AKSHAR，到這裡， 我們已經為空，沒有發現。 1506 01:05:09,910 --> 01:05:14,760 所以看起來它仍然試圖 找一些形象，並沒有做 1507 01:05:14,760 --> 01:05:15,720 正是我們想要做什麼。 1508 01:05:15,720 --> 01:05:18,690 我們不打算進入，現在，但 有可能是一個更清潔的方式 1509 01:05:18,690 --> 01:05:19,835 這樣做。 1510 01:05:19,835 --> 01:05:24,475 >> 觀眾：你能像離開 對於圖像的空白區域？ 1511 01:05:24,475 --> 01:05:27,080 而不是將其設置為空似的， 您可以將其設置為喜歡的空白 1512 01:05:27,080 --> 01:05:28,732 串什麼的？ 1513 01:05:28,732 --> 01:05:30,020 >> JASON HIRSCHHORN：喜歡這個？ 1514 01:05:30,020 --> 01:05:31,270 >> 觀眾：是啊。 1515 01:05:31,270 --> 01:05:36,894 1516 01:05:36,894 --> 01:05:38,144 >> JASON HIRSCHHORN：[聽不清]。 1517 01:05:38,144 --> 01:05:42,000 1518 01:05:42,000 --> 01:05:42,860 沒有找到。 1519 01:05:42,860 --> 01:05:44,810 因此，有這樣做的更好的方法。 1520 01:05:44,810 --> 01:05:46,290 我建議這樣做。 1521 01:05:46,290 --> 01:05:50,130 1522 01:05:50,130 --> 01:05:53,080 只是設置空在那裡。 1523 01:05:53,080 --> 01:05:54,200 然後，當然，有什麼 會發生什麼？ 1524 01:05:54,200 --> 01:05:56,050 這將完全消失。 1525 01:05:56,050 --> 01:06:01,420 因此，如果我們想保留一個空間，做 這一點，我們可能想要做的事 1526 01:06:01,420 --> 01:06:05,140 在這裡為好。 1527 01:06:05,140 --> 01:06:06,650 我將讓你開始。 1528 01:06:06,650 --> 01:06:09,076 AKSHAR，給我這個行 代碼真快。 1529 01:06:09,076 --> 01:06:17,480 >> 觀眾：如果ocean_array，海豚， 等於，等於，等於 - 等於null？ 1530 01:06:17,480 --> 01:06:20,342 是啊。 1531 01:06:20,342 --> 01:06:21,466 >> JASON HIRSCHHORN：然後呢？ 1532 01:06:21,466 --> 01:06:24,046 >> 觀眾：然後做HTML。 1533 01:06:24,046 --> 01:06:27,920 你剛才複製的底層代碼，真的。 1534 01:06:27,920 --> 01:06:29,100 >> JASON HIRSCHHORN：複製什麼？ 1535 01:06:29,100 --> 01:06:30,290 >> 觀眾：你可以複製 - 1536 01:06:30,290 --> 01:06:30,340 >> JASON HIRSCHHORN：這個？ 1537 01:06:30,340 --> 01:06:31,310 >> 觀眾：是啊。 1538 01:06:31,310 --> 01:06:33,115 >> JASON HIRSCHHORN：所有呢？ 1539 01:06:33,115 --> 01:06:35,082 我們沒有圖像。 1540 01:06:35,082 --> 01:06:37,386 >> 觀眾：我的意思是你 可以只留下 - 1541 01:06:37,386 --> 01:06:39,651 是的，你可以關閉它。 1542 01:06:39,651 --> 01:06:41,560 但我認為你必須設置寬度。 1543 01:06:41,560 --> 01:06:45,280 >> JASON HIRSCHHORN：那麼，就 創建一個空列。 1544 01:06:45,280 --> 01:06:45,910 確定。 1545 01:06:45,910 --> 01:06:48,480 然後在這種情況下，我們可能會 要做到這一點。 1546 01:06:48,480 --> 01:06:54,587 1547 01:06:54,587 --> 01:06:55,837 >> 哎呀。 1548 01:06:55,837 --> 01:06:58,810 1549 01:06:58,810 --> 01:06:59,820 呵呵。 1550 01:06:59,820 --> 01:07:01,800 沒有工作，但我們不 收到該錯誤。 1551 01:07:01,800 --> 01:07:03,090 讓我們來看看發生了什麼事到這裡。 1552 01:07:03,090 --> 01:07:07,400 1553 01:07:07,400 --> 01:07:09,690 >> 所以，有什麼也沒有，那又怎樣 你說我們應該補充？ 1554 01:07:09,690 --> 01:07:14,746 >> 觀眾：我們應 行的寬度。 1555 01:07:14,746 --> 01:07:15,585 >> JASON HIRSCHHORN：要什麼？ 1556 01:07:15,585 --> 01:07:17,590 >> 觀眾：我認為這是150。 1557 01:07:17,590 --> 01:07:19,650 >> 觀眾：是的，這是150。 1558 01:07:19,650 --> 01:07:21,390 >> JASON HIRSCHHORN：我們會把這個位置 保持我的代碼是一致的。 1559 01:07:21,390 --> 01:07:21,730 但是，這是不是一個。 1560 01:07:21,730 --> 01:07:22,350 好的，好的。 1561 01:07:22,350 --> 01:07:23,050 發布。 1562 01:07:23,050 --> 01:07:25,650 好不好？ 1563 01:07:25,650 --> 01:07:28,241 因此，它仍然要離開。 1564 01:07:28,241 --> 01:07:29,780 >> 觀眾：哦，叫寬？ 1565 01:07:29,780 --> 01:07:32,570 1566 01:07:32,570 --> 01:07:35,140 >> JASON HIRSCHHORN：它看起來 像的寬度為150。 1567 01:07:35,140 --> 01:07:36,290 讓我們來看看。 1568 01:07:36,290 --> 01:07:39,375 現在我們要做的最後， 冷靜，強大的東西，我很 1569 01:07:39,375 --> 01:07:40,500 要告訴你。 1570 01:07:40,500 --> 01:07:43,830 我們不打算做完這個代碼，但 網上之前，我們不干，這一切 1571 01:07:43,830 --> 01:07:44,580 代碼是正確的。 1572 01:07:44,580 --> 01:07:48,970 我會向您發送電子郵件的修正版本 用我自己的一些造型後 1573 01:07:48,970 --> 01:07:51,020 節，並會在網上公佈。 1574 01:07:51,020 --> 01:07:53,920 我鼓勵你繼續探索這個 並以此作為參考，但我 1575 01:07:53,920 --> 01:07:58,250 想告訴你這樣做的最終工具 類，那就是在這裡上 1576 01:07:58,250 --> 01:07:58,920 右手側。 1577 01:07:58,920 --> 01:08:01,700 我們看著這最後一周，但現在 希望這是更熟悉一點 1578 01:08:01,700 --> 01:08:02,970 你和舒適。 1579 01:08:02,970 --> 01:08:06,730 >> 你可以動態地玩 用頁面的CSS。 1580 01:08:06,730 --> 01:08:09,570 實際上我們已經看到了我們 與HTML動態地玩。 1581 01:08:09,570 --> 01:08:13,470 請記住，我們做了正確的 單擊編輯為HTML？ 1582 01:08:13,470 --> 01:08:14,090 就在這裡？ 1583 01:08:14,090 --> 01:08:16,080 因此，我們已經發揮動態 與HTML。 1584 01:08:16,080 --> 01:08:20,620 >> 在控制台中，您可以動態地玩 用頁面的JavaScript的。 1585 01:08:20,620 --> 01:08:24,899 舉例來說，這是一個有效的 JavaScript的線。 1586 01:08:24,899 --> 01:08:26,870 轟，我得到了正是我想要的。 1587 01:08:26,870 --> 01:08:30,060 因此，我們可以動態地與玩 HTML，動態與玩 1588 01:08:30,060 --> 01:08:30,550 JavaScript的。 1589 01:08:30,550 --> 01:08:32,810 現在，我們要動態 玩了CSS。 1590 01:08:32,810 --> 01:08:36,630 >> 而這一切是因為它像 瞬間，生活GDB的反饋，所以你 1591 01:08:36,630 --> 01:08:39,979 能有之前知道的東西的權利 去你的代碼，你可以 1592 01:08:39,979 --> 01:08:41,790 不猜是什麼東西的 將會是什麼樣。 1593 01:08:41,790 --> 01:08:43,050 因此，這是超級騙子爽。 1594 01:08:43,050 --> 01:08:45,850 >> 而且我們最後看一下動態 玩了CSS。 1595 01:08:45,850 --> 01:08:49,560 這就是在這裡上的權利 右手邊，element.style。 1596 01:08:49,560 --> 01:08:50,420 讓我們去到這一點。 1597 01:08:50,420 --> 01:08:51,740 這裡是我們的元素。 1598 01:08:51,740 --> 01:08:54,689 讓我們給它一些額外的CSS。 1599 01:08:54,689 --> 01:09:00,300 >> 或不好意思，我們可以給它一些額外的 CSS的，但是我們可能，在這種情況下， 1600 01:09:00,300 --> 01:09:03,330 要更改此屬性。 1601 01:09:03,330 --> 01:09:05,535 所以，讓我們到這裡來這條線。 1602 01:09:05,535 --> 01:09:06,785 哦，我不能這樣做在這裡。 1603 01:09:06,785 --> 01:09:11,109 1604 01:09:11,109 --> 01:09:11,689 抱歉。 1605 01:09:11,689 --> 01:09:12,939 編輯AS - 1606 01:09:12,939 --> 01:09:17,410 1607 01:09:17,410 --> 01:09:19,270 所以這就是你如何能編輯的CSS。 1608 01:09:19,270 --> 01:09:21,804 我們不會編輯CSS在這 第二，但是我們要編輯 1609 01:09:21,804 --> 01:09:24,439 HTML和給它 一個額外的屬性。 1610 01:09:24,439 --> 01:09:26,762 那你建議改變這個呢？ 1611 01:09:26,762 --> 01:09:30,069 1612 01:09:30,069 --> 01:09:31,170 我想Avie將有一個建議。 1613 01:09:31,170 --> 01:09:32,420 >> 觀眾：山口寬？ 1614 01:09:32,420 --> 01:09:38,880 1615 01:09:38,880 --> 01:09:40,560 >> JASON HIRSCHHORN：這看起來像 它沒有做任何東西。 1616 01:09:40,560 --> 01:09:43,390 1617 01:09:43,390 --> 01:09:45,803 讓我們嘗試了CSS。 1618 01:09:45,803 --> 01:09:46,707 >> 觀眾：[聽不清]類？ 1619 01:09:46,707 --> 01:09:48,310 >> JASON HIRSCHHORN：它說 這是行不通的。 1620 01:09:48,310 --> 01:09:49,260 它給出了黃色的東西。 1621 01:09:49,260 --> 01:09:51,660 >> 觀眾：但是[聽不清]。 1622 01:09:51,660 --> 01:09:56,883 >> 觀眾：你是不是設置width 圖像以150的，當你這樣做嗎？ 1623 01:09:56,883 --> 01:09:59,741 就像你不會只用寬度？ 1624 01:09:59,741 --> 01:10:00,740 >> JASON HIRSCHHORN：是啊。 1625 01:10:00,740 --> 01:10:02,785 >> 觀眾：但是我們沒有 圖像了。 1626 01:10:02,785 --> 01:10:03,340 >> JASON HIRSCHHORN：號 1627 01:10:03,340 --> 01:10:04,290 我們沒有在那裡有什麼。 1628 01:10:04,290 --> 01:10:07,990 因此，我們不會解決 具體的問題。 1629 01:10:07,990 --> 01:10:11,190 我們要回去AKSHAR的 的解決方案，因為我想設置一個 1630 01:10:11,190 --> 01:10:14,160 海豚當時， 或者這是最後 1631 01:10:14,160 --> 01:10:14,710 我要完成的事情。 1632 01:10:14,710 --> 01:10:18,340 所以，我們要離開這裡了這個 同時認識到它不是相當 1633 01:10:18,340 --> 01:10:19,870 正確的，我們將 回來吧。 1634 01:10:19,870 --> 01:10:21,230 >> 抱歉。 1635 01:10:21,230 --> 01:10:23,380 我說我們可以動態 更改CSS。 1636 01:10:23,380 --> 01:10:26,060 讓我們來看看那個，做 那真的很快。 1637 01:10:26,060 --> 01:10:28,910 所以，如果我檢查這個元素到這裡， 並說我想讓它藍色， 1638 01:10:28,910 --> 01:10:32,850 你可以在這裡過來，顏色，因為 我知道，改變的顏色 1639 01:10:32,850 --> 01:10:36,710 什麼，我們看到了如何 它改變了藍色。 1640 01:10:36,710 --> 01:10:38,850 所以這是我的動態 改變的CSS。 1641 01:10:38,850 --> 01:10:42,150 不改變它的好，但隨後 我可以返回到我的CSS文件和 1642 01:10:42,150 --> 01:10:44,990 改變對象的顏色。 1643 01:10:44,990 --> 01:10:46,610 >> 確定。 1644 01:10:46,610 --> 01:10:48,180 這是一個很多。 1645 01:10:48,180 --> 01:10:50,480 我們沒有完成我的驚人的計劃。 1646 01:10:50,480 --> 01:11:00,352 讓我告訴你它是真正的快， 然後我們再把頭伸出。 1647 01:11:00,352 --> 01:11:01,860 哦，它在哪裡？ 1648 01:11:01,860 --> 01:11:02,710 不！ 1649 01:11:02,710 --> 01:11:03,960 堅持住。 1650 01:11:03,960 --> 01:11:19,650 1651 01:11:19,650 --> 01:11:24,350 >> 好了，當你正在收拾起來，一 驚人的預覽，或前 1652 01:11:24,350 --> 01:11:25,330 查看下一次。 1653 01:11:25,330 --> 01:11:30,880 這是海豚訓練師2013年， 而這是行不通的。 1654 01:11:30,880 --> 01:11:32,048 大。 1655 01:11:32,048 --> 01:11:36,240 >> [笑] 1656 01:11:36,240 --> 01:11:37,300 >> JASON HIRSCHHORN：哦！ 1657 01:11:37,300 --> 01:11:38,085 轟！ 1658 01:11:38,085 --> 01:11:38,950 這是什麼意思？ 1659 01:11:38,950 --> 01:11:39,700 >> 觀眾：你沒有文件模式。 1660 01:11:39,700 --> 01:11:41,430 >> JASON HIRSCHHORN：我沒有chmod將其。 1661 01:11:41,430 --> 01:11:42,680 >> 觀眾：行之一。 1662 01:11:42,680 --> 01:11:52,774 1663 01:11:52,774 --> 01:11:54,930 >> JASON HIRSCHHORN：哦，看那個。 1664 01:11:54,930 --> 01:11:55,710 確定。 1665 01:11:55,710 --> 01:11:57,280 所以，我有我的六個海豚。 1666 01:11:57,280 --> 01:11:57,730 發生了什麼？ 1667 01:11:57,730 --> 01:11:58,060 讓我們來看看。 1668 01:11:58,060 --> 01:12:02,595 如果我訓練之一，現在的訓練麗麗。 1669 01:12:02,595 --> 01:12:04,910 哦，我想你自由，麗麗。 1670 01:12:04,910 --> 01:12:06,660 你去那裡，回到了大海。 1671 01:12:06,660 --> 01:12:07,950 >> 所以這是這個星期。 1672 01:12:07,950 --> 01:12:09,500 如果您有任何疑問， 我們會在外面。 1673 01:12:09,500 --> 01:12:11,340 再次，我會送你 這段代碼的其餘部分。 1674 01:12:11,340 --> 01:12:12,590 謝謝你，伙計們。 1675 01:12:12,590 --> 01:12:15,723