1 00:00:00,000 --> 00:00:08,070 2 00:00:08,070 --> 00:00:10,430 >> R.J. AQUINO: Давайте просто начать. 3 00:00:10,430 --> 00:00:12,310 Так что это Викторина 1. 4 00:00:12,310 --> 00:00:14,890 Вот некоторая информация высокого уровня. 5 00:00:14,890 --> 00:00:19,915 О страницы для викторины является в этом не URL, больше не CS50.net, хотя это 6 00:00:19,915 --> 00:00:21,080 будет по-прежнему работать. 7 00:00:21,080 --> 00:00:26,920 Это CS50.harvard.edu/quizzes/2013/1. 8 00:00:26,920 --> 00:00:31,070 Это большой О странице, говорю вам, где и когда, а именно в следующую среду 9 00:00:31,070 --> 00:00:32,100 в кучу номеров. 10 00:00:32,100 --> 00:00:36,120 И в следующую среду, я значит через два дня. 11 00:00:36,120 --> 00:00:37,890 Вся эта информация есть. 12 00:00:37,890 --> 00:00:39,110 Но это накапливается. 13 00:00:39,110 --> 00:00:43,790 >> Так что все от первой половине год потенциально на викторине, 14 00:00:43,790 --> 00:00:50,780 потому что вы не можете действительно сделать расширенный вещи в C без, если условия и 15 00:00:50,780 --> 00:00:51,920 для петель и тому подобное. 16 00:00:51,920 --> 00:00:55,580 Но будет акцент на пройденный материал с Викторина 0, 17 00:00:55,580 --> 00:00:59,570 начиная с структурами и File Ввода / вывода Это, как правило, более 18 00:00:59,570 --> 00:01:01,620 сложной, чем Викторина 0. 19 00:01:01,620 --> 00:01:03,870 Средняя оценка, как правило, ниже. 20 00:01:03,870 --> 00:01:05,980 Учиться. 21 00:01:05,980 --> 00:01:09,340 >> В то время как вы учитесь, не забудьте использовать CS50/discuss чтобы задать свои вопросы 22 00:01:09,340 --> 00:01:10,830 и читать вопросы других людей. 23 00:01:10,830 --> 00:01:13,550 Так что, если вы не имеете любые вопросы, войти и читать 24 00:01:13,550 --> 00:01:14,580 вопросы ваших друзей. 25 00:01:14,580 --> 00:01:16,560 Они, вероятно, хорошие вопросы. 26 00:01:16,560 --> 00:01:17,730 И принять практические тесты. 27 00:01:17,730 --> 00:01:20,750 Мы давая викторины для семь или восемь лет. 28 00:01:20,750 --> 00:01:22,180 Они все в Интернете. 29 00:01:22,180 --> 00:01:25,540 Будущие вопросы похожи чтобы старые вопросы. 30 00:01:25,540 --> 00:01:26,550 Вот как мы делаем их. 31 00:01:26,550 --> 00:01:27,740 >> Викторина пока не существует. 32 00:01:27,740 --> 00:01:28,670 Никто из нас не видел его. 33 00:01:28,670 --> 00:01:32,496 Но это будет выглядеть предыдущие викторины. 34 00:01:32,496 --> 00:01:36,500 По этой обзорной сессии, это не исчерпывающий список тем. 35 00:01:36,500 --> 00:01:40,740 Вы не можете просто присутствовать в этом, а затем быть совершенно готов к викторине. 36 00:01:40,740 --> 00:01:43,330 В противном случае, это не было бы что большая часть викторины. 37 00:01:43,330 --> 00:01:46,270 И это также не обязательно все, что вы должны знать о любой 38 00:01:46,270 --> 00:01:46,970 данная тема. 39 00:01:46,970 --> 00:01:50,520 Это предназначается, чтобы подвергнуть вас вещей мы рассмотрели, напомнить вам, что мы 40 00:01:50,520 --> 00:01:53,070 покрыты, и то, как в которые мы рассмотрели его. 41 00:01:53,070 --> 00:01:57,030 Но вам придется пойти дальше и глубже, когда вы изучаете, чтобы перепроверить 42 00:01:57,030 --> 00:02:00,230 что вы знаете все о любой данный тема и что вы заполнили 43 00:02:00,230 --> 00:02:03,320 все углы, которые были покрыта лекции. 44 00:02:03,320 --> 00:02:07,980 >> Тест отмечает сказать вам, чтобы перейти к писец заметки, часы лекций видео. 45 00:02:07,980 --> 00:02:10,155 Это хороший способ убедиться, что вы имеете покрыты все ваши базы. 46 00:02:10,155 --> 00:02:12,670 47 00:02:12,670 --> 00:02:17,340 Так начинается, когда я сделал это слайды, я пытался поставить, где я нашел 48 00:02:17,340 --> 00:02:18,350 информация. 49 00:02:18,350 --> 00:02:22,890 Таким образом, для файла ввода / вывода, например, неделя 7, Понедельника лекция, и отвечал 50 00:02:22,890 --> 00:02:27,960 Раздел 6 и проблема Набор всех есть информация о файле ввода / вывода Я сделал 51 00:02:27,960 --> 00:02:28,840 это для каждой теме. 52 00:02:28,840 --> 00:02:33,010 Так что те название горки могут быть полезно для вас. 53 00:02:33,010 --> 00:02:38,950 >> Так вот у нас файла ввода / вывода Помните, что в Проблема Set 5, мы использовали FOPEN, FClose, 54 00:02:38,950 --> 00:02:41,210 FWRITE, FREAD и FSEEK. 55 00:02:41,210 --> 00:02:48,090 Оправившись 30ish в формате JPEG и того, изменен и запутались с 56 00:02:48,090 --> 00:02:50,320 растровые изображения, вы должны быть очень знакомы с этими функциями 57 00:02:50,320 --> 00:02:51,830 и как они работают. 58 00:02:51,830 --> 00:02:54,420 не Если вы больше не знакомы, определенно рассмотреть их. 59 00:02:54,420 --> 00:02:56,860 И убедитесь, что вы понимаете, что различные аргументы, 60 00:02:56,860 --> 00:02:58,260 когда они используются. 61 00:02:58,260 --> 00:03:03,620 >> Но общие связанных с файлами ошибки Вас могут попросить о - 62 00:03:03,620 --> 00:03:07,270 хорошо, если вы забыли, чтобы проверить, Еореп действительно работал, прежде чем ложиться 63 00:03:07,270 --> 00:03:08,350 изменить файл. 64 00:03:08,350 --> 00:03:09,760 Это может быть плохо. 65 00:03:09,760 --> 00:03:13,560 Если вы забыли FClose файл что вы fopened, что похоже на 66 00:03:13,560 --> 00:03:14,400 утечка памяти. 67 00:03:14,400 --> 00:03:15,980 Это очень плохо. 68 00:03:15,980 --> 00:03:18,670 И, забыв проверить, если у Вас есть достигли конца файла перед вами 69 00:03:18,670 --> 00:03:19,790 начать писать к нему. 70 00:03:19,790 --> 00:03:22,320 >> Так что, если вы говорите, эй, я на конца файла. 71 00:03:22,320 --> 00:03:23,750 Дайте мне еще 5 байт. 72 00:03:23,750 --> 00:03:27,370 Ну, это, вероятно, не собирается работать так, как вы ожидаете. 73 00:03:27,370 --> 00:03:30,930 Вот уж это для файлового ввода / вывода, потому что мы сделали так много, 74 00:03:30,930 --> 00:03:32,300 с установить проблема. 75 00:03:32,300 --> 00:03:36,000 Так что, если вы поняли, что происходит в Архив задач 5, помню bitmats 76 00:03:36,000 --> 00:03:40,090 и в формате JPEG, то вы, вероятно все набор для файлового ввода / вывода Если это немного 77 00:03:40,090 --> 00:03:44,770 нечеткие, безусловно, пересмотреть эту проблему установить и связанный с ним материал. 78 00:03:44,770 --> 00:03:51,110 >> Структуры были темой, что были на линия между Quiz 0 и викторины 1. 79 00:03:51,110 --> 00:03:53,090 Не вполне сделать разрез для викторины 0. 80 00:03:53,090 --> 00:03:57,040 Таким образом, они определенно будет на Викторина 1, неделя 7, понедельник. 81 00:03:57,040 --> 00:03:58,150 Что это структура? 82 00:03:58,150 --> 00:04:00,250 Здесь мы показываем структуру. 83 00:04:00,250 --> 00:04:03,140 Это как нового типа. 84 00:04:03,140 --> 00:04:07,940 Это как контейнер для нескольких полей. 85 00:04:07,940 --> 00:04:12,970 >> В этом случае, мы объявили структуру студент, который имеет два поля - 86 00:04:12,970 --> 00:04:17,750 Строка, мы называем имя и внутр что мы называем возраста. 87 00:04:17,750 --> 00:04:21,450 Поэтому, когда я обойти студентов или я изменить студентов, я буду в состоянии 88 00:04:21,450 --> 00:04:24,430 доступ к их имя и их возраст. 89 00:04:24,430 --> 00:04:26,670 Давайте посмотрим на код для этого. 90 00:04:26,670 --> 00:04:29,090 Здесь мы видим, что я объявил студент с, так же, как 91 00:04:29,090 --> 00:04:30,300 Я заявляю, любую переменную - 92 00:04:30,300 --> 00:04:32,430 внутр х, внутр у, и так далее. 93 00:04:32,430 --> 00:04:34,180 >> Вот студент с. 94 00:04:34,180 --> 00:04:37,370 Он начинает с чем на его полях. 95 00:04:37,370 --> 00:04:38,240 Так давайте установим их. 96 00:04:38,240 --> 00:04:40,681 Вы устанавливаете поля структуры с точки. 97 00:04:40,681 --> 00:04:43,780 Так что я сказал здесь, что s.name = RJ. 98 00:04:43,780 --> 00:04:46,470 И s.age = 21. 99 00:04:46,470 --> 00:04:48,500 Вы также можете обновить поля так же, как вы бы обновить 100 00:04:48,500 --> 00:04:49,550 Значение переменной. 101 00:04:49,550 --> 00:04:53,270 Поэтому я хочу, чтобы изменить свое имя от RJ с нет периоды до R.J. пишется 102 00:04:53,270 --> 00:04:54,540 правильный путь. 103 00:04:54,540 --> 00:04:58,890 Было бы s.name = RJ, то же самое как мы сказали это изначально. 104 00:04:58,890 --> 00:05:00,030 И тогда вы можете получить к ним доступ. 105 00:05:00,030 --> 00:05:00,930 >> Так мы установили их. 106 00:05:00,930 --> 00:05:01,840 Мы обновили их. 107 00:05:01,840 --> 00:05:03,890 Вы также можете получить доступ к ним в том же самом пути. 108 00:05:03,890 --> 00:05:09,330 Так вот, я печатаю R.J. Является 21 лет. 109 00:05:09,330 --> 00:05:14,700 И я доступ к этим значения с s.name и s.age. 110 00:05:14,700 --> 00:05:17,040 Так вот доступа Структуры с точечной нотации. 111 00:05:17,040 --> 00:05:17,850 Да, вопрос? 112 00:05:17,850 --> 00:05:21,176 >> АУДИТОРИЯ: Есть ли причина, по предыдущий слайд, что вы не ставил 113 00:05:21,176 --> 00:05:24,848 студент в верхней строке, как ЬурейеЕ структура студент, а затем 114 00:05:24,848 --> 00:05:25,840 студент в конце? 115 00:05:25,840 --> 00:05:29,040 >> R.J. AQUINO: Таким образом, вопрос был, на На этом слайде, мы обычно видели 116 00:05:29,040 --> 00:05:32,400 ЬурейеЕ структуры узла, а затем поля в структуре и 117 00:05:32,400 --> 00:05:34,250 то слово узел. 118 00:05:34,250 --> 00:05:37,790 И как же здесь я не говорил, TypeDef структура студент, а затем 119 00:05:37,790 --> 00:05:39,820 поля в структуре, а затем студентом? 120 00:05:39,820 --> 00:05:44,310 Причина в том, что я не нужно доступ к нему внутри структуры. 121 00:05:44,310 --> 00:05:46,270 Так что это нормально, чтобы оставить его без имени. 122 00:05:46,270 --> 00:05:49,210 Я могу просто оставить его как анонимный структура. 123 00:05:49,210 --> 00:05:53,130 >> Причина мы делаем это для связанных списков и вещи в том, что внутри вы должны 124 00:05:53,130 --> 00:05:55,360 для ссылки на ить узлов звезду. 125 00:05:55,360 --> 00:05:58,220 Таким образом, структура должна иметь имя, так что вы можете получить доступ к нему позже. 126 00:05:58,220 --> 00:05:59,540 Это незначительная деталь. 127 00:05:59,540 --> 00:06:04,750 Но вы, как правило, см. ЬурейеЕ структуры фигурные скобки, если вам не нужно 128 00:06:04,750 --> 00:06:08,720 наименование и ЬурейеЕ структуры некоторых имя затем в фигурные скобки, если вы будете 129 00:06:08,720 --> 00:06:09,520 нужно имя. 130 00:06:09,520 --> 00:06:12,070 Так что это хороший вопрос. 131 00:06:12,070 --> 00:06:17,000 >> И в тот момент, мы, как правило, чтобы изменить Структуры и обойти Структуры по 132 00:06:17,000 --> 00:06:18,680 справка, а не по значению. 133 00:06:18,680 --> 00:06:21,940 Так что мы просто обойти указатели на Структуры вместо передачи вокруг 134 00:06:21,940 --> 00:06:23,150 Структуры себя. 135 00:06:23,150 --> 00:06:28,050 Таким образом, вы очень часто будет используя, в этом случае, студент * или 136 00:06:28,050 --> 00:06:34,150 структура узла * или узел * вместо из студентов или узлов. 137 00:06:34,150 --> 00:06:39,350 Так вот, я сказал, хорошо, переменная PTR будет также адрес с. 138 00:06:39,350 --> 00:06:45,570 Это будет указатель студенту R.J. 139 00:06:45,570 --> 00:06:48,965 >> Таким образом, мы можем получить в этих областях так же, как мы получаем ничего. 140 00:06:48,965 --> 00:06:51,460 Во-первых, ID ссылаться указатель чтобы получить структуру. 141 00:06:51,460 --> 00:06:55,530 Это * указатель, а затем точка, а затем возраст. 142 00:06:55,530 --> 00:06:58,790 Так для доступа к полю, и я обновил его сейчас до 22, потому что, давайте 143 00:06:58,790 --> 00:07:00,860 скажем, это был мой день рождения. 144 00:07:00,860 --> 00:07:03,990 Там в ярлык синтаксис с помощью стрелки здесь. 145 00:07:03,990 --> 00:07:07,060 Так PTR стрелка возраст просто так же, как * ptr.age. 146 00:07:07,060 --> 00:07:10,150 147 00:07:10,150 --> 00:07:11,550 Так вот, это то, что вы будете иметь запоминать и помнить. 148 00:07:11,550 --> 00:07:15,010 >> Вы использовали его много в pset6, орфографии PSET. 149 00:07:15,010 --> 00:07:18,350 Но это на самом деле то, что происходит на под капотом. 150 00:07:18,350 --> 00:07:20,500 Это разыменования а затем к нему доступ. 151 00:07:20,500 --> 00:07:21,432 Вопрос? 152 00:07:21,432 --> 00:07:22,682 >> АУДИТОРИЯ: [неразборчиво]. 153 00:07:22,682 --> 00:07:25,860 154 00:07:25,860 --> 00:07:28,060 >> R.J. AQUINO: Так почему же мы, используя указатели как структур вместо 155 00:07:28,060 --> 00:07:29,500 Структуры себя? 156 00:07:29,500 --> 00:07:33,740 Причина будет, если вы проходите структура в зависимости, вы, вероятно, 157 00:07:33,740 --> 00:07:36,900 хочу передать вокруг только 4 или так байт, которые представляют указатель, как 158 00:07:36,900 --> 00:07:40,375 противоположность потенциально 30 или 40 байт, которые структуры. 159 00:07:40,375 --> 00:07:44,410 Так прохождения что-то в функцию легче, когда дело 160 00:07:44,410 --> 00:07:48,230 меньше, короче говоря. 161 00:07:48,230 --> 00:07:49,074 Вопрос? 162 00:07:49,074 --> 00:07:53,026 >> АУДИТОРИЯ: Вы, возможно, упомянул об этом в начале, но есть 163 00:07:53,026 --> 00:07:56,000 другие слайды на [неразборчиво]? 164 00:07:56,000 --> 00:07:58,960 >> R.J. AQUINO: Эти слайды будет после сессии по проведению обзора. 165 00:07:58,960 --> 00:08:00,210 Мы опубликуем их на сайте. 166 00:08:00,210 --> 00:08:02,450 167 00:08:02,450 --> 00:08:06,870 Так двигаться дальше и двигаться по чуть-чуть быстрее, мы собираемся говорить о данных 168 00:08:06,870 --> 00:08:07,350 структур. 169 00:08:07,350 --> 00:08:08,040 Есть много. 170 00:08:08,040 --> 00:08:10,080 Мы рассмотрели кучу из них. 171 00:08:10,080 --> 00:08:12,500 Вот то, что вы должны понимать, о структуре данных. 172 00:08:12,500 --> 00:08:15,590 >> Вы должны действительно понять на высоком уровень, что каждая структура является. 173 00:08:15,590 --> 00:08:21,190 Можете ли вы объяснить на английском языке, чтобы ваш друг, который не принял CS50, как 174 00:08:21,190 --> 00:08:25,580 мы организации наши данные и почему мы бы использовать что-то на этом пути? 175 00:08:25,580 --> 00:08:26,990 Это вещь один. 176 00:08:26,990 --> 00:08:29,650 Вещь два, понимают реализация. 177 00:08:29,650 --> 00:08:34,270 Так понимаю, как использовать эти вещи в C. И мы будем идти по этому поводу. 178 00:08:34,270 --> 00:08:39,030 >> А потом, что три будут знать работают раз и ограничения 179 00:08:39,030 --> 00:08:40,470 различные структуры, которые вы используете. 180 00:08:40,470 --> 00:08:44,059 Так понимаю, почему вы должны использовать вместо массива хэш-таблицы. 181 00:08:44,059 --> 00:08:49,570 Понять, как быстро, в среднем, доступа к хэш-таблицу есть. 182 00:08:49,570 --> 00:08:54,010 Понять, что операции быстро на связанный список, но медленно на массивах и 183 00:08:54,010 --> 00:08:56,080 наоборот. 184 00:08:56,080 --> 00:08:59,780 Таким образом, чтобы понять, что, вам придется понять обозначения Big-O просто знать 185 00:08:59,780 --> 00:09:01,310 как говорить о них Мало ли что. 186 00:09:01,310 --> 00:09:02,700 И мы будем говорить об этом. 187 00:09:02,700 --> 00:09:06,040 >> Так первая вещь, связанные списки. 188 00:09:06,040 --> 00:09:07,770 Вот высокого уровня картинка связанного списка. 189 00:09:07,770 --> 00:09:08,830 Покажем это в классе. 190 00:09:08,830 --> 00:09:11,670 Мы обычно имеют 10 человек стоя на сцене. 191 00:09:11,670 --> 00:09:16,790 Но у нас есть ряд узлов, где каждый узел имеет некоторое значение и указатель 192 00:09:16,790 --> 00:09:18,610 его следующему значению. 193 00:09:18,610 --> 00:09:21,730 Таким образом, чтобы добраться от одного узла к другому, вы просто сказать, дайте мне следующий узел. 194 00:09:21,730 --> 00:09:22,530 У вас есть, что узел. 195 00:09:22,530 --> 00:09:23,770 Дайте мне следующий узел. 196 00:09:23,770 --> 00:09:24,400 У вас есть, что узел. 197 00:09:24,400 --> 00:09:28,790 Дайте мне следующий узел и т.д. пока нет узел левой. 198 00:09:28,790 --> 00:09:31,850 >> Так продолжают говорить о это на высоком уровне. 199 00:09:31,850 --> 00:09:34,100 Это очень легко вставить вещи в связный список. 200 00:09:34,100 --> 00:09:36,010 Если вы не заботитесь о порядке, вы можете просто бросить его 201 00:09:36,010 --> 00:09:36,840 в самом начале. 202 00:09:36,840 --> 00:09:38,520 Это постоянная времени. 203 00:09:38,520 --> 00:09:39,900 Но трудно найти значение. 204 00:09:39,900 --> 00:09:43,060 Если вы пытаетесь спросить, составляет семь в моем списке? 205 00:09:43,060 --> 00:09:44,740 Вы должны пройти каждый значение. 206 00:09:44,740 --> 00:09:45,680 Это семь? 207 00:09:45,680 --> 00:09:46,610 Это семь? 208 00:09:46,610 --> 00:09:47,770 Это семь? 209 00:09:47,770 --> 00:09:48,690 Это семь? 210 00:09:48,690 --> 00:09:49,830 Снова и снова. 211 00:09:49,830 --> 00:09:51,520 И это О (п). 212 00:09:51,520 --> 00:09:53,800 Так при изучении для викторины, сравните это с массивами. 213 00:09:53,800 --> 00:09:57,010 214 00:09:57,010 --> 00:09:58,220 >> Разве что в порядке? 215 00:09:58,220 --> 00:09:59,220 Свет погас тусклым. 216 00:09:59,220 --> 00:10:01,110 ОК. 217 00:10:01,110 --> 00:10:02,400 Когда это связанный список лучше? 218 00:10:02,400 --> 00:10:04,640 Когда это массив лучше? 219 00:10:04,640 --> 00:10:06,670 Так что давайте посмотрим на код. 220 00:10:06,670 --> 00:10:08,960 Вот потенциальный узел. 221 00:10:08,960 --> 00:10:09,770 Это структура. 222 00:10:09,770 --> 00:10:12,220 Он имеет Int N, которые будет наша ценность. 223 00:10:12,220 --> 00:10:17,780 И она имеет структуру узел * следующий, который наша указатель на следующий узел. 224 00:10:17,780 --> 00:10:23,040 Так вот, мы видим, что мы случайно чтобы поставили Int в нашем узле. 225 00:10:23,040 --> 00:10:27,850 Но если бы это было связано список гольца звезды или связанный список поплавков, мы 226 00:10:27,850 --> 00:10:28,820 полностью может сделать это. 227 00:10:28,820 --> 00:10:33,110 >> Помните, в pset6, вы, вероятно, имели связанный список символьных звезд или просто 228 00:10:33,110 --> 00:10:34,360 статические массивы символ. 229 00:10:34,360 --> 00:10:37,370 230 00:10:37,370 --> 00:10:39,040 Давайте посмотрим здесь операции. 231 00:10:39,040 --> 00:10:43,570 Поэтому мы хотим, чтобы вставить новый п в нашей связанного списка. 232 00:10:43,570 --> 00:10:48,940 Мы начинаем с головы указатель, который указатель на этот узел, который имеет 233 00:10:48,940 --> 00:10:53,460 значение п и рядом указателя, что указывает на этот узел является значением 234 00:10:53,460 --> 00:10:57,760 п и ближайших нуль, потому что это последний узел. 235 00:10:57,760 --> 00:11:00,440 Таким образом, в целях экономии времени, я буду положить весь код на экране. 236 00:11:00,440 --> 00:11:03,130 И мы будем идти через него несколько строк за один раз. 237 00:11:03,130 --> 00:11:05,790 >> Так вот код. 238 00:11:05,790 --> 00:11:07,560 Я надеюсь, что это читается. 239 00:11:07,560 --> 00:11:11,275 Первое, что мы делаем, мы Malloc новый узел. 240 00:11:11,275 --> 00:11:15,105 Так что имеет указатель на новый узел, что не совсем есть любая постановка 241 00:11:15,105 --> 00:11:16,450 в нем нет. 242 00:11:16,450 --> 00:11:19,580 Мы проверяем, чтобы убедиться, что новый узел не является нулевым. 243 00:11:19,580 --> 00:11:22,220 В противном случае, мы должны сдаваться. 244 00:11:22,220 --> 00:11:27,680 Так проверив, что, мы теперь установить значения в узле. 245 00:11:27,680 --> 00:11:31,520 Таким образом, мы поставить новый п в нашу н области. 246 00:11:31,520 --> 00:11:36,050 И мы установили следующий указатель, чтобы указать на оригинальная голова, так что мы можем 247 00:11:36,050 --> 00:11:38,900 сейчас вставили это узел в нашем списке. 248 00:11:38,900 --> 00:11:44,600 >> Наконец, у нас есть глобальную точку головы на наш новый узел, так что если бы мы должны были 249 00:11:44,600 --> 00:11:50,300 начинаются в голове, мы были бы на это Новый первый узел вместо 250 00:11:50,300 --> 00:11:51,560 старый первый узел. 251 00:11:51,560 --> 00:11:55,320 И когда эта функция выходит, не переменная новый узел больше не существует, 252 00:11:55,320 --> 00:11:57,130 потому что это было локальными для функции. 253 00:11:57,130 --> 00:11:59,770 Так что это состояние мира. 254 00:11:59,770 --> 00:12:03,570 Наш глобальный руководитель указывает на наш новый Первый узел, который указывает на наш 255 00:12:03,570 --> 00:12:06,346 Оригинальный первый узел, какие точки к узлу после этого. 256 00:12:06,346 --> 00:12:09,790 >> Это было вставки. 257 00:12:09,790 --> 00:12:12,150 Я надеюсь, что было относительно просто следовать. 258 00:12:12,150 --> 00:12:14,300 Если вы сомневаетесь, нарисовать картину. 259 00:12:14,300 --> 00:12:17,820 Так что я считаю, что говорить о связанные списки и глядя на 260 00:12:17,820 --> 00:12:19,870 Код очень не полезно. 261 00:12:19,870 --> 00:12:23,790 В то время как, глядя на картины связаны список позволяет мне думать, ох, как 262 00:12:23,790 --> 00:12:24,970 У меня есть этот узел здесь. 263 00:12:24,970 --> 00:12:28,980 Но, если я обновлю этот указатель, она заканчивается отключен. 264 00:12:28,980 --> 00:12:34,340 И я забыл, где узел идет. 265 00:12:34,340 --> 00:12:35,390 И код выходит. 266 00:12:35,390 --> 00:12:37,830 И у вас есть несколько узлов что отключены. 267 00:12:37,830 --> 00:12:39,970 И вы не в конечном итоге с список вы хотите. 268 00:12:39,970 --> 00:12:43,320 >> Так что если вы рисуете картину и сделать это шаг за шагом, мы надеемся, вы увидите 269 00:12:43,320 --> 00:12:46,840 правильный порядок вещей в терминах обновление указателей, чтобы убедиться, 270 00:12:46,840 --> 00:12:48,830 что список приходит вместе. 271 00:12:48,830 --> 00:12:51,240 Вставка относительно проста. 272 00:12:51,240 --> 00:12:55,210 Более сложным будет вставки в отсортированный список. 273 00:12:55,210 --> 00:12:59,980 Более сложная функция удаления и найти, таким образом просматривая список на 274 00:12:59,980 --> 00:13:03,030 увидеть, если там что-то есть. 275 00:13:03,030 --> 00:13:07,220 Может быть, вы сделали это в pset6 когда вы попали в ваш хэш-таблицы, и Вы сказали, 276 00:13:07,220 --> 00:13:10,460 ну, это слово яблоко в моем связанного списка? 277 00:13:10,460 --> 00:13:11,440 >> Таким образом, вы, возможно, уже сделали это. 278 00:13:11,440 --> 00:13:15,530 Но определенно, освежить вашу память и попытаться повторно реализовать находку и 279 00:13:15,530 --> 00:13:19,150 переопределить удалить для связанного списка. 280 00:13:19,150 --> 00:13:22,850 Веселье примечание стороны, есть также двусвязный списки, где у вас есть 281 00:13:22,850 --> 00:13:27,490 указатели, которые указывают как вперед, так и назад, так что вы могли бы пойти на 282 00:13:27,490 --> 00:13:29,270 следующий узел и к предыдущему узлу. 283 00:13:29,270 --> 00:13:33,860 И встал вопрос о прошлогодних викторина этого типа, говорить 284 00:13:33,860 --> 00:13:36,190 о двусвязный списки. 285 00:13:36,190 --> 00:13:40,070 >> Так вот, это структура, что ты относительно знакомы, потому что большинство 286 00:13:40,070 --> 00:13:42,520 из вас, вероятно, использовали их на pset6. 287 00:13:42,520 --> 00:13:45,680 Вот один, что немного менее знакомы. 288 00:13:45,680 --> 00:13:51,020 В качестве примечания, я думаю, что Викторина 1 в первую очередь сложнее, чем Викторина 0, потому что 289 00:13:51,020 --> 00:13:54,600 материал, который вы делаете, вы не сделали больше. 290 00:13:54,600 --> 00:13:58,100 Чтобы поместить это еще один способ, для Quiz 0, вы написали много C. И мы 291 00:13:58,100 --> 00:13:58,880 спрашивал вас о С. 292 00:13:58,880 --> 00:14:02,310 >> Для Викторина 1, мы собираемся спросить вас о PHP и JavaScript, которые вы 293 00:14:02,310 --> 00:14:03,490 не написал столько. 294 00:14:03,490 --> 00:14:07,590 Мы собираемся спросить вас о C-кода, Вы не написали столько, 295 00:14:07,590 --> 00:14:09,130 этот продвинутый C материал. 296 00:14:09,130 --> 00:14:11,520 Так определенно, практика того, что мы говорили в лекции, что вы 297 00:14:11,520 --> 00:14:15,260 не обязательно делать по проблеме установить. 298 00:14:15,260 --> 00:14:17,870 >> Говоря об этом, вы не написали стек по проблеме установить. 299 00:14:17,870 --> 00:14:19,610 Но это было в лекции. 300 00:14:19,610 --> 00:14:22,530 Вот высокого уровня картина стеки, что мы показываем каждый год. 301 00:14:22,530 --> 00:14:26,180 Это стек лотков в Mather столовая. 302 00:14:26,180 --> 00:14:30,570 На высоком уровне, стеки в прошлом пришел, первым ушел структуры данных. 303 00:14:30,570 --> 00:14:32,040 Это означает, что вы собираетесь навести - 304 00:14:32,040 --> 00:14:36,400 1, 3, 7, 12, 14, отрицательный 0. 305 00:14:36,400 --> 00:14:39,180 Единственное, что я не мог иметь сказал - отрицательный 3, 0. 306 00:14:39,180 --> 00:14:40,250 Вы поставить все эти вещи дюйма 307 00:14:40,250 --> 00:14:42,940 И последнее вы положили в первый тот, который собирается выйти. 308 00:14:42,940 --> 00:14:44,170 >> Так у вас есть две операции - 309 00:14:44,170 --> 00:14:45,260 толкать и поп-музыки. 310 00:14:45,260 --> 00:14:49,180 Все положить в том, что я был жестикулируя, подобные этому, толчок. 311 00:14:49,180 --> 00:14:52,020 А потом, когда я достигаю, чтобы захватить что-то или достичь на вершине, чтобы захватить 312 00:14:52,020 --> 00:14:53,940 что-то, это поп-музыки. 313 00:14:53,940 --> 00:14:55,540 Таким образом, мы собираемся реализовать стеки. 314 00:14:55,540 --> 00:14:57,870 И мы показали им в лекции использовании массивов. 315 00:14:57,870 --> 00:14:59,550 Но вы могли бы сделать их используя связные списки. 316 00:14:59,550 --> 00:15:01,770 Стек представляет собой концептуальную данных Структура, не нравится 317 00:15:01,770 --> 00:15:03,760 от конкретной реализации одной. 318 00:15:03,760 --> 00:15:06,420 >> Так что он должен выглядеть? 319 00:15:06,420 --> 00:15:07,970 Это будет выглядеть вроде как это. 320 00:15:07,970 --> 00:15:10,840 Вы должны были бы целое размер. 321 00:15:10,840 --> 00:15:16,000 И вам придется массив значений, что мы называем лотки, потому что это 322 00:15:16,000 --> 00:15:18,570 что картина была для нам - Int лотки - 323 00:15:18,570 --> 00:15:21,740 , а затем некоторые максимальная емкость. 324 00:15:21,740 --> 00:15:27,100 Так что будет настаивать выглядит? 325 00:15:27,100 --> 00:15:33,250 Ну, если у нас есть стека с, затем нажать что-то на с, мы получим 326 00:15:33,250 --> 00:15:34,620 размер с. 327 00:15:34,620 --> 00:15:42,270 И что будет следующим открытое место нашего массива. 328 00:15:42,270 --> 00:15:50,510 Так что, если у нас есть три вещи в нашей стека, Затем лотки 3 будет следующим 329 00:15:50,510 --> 00:15:54,290 открытое место, потому что 0, 1, и 2 уже заполнены. 330 00:15:54,290 --> 00:16:01,790 >> Таким образом, мы поместить значение в s.trays [s.size], третье место. 331 00:16:01,790 --> 00:16:06,290 А потом мы увеличиваем s.size сказать, эй, у нас было три вещи, прежде чем. 332 00:16:06,290 --> 00:16:07,400 Теперь у нас есть четыре. 333 00:16:07,400 --> 00:16:10,180 Поэтому в следующий раз вы нажимаете, вы собирается положить что-то в 4. 334 00:16:10,180 --> 00:16:15,560 Или в следующий раз, когда вы поп, вы собираетесь смотреть на 3, а не 4 или любой другой. 335 00:16:15,560 --> 00:16:18,000 А потом мы вернемся верен скажем, эй, нам это удалось. 336 00:16:18,000 --> 00:16:19,160 Это работало. 337 00:16:19,160 --> 00:16:22,060 Как правило, если функция это должны вернуться истинным или 338 00:16:22,060 --> 00:16:26,370 ложь всегда возвращает истину, вы можете сделали что-то не так. 339 00:16:26,370 --> 00:16:28,350 Так это работает? 340 00:16:28,350 --> 00:16:32,400 >> Ну, она отлично работает в течение 1, и 2 и 3, и 4, и пять. 341 00:16:32,400 --> 00:16:34,640 Но, допустим, я достигну своей мощности. 342 00:16:34,640 --> 00:16:38,750 Я тогда столкнулись с проблемой, потому что если размер такой же, как способности, я 343 00:16:38,750 --> 00:16:43,340 сейчас пытается положить что-то в массив, в котором у меня нет места. 344 00:16:43,340 --> 00:16:46,980 Так короткая проверка, чтобы исправить это. 345 00:16:46,980 --> 00:16:51,630 Если s.size == МОЩНОСТИ, возвращение ложным. 346 00:16:51,630 --> 00:16:54,130 В противном случае, пойти и сделать то, что мы сделали. 347 00:16:54,130 --> 00:16:55,660 Так, что еще мы могли попросить о для стеков? 348 00:16:55,660 --> 00:16:56,460 Что еще следует учиться? 349 00:16:56,460 --> 00:16:57,690 Что еще вы должны практиковать? 350 00:16:57,690 --> 00:17:01,030 >> Ну, реализации поп-музыки. 351 00:17:01,030 --> 00:17:02,370 Мы уже сделали толчок. 352 00:17:02,370 --> 00:17:04,280 Я это исправим. 353 00:17:04,280 --> 00:17:08,180 Реализация не-массив, где Вы используете связанный список, возможно. 354 00:17:08,180 --> 00:17:09,390 Реализация без внутр. 355 00:17:09,390 --> 00:17:10,940 Мы сделали целыми здесь. 356 00:17:10,940 --> 00:17:11,880 Но она могла бы быть поплавки. 357 00:17:11,880 --> 00:17:13,010 Я мог бы быть строками. 358 00:17:13,010 --> 00:17:14,290 Это могло бы быть символьные звезды. 359 00:17:14,290 --> 00:17:17,960 Посмотрите на последние тесты для видов вопросы мы попросили о стеков. 360 00:17:17,960 --> 00:17:20,000 >> Скажу, что мы рассмотрели стеки вокруг так же, как мы рассмотрели их в 361 00:17:20,000 --> 00:17:20,540 последние годы. 362 00:17:20,540 --> 00:17:24,400 Таким образом, вопросы викторины должны быть хорошим показателем. 363 00:17:24,400 --> 00:17:27,010 Двигаясь вперед еще быстрее, очереди. 364 00:17:27,010 --> 00:17:28,200 Они как стеки. 365 00:17:28,200 --> 00:17:29,960 Но они сначала вошел, первым вышел. 366 00:17:29,960 --> 00:17:33,530 Если ты англичанин очереди слово вероятно, сделал много смысла для вас. 367 00:17:33,530 --> 00:17:36,390 В противном случае, вы можете иметь слышали о нем в виде линии. 368 00:17:36,390 --> 00:17:38,120 Они работают как линии в магазине Apple. 369 00:17:38,120 --> 00:17:40,740 Первым человеком, чтобы показать в 3:00 утром первый 370 00:17:40,740 --> 00:17:42,880 человек, который купит его IPad. 371 00:17:42,880 --> 00:17:44,260 >> Поэтому у нас есть две операции - 372 00:17:44,260 --> 00:17:45,720 поставить в очередь и из очереди. 373 00:17:45,720 --> 00:17:47,560 Ставить ставит кого-то в линии. 374 00:17:47,560 --> 00:17:50,070 Dequeue тянет первый человек с линии. 375 00:17:50,070 --> 00:17:52,640 Опять же, мы можем реализовать это с массивом. 376 00:17:52,640 --> 00:17:54,880 Так в чем же структура у нас показал в лекции? 377 00:17:54,880 --> 00:17:57,660 Это был один. 378 00:17:57,660 --> 00:17:59,300 Опять же, числа. 379 00:17:59,300 --> 00:18:02,020 Опять же, размер и эта новая вещь фронт. 380 00:18:02,020 --> 00:18:04,880 Почему существует нечто, называемое передней? 381 00:18:04,880 --> 00:18:07,050 Это индекс на следующий элемент из очереди. 382 00:18:07,050 --> 00:18:12,210 Это просто внутренне отслеживание первый парень, чтобы показать, чтобы мы 383 00:18:12,210 --> 00:18:15,005 вытянуть ее, когда мы должны. 384 00:18:15,005 --> 00:18:19,322 >> Определенно смотреть на лекций и попробуйте для реализации Enqueue и Dequeue 385 00:18:19,322 --> 00:18:21,700 при изучении для викторины. 386 00:18:21,700 --> 00:18:23,190 Важные вещи, чтобы думать. 387 00:18:23,190 --> 00:18:27,260 Упаковочная вокруг, если передняя плюс Размер заканчивается больше, чем возможностей. 388 00:18:27,260 --> 00:18:32,670 Опять же, если ваша структура заполнена, Вы будете иметь проблемы. 389 00:18:32,670 --> 00:18:34,780 Хеш-таблицы вы видели раньше. 390 00:18:34,780 --> 00:18:39,820 Большинство из вас, вероятно, реализуется их на pset6. 391 00:18:39,820 --> 00:18:44,210 Это структура, которая стремится к O (1) вставки постоянная времени и O (1) 392 00:18:44,210 --> 00:18:46,430 Постоянная времени поиска. 393 00:18:46,430 --> 00:18:49,760 >> В CS50, мы реализовали это как массив связанных списков. 394 00:18:49,760 --> 00:18:53,690 Ключевым компонентом в хэш-таблицу является хэш-функция. 395 00:18:53,690 --> 00:18:58,350 Так он преобразует ваш вклад, скажем, словарное слово, в число, 396 00:18:58,350 --> 00:18:59,560 которая будет наш индекс. 397 00:18:59,560 --> 00:19:01,410 И мы будем использовать этот индекс в нашем массиве. 398 00:19:01,410 --> 00:19:05,374 Итак, вот милый маленький картина от study.50.net. 399 00:19:05,374 --> 00:19:08,060 Кидаем все слова в наш хэш-функция. 400 00:19:08,060 --> 00:19:10,950 И хэш-функция говорит нам где поставить эти слова. 401 00:19:10,950 --> 00:19:15,650 >> Это все здорово на земле, где есть только одно слово для каждого слота. 402 00:19:15,650 --> 00:19:20,480 Но, как вы помните из pset6, есть больше слов, чем слотов. 403 00:19:20,480 --> 00:19:23,080 Так что же происходит, когда вы получить столкновения? 404 00:19:23,080 --> 00:19:26,730 Вместо того чтобы хранить одно значение в, скажем, хэш-таблицу 3, вы 405 00:19:26,730 --> 00:19:27,990 хранить связанный список. 406 00:19:27,990 --> 00:19:32,900 И так вместо того, дыня здесь, вам придется связанный список, 407 00:19:32,900 --> 00:19:34,190 где первый узел дыня. 408 00:19:34,190 --> 00:19:35,260 А на следующий узел кошка. 409 00:19:35,260 --> 00:19:38,970 И третий узел столкновения, давайте сказать, потому что все эти слова начинаются 410 00:19:38,970 --> 00:19:41,110 с С. 411 00:19:41,110 --> 00:19:42,700 >> Так что большинство из вас сделали это для pset6. 412 00:19:42,700 --> 00:19:45,685 Если вы не сделали хэш-таблицу на pset6 и вы пытались что-то вроде 413 00:19:45,685 --> 00:19:47,720 синтаксического дерева, безусловно, пересмотреть хэш-таблицы. 414 00:19:47,720 --> 00:19:50,650 Если ты сделать это на pset6, безусловно, рассмотреть хэш-таблицы. 415 00:19:50,650 --> 00:19:53,610 И если вы сделали это на pset6 и это не так выработать совершенно правы и вас 416 00:19:53,610 --> 00:19:56,150 было много неприятностей с ним, безусловно, рассмотреть хэш-таблицы. 417 00:19:56,150 --> 00:20:01,610 Так что урок действительно, безусловно, рассмотреть хэш-таблицы. 418 00:20:01,610 --> 00:20:07,130 >> Подавляющее меньшинство из вас пробовал из примеряет pset6. 419 00:20:07,130 --> 00:20:08,570 Высокого уровня изображения. 420 00:20:08,570 --> 00:20:15,150 Это что-то вроде этого, где каждый узел имеет множество детей, где каждый 421 00:20:15,150 --> 00:20:17,100 ребенок соответствует букве. 422 00:20:17,100 --> 00:20:20,520 И каждый узел также говорит, эй, я ни слова. 423 00:20:20,520 --> 00:20:25,933 Таким образом, в данном случае, слово Максвелл, если вы будете следовать М к А к 424 00:20:25,933 --> 00:20:28,530 X-W-E-L-L, а затем следовать ему еще один. 425 00:20:28,530 --> 00:20:32,800 И вы получите этот символ, дельта, которая мы означают означает это слово. 426 00:20:32,800 --> 00:20:34,780 Так Максвелл это слово. 427 00:20:34,780 --> 00:20:38,430 Эти дельты всей означающее какие вещи являются слова и которые 428 00:20:38,430 --> 00:20:40,360 вещи не. 429 00:20:40,360 --> 00:20:46,400 >> Таким образом, в pset6, данные мы сохранили наряду любой из наших узлов было "Я 430 00:20:46,400 --> 00:20:52,630 слово. "И здорово, что об попыток будет они демонстрируют вставки и 431 00:20:52,630 --> 00:20:55,080 поиск в O (длина слова). 432 00:20:55,080 --> 00:20:59,450 Так что просто пройти через Максвелла, это M-A-X-W-E-L-L. Так семь или восемь - 433 00:20:59,450 --> 00:21:00,360 Я не могу сосчитать - 434 00:21:00,360 --> 00:21:03,920 шаги, чтобы получить до конца и проверить вещи. 435 00:21:03,920 --> 00:21:06,800 Так быстрое внедрение здесь. 436 00:21:06,800 --> 00:21:10,230 Роб прошел связаны перечислить в его посмертных. 437 00:21:10,230 --> 00:21:11,600 Так проверить это. 438 00:21:11,600 --> 00:21:11,720 Извините. 439 00:21:11,720 --> 00:21:13,240 Прошел виде дерева в его посмертных. 440 00:21:13,240 --> 00:21:14,260 Так проверить это. 441 00:21:14,260 --> 00:21:24,410 >> Но вы в принципе есть каждый узел имеет 27 указатели на ближайшие узлов и одного 442 00:21:24,410 --> 00:21:27,050 Boolean ибо я боюсь слово. 443 00:21:27,050 --> 00:21:31,530 Проверьте посмертно Роба за то, как это на самом деле реализуется. 444 00:21:31,530 --> 00:21:34,750 Наша окончательная структура, наши деревья и бинарные деревья поиска. 445 00:21:34,750 --> 00:21:41,530 Так, глядя на них, они были покрыты совсем недавно Неделя 8, понедельник. 446 00:21:41,530 --> 00:21:46,960 Дерево похоже на виде дерева, кроме вас не обязательно должны 27 узлов на 447 00:21:46,960 --> 00:21:47,500 каждая точка. 448 00:21:47,500 --> 00:21:52,820 И у вас нет этих данных друг на шаг, который означает ли - 449 00:21:52,820 --> 00:21:54,030 путь не имеет значения. 450 00:21:54,030 --> 00:22:00,870 В то время как синтаксического дерева, путь сверху снизу, Максвелл, было важно для нас. 451 00:22:00,870 --> 00:22:05,270 >> Но каждый узел имеет несколько дети, возможно. 452 00:22:05,270 --> 00:22:07,290 У нас есть еще немного словарный запас. 453 00:22:07,290 --> 00:22:09,530 Корень дерева является на самом верху. 454 00:22:09,530 --> 00:22:12,520 И мы говорим, что очень нижний узлы, которые не имеют 455 00:22:12,520 --> 00:22:14,530 дети листья. 456 00:22:14,530 --> 00:22:18,040 Так как синтаксического дерева, дерево Структура узлов. 457 00:22:18,040 --> 00:22:21,490 Распространенный тип дерева, что мы собираемся поговорить о бинарное дерево, где 458 00:22:21,490 --> 00:22:26,040 каждый узел не имеет детей или один ребенок или двое детей. 459 00:22:26,040 --> 00:22:28,890 Так эта картина здесь не бинарное дерево, потому что 460 00:22:28,890 --> 00:22:32,890 узел 3 имеет троих детей. 461 00:22:32,890 --> 00:22:38,140 >> Но если бы мы должны были игнорировать тех, остальное этого является бинарное дерево, потому что это 462 00:22:38,140 --> 00:22:43,200 демонстрируется свойство, что каждый узел имеет ноль, один или два ребенка. 463 00:22:43,200 --> 00:22:46,400 Так как же мы выражаем это в коде? 464 00:22:46,400 --> 00:22:51,460 Мы могли бы иметь узел, где каждый узел имеет целым числом внутри него, а также 465 00:22:51,460 --> 00:22:55,590 как указатель на дереве слева и указатель на дереве 466 00:22:55,590 --> 00:22:59,510 Право, так двух детей. 467 00:22:59,510 --> 00:23:00,880 Как это полезно? 468 00:23:00,880 --> 00:23:05,740 Ну, если мы сделаем правила о том, где мы положить узлов, мы можем сделать поиск быстрее. 469 00:23:05,740 --> 00:23:10,630 >> Так что есть понятие бинарного поиска дерево, где все узлы 470 00:23:10,630 --> 00:23:14,420 левое поддерево имеет меньшее значение чем узел, мы смотрим на. 471 00:23:14,420 --> 00:23:17,880 И все узлы правого поддерева имеют большую ценность 472 00:23:17,880 --> 00:23:18,660 чем корневого узла. 473 00:23:18,660 --> 00:23:20,670 Теперь, что выглядит, как много слов. 474 00:23:20,670 --> 00:23:23,770 Я собираюсь положить его внутрь дважды цитаты и показать вам фотографию. 475 00:23:23,770 --> 00:23:27,010 Так вот пример бинарное дерево. 476 00:23:27,010 --> 00:23:28,770 Смотрите, что мы начинаем с 10. 477 00:23:28,770 --> 00:23:31,780 Все слева 10 меньше, чем это. 478 00:23:31,780 --> 00:23:33,130 И все, что правее больше, чем это. 479 00:23:33,130 --> 00:23:37,620 >> Но больше, чем, что каждый узел в дерево выражает эту недвижимость. 480 00:23:37,620 --> 00:23:42,110 Таким образом, узел 7 имеет 3 к влево и 9 вправо. 481 00:23:42,110 --> 00:23:44,440 Так что все те, меньше, чем 10. 482 00:23:44,440 --> 00:23:50,470 Но, глядя на только тех, 7 имеет От 3 до слева и 9 по его право. 483 00:23:50,470 --> 00:23:56,100 И точно так же справа, 15 имеет 14 чтобы его левая и 50 до его право. 484 00:23:56,100 --> 00:24:03,770 Таким образом, три узла там, 15, 14, и 50, также действует бинарное дерево 485 00:24:03,770 --> 00:24:05,480 или действительный бинарное дерево. 486 00:24:05,480 --> 00:24:07,250 И все они больший, чем 10. 487 00:24:07,250 --> 00:24:08,960 Таким образом, они могут быть на право там. 488 00:24:08,960 --> 00:24:09,940 Есть вопрос? 489 00:24:09,940 --> 00:24:12,580 >> АУДИТОРИЯ: Как вы справляетесь, когда у вас есть две семерки? 490 00:24:12,580 --> 00:24:12,850 >> R.J. AQUINO: Да. 491 00:24:12,850 --> 00:24:16,550 Как вы справляетесь с двумя значениями что одни и те же? 492 00:24:16,550 --> 00:24:21,465 Некоторые бинарные деревья поиска сказать, что вам игнорировать дубликаты, потому что цель состоит 493 00:24:21,465 --> 00:24:24,280 только, чтобы сказать, что я видел эти вещи до сих пор. 494 00:24:24,280 --> 00:24:28,120 Некоторые бинарные деревья поиска, можно сказать, есть счетчик внутри узла. 495 00:24:28,120 --> 00:24:32,000 Другие могут сказать, что все в левый меньше или равно. 496 00:24:32,000 --> 00:24:33,470 И все, что правее больше. 497 00:24:33,470 --> 00:24:36,520 >> Все зависит от того, что Проблема в том, вы решаете. 498 00:24:36,520 --> 00:24:40,840 Так в словаре, например, вы не будет заботиться о дубликатов. 499 00:24:40,840 --> 00:24:41,490 Вы бы выбросить их. 500 00:24:41,490 --> 00:24:44,719 Но другие проблемы вы могли бы заботиться. 501 00:24:44,719 --> 00:24:49,242 >> АУДИТОРИЯ: Можно ли есть 1 слева от 15, который 502 00:24:49,242 --> 00:24:50,590 меньше 10? 503 00:24:50,590 --> 00:24:51,885 >> R.J. AQUINO: Нет. 504 00:24:51,885 --> 00:24:56,570 Если 14 здесь были 1, то это не быть допустимым бинарное дерево, 505 00:24:56,570 --> 00:25:00,840 потому что все правее 10 должно быть больше, чем это. 506 00:25:00,840 --> 00:25:02,300 И мы увидим, почему. 507 00:25:02,300 --> 00:25:07,960 Если в земле поисках моя цель найти 14, я начинаю в корне. 508 00:25:07,960 --> 00:25:08,500 Так что я с нетерпением. 509 00:25:08,500 --> 00:25:08,710 ОК. 510 00:25:08,710 --> 00:25:10,670 Мы собираемся начать в корне. 511 00:25:10,670 --> 00:25:12,500 Посмотрите на 10. 512 00:25:12,500 --> 00:25:16,050 >> Ну, 14, наша цель, больше, чем 10. 513 00:25:16,050 --> 00:25:17,370 Так должно быть справа. 514 00:25:17,370 --> 00:25:21,780 Это очень похоже на всю телефону книга, что мы сделали, двоичный 515 00:25:21,780 --> 00:25:23,720 искать там. 516 00:25:23,720 --> 00:25:26,430 Но вместо двоичного поиска в массиве, мы двоичный 517 00:25:26,430 --> 00:25:28,490 поиск в этом дереве. 518 00:25:28,490 --> 00:25:31,260 Таким образом, мы все еще ищем 14. 519 00:25:31,260 --> 00:25:32,480 Ну, 14 меньше, чем 15. 520 00:25:32,480 --> 00:25:36,430 Так что, если это в нашем дереве, он должен быть в этой области здесь. 521 00:25:36,430 --> 00:25:39,680 Она должна быть справа от 10 и влево до 15 лет. 522 00:25:39,680 --> 00:25:42,250 >> И поэтому мы проверяем этот узел. 523 00:25:42,250 --> 00:25:45,790 И яй, мы нашли 14. 524 00:25:45,790 --> 00:25:46,760 Я не собираюсь идти через него. 525 00:25:46,760 --> 00:25:48,090 Но вот код. 526 00:25:48,090 --> 00:25:49,690 Это на самом деле относительно просто, 527 00:25:49,690 --> 00:25:52,630 потому что это рекурсивной. 528 00:25:52,630 --> 00:25:55,420 Что мы могли спросить вас сделать на викторине? 529 00:25:55,420 --> 00:25:57,000 Мы могли бы попросить вас написать этот код. 530 00:25:57,000 --> 00:25:59,170 Мы могли бы попросить вас, чтобы посмотреть на этого кода и изменить этот код и объяснить, что 531 00:25:59,170 --> 00:26:00,210 он делает. 532 00:26:00,210 --> 00:26:00,390 Да. 533 00:26:00,390 --> 00:26:00,770 Вопрос? 534 00:26:00,770 --> 00:26:04,240 >> АУДИТОРИЯ: Являются ли эти горки будет доступны, как они были в последний раз? 535 00:26:04,240 --> 00:26:04,740 >> R.J. AQUINO: Да. 536 00:26:04,740 --> 00:26:06,460 Таким образом, эти горки, безусловно, будут размещены. 537 00:26:06,460 --> 00:26:08,640 >> АУДИТОРИЯ: Они на самом деле отвечал Прямо сейчас на сайте. 538 00:26:08,640 --> 00:26:10,020 Дэвид только что сделал это. 539 00:26:10,020 --> 00:26:12,720 >> R.J. AQUINO: Горки Прямо сейчас на сайте. 540 00:26:12,720 --> 00:26:16,420 Я, вероятно, залатать пару опечатки я отметил и исправлять их. 541 00:26:16,420 --> 00:26:19,940 Но есть ток версия на сайте. 542 00:26:19,940 --> 00:26:21,820 Другие вещи, которые мы могли попросить вас сделать - 543 00:26:21,820 --> 00:26:23,790 написать вставки. 544 00:26:23,790 --> 00:26:27,490 Написать итеративный версию рекурсивная функция, мы просто показали вам 545 00:26:27,490 --> 00:26:32,520 или говорить об этих вещах, как и в пункты, на словах, в предложениях. 546 00:26:32,520 --> 00:26:35,760 Сравнивая времени работы и объясняя то, что вы хотели бы использовать двоичный 547 00:26:35,760 --> 00:26:39,200 дерево поиска для вместо хэш-таблицу, например. 548 00:26:39,200 --> 00:26:43,580 >> Так понимаю, эти структуры на довольно глубоком уровне. 549 00:26:43,580 --> 00:26:47,440 Понять, как их писать, как использовать их, как говорить о них. 550 00:26:47,440 --> 00:26:50,270 И вы будете все готово. 551 00:26:50,270 --> 00:26:50,630 Вопрос? 552 00:26:50,630 --> 00:26:55,070 >> АУДИТОРИЯ: Когда вы пишете бинарное дерево поиска, как вы 553 00:26:55,070 --> 00:27:01,460 определить, какое значение сделать это как корень? 554 00:27:01,460 --> 00:27:06,120 >> R.J. AQUINO: Таким образом, вопрос был, что значение вы делаете как корень? 555 00:27:06,120 --> 00:27:08,760 В зависимости от вашего кода, вы может иметь глобальный корень. 556 00:27:08,760 --> 00:27:14,290 Таким образом, вы, возможно, скорее всего, имел в pset6 глобальная хеш-таблицы. 557 00:27:14,290 --> 00:27:18,640 Или вы могли бы пройти корень в качестве аргумента. 558 00:27:18,640 --> 00:27:23,810 Так что это функция поиска здесь принимает аргумент узла *. 559 00:27:23,810 --> 00:27:27,420 И поэтому все, что узел вам случится быть глядя на то, что вам лечите 560 00:27:27,420 --> 00:27:31,510 в качестве корня, когда вы проходите его дюйма 561 00:27:31,510 --> 00:27:32,320 И я все готово. 562 00:27:32,320 --> 00:27:33,480 Таковы мои слайды. 563 00:27:33,480 --> 00:27:35,940 Следующий человек может прийти своп в ноутбуке и микрофон. 564 00:27:35,940 --> 00:27:47,390 565 00:27:47,390 --> 00:27:49,760 >> ROB BOWDEN: Я думаю, что, возможно, придется интерпретировать этот вопрос по-разному. 566 00:27:49,760 --> 00:27:53,826 Но я интерпретировал это как, если у вас есть числа 1, 2, и 3, как мы 567 00:27:53,826 --> 00:27:56,720 знать, чтобы сделать 2 корень в отличие от 1 или 3? 568 00:27:56,720 --> 00:27:59,480 Если мы сделаем 2 корня, то это красиво 1 и 3, чтобы левый и правый. 569 00:27:59,480 --> 00:28:04,610 Но если 1 является корнем, то это от 1 до сверху, 2 право, 3 вправо. 570 00:28:04,610 --> 00:28:10,880 Поэтому по умолчанию вы не знаете, что делать корень. 571 00:28:10,880 --> 00:28:15,400 И для любого алгоритма мы ожидаем, чтобы дать вам, только первое, что вы 572 00:28:15,400 --> 00:28:16,680 вставка будет корень. 573 00:28:16,680 --> 00:28:19,890 Или мы дадим вам бинарное дерево, что уже существует, что имеет корень. 574 00:28:19,890 --> 00:28:24,760 Но другие алгоритмы такая, что корень будет обновлять, так что если вам 575 00:28:24,760 --> 00:28:28,370 в конечном итоге в ситуации, где это 1, 2, 3, было бы автоматически обновлять в 576 00:28:28,370 --> 00:28:30,900 сделать 2 нового корня, так что она по-прежнему хорошо сбалансированы. 577 00:28:30,900 --> 00:28:33,750 578 00:28:33,750 --> 00:28:34,833 >> АНЖЕЛА Л.И.: Круто. 579 00:28:34,833 --> 00:28:36,170 Эй, ребята. 580 00:28:36,170 --> 00:28:37,810 Я Ангела. 581 00:28:37,810 --> 00:28:42,490 И я собираюсь завершить наш C , а затем перейти в некоторые из наших веб 582 00:28:42,490 --> 00:28:43,120 технологии - 583 00:28:43,120 --> 00:28:46,570 HTTP, HTML, и CSS. 584 00:28:46,570 --> 00:28:49,610 Поэтому первое, что является буфер Переполнение атак. 585 00:28:49,610 --> 00:28:53,070 Так что давайте взглянем на этот код. 586 00:28:53,070 --> 00:28:54,260 Это довольно просто. 587 00:28:54,260 --> 00:28:55,460 Там в функции Foo. 588 00:28:55,460 --> 00:28:56,990 И это ничего не возвращает. 589 00:28:56,990 --> 00:29:00,950 Но это занимает в указатель в строку под названием бар. 590 00:29:00,950 --> 00:29:04,920 >> И он собирается заявить об этом буфер, который представляет собой символ 591 00:29:04,920 --> 00:29:07,690 Массив, имеет 12 слотов. 592 00:29:07,690 --> 00:29:11,730 И он использует тетсру, который находится всего в функция, копии с одного адреса 593 00:29:11,730 --> 00:29:12,910 в другой. 594 00:29:12,910 --> 00:29:19,400 Так что это пытается скопировать в наш буфер от того, что 595 00:29:19,400 --> 00:29:21,140 бар указывает на. 596 00:29:21,140 --> 00:29:24,640 Так хоть понимаете, что случилось с этим кодом? 597 00:29:24,640 --> 00:29:27,568 598 00:29:27,568 --> 00:29:30,830 >> АУДИТОРИЯ: Если бар длиннее С, они будут перезаписаны. 599 00:29:30,830 --> 00:29:31,520 >> АНЖЕЛА Л.И.: Да, именно так. 600 00:29:31,520 --> 00:29:34,200 У нас нет гарантий того, что бар будет меньше, чем 12. 601 00:29:34,200 --> 00:29:36,080 Мы просто сделали некоторое произвольное число 12. 602 00:29:36,080 --> 00:29:38,380 И мы были как, будем надеяться, что наш пользовательский ввод меньше 603 00:29:38,380 --> 00:29:40,440 12 символов. 604 00:29:40,440 --> 00:29:46,320 Таким образом, в идеальном мире, если бы наш вход всегда, как ожидалось, то мы получим 605 00:29:46,320 --> 00:29:47,550 что-то вроде: Привет. 606 00:29:47,550 --> 00:29:48,920 Это меньше, чем 12 символов. 607 00:29:48,920 --> 00:29:51,870 Он получает читать в символ с. 608 00:29:51,870 --> 00:29:53,280 А потом мы что-то с ним сделать. 609 00:29:53,280 --> 00:29:54,800 Это действительно не имеет значения. 610 00:29:54,800 --> 00:29:59,740 >> Но злоумышленник мог сделать нечто большее, как это, где они 611 00:29:59,740 --> 00:30:04,760 дать нам все, что бар указывает на, это будет указывать на этот огромный массив 612 00:30:04,760 --> 00:30:06,280 просто годов. 613 00:30:06,280 --> 00:30:10,680 И это путь дольше, чем 12 лет. 614 00:30:10,680 --> 00:30:13,830 Так он собирается пройти весь путь здесь, где возвращение 615 00:30:13,830 --> 00:30:15,420 адрес раньше. 616 00:30:15,420 --> 00:30:17,860 Так скажем, эту функцию называется Foo. 617 00:30:17,860 --> 00:30:20,970 Может быть, Foo называли некоторые другие Функция, которая называлась по основной. 618 00:30:20,970 --> 00:30:24,890 Поэтому, когда Foo работает, он должен знать, где бы вернуться. 619 00:30:24,890 --> 00:30:29,130 >> Если Foo назывался некоторой функцией имени Баз, он должен знать, что это 620 00:30:29,130 --> 00:30:30,250 должны вернуться к Баз. 621 00:30:30,250 --> 00:30:34,040 И вот что это обратный адрес здесь говорит нам. 622 00:30:34,040 --> 00:30:38,340 Но если мы перезаписать его с некоторыми другими адрес, в данном случае, это 623 00:30:38,340 --> 00:30:42,650 представление выступлении на самого начала этого буфера, то 624 00:30:42,650 --> 00:30:45,240 что на самом деле произойдет в том, что вместо того чтобы вернуться обратно в Баз, 625 00:30:45,240 --> 00:30:48,470 который называется наша функция, это просто собирается идти на фронт этого кода. 626 00:30:48,470 --> 00:30:53,930 >> И если это было там, потому что хакер чувак пришел и 627 00:30:53,930 --> 00:30:56,820 вводят это, то, возможно, эта сумма из пятерки на самом деле не годов. 628 00:30:56,820 --> 00:31:02,030 И это на самом деле просто код, который перерывы ваш компьютер или что-то. 629 00:31:02,030 --> 00:31:05,930 Таким образом, чтобы защищаться о такого рода вещь, у вас есть, чтобы никогда не предположить, что 630 00:31:05,930 --> 00:31:09,120 пользовательский ввод определенная количество символов. 631 00:31:09,120 --> 00:31:13,310 Например, когда вы делали орфографии, вы сказали, что слова были 632 00:31:13,310 --> 00:31:15,580 только будет 40 символов долго максимум. 633 00:31:15,580 --> 00:31:16,570 И это было хорошо. 634 00:31:16,570 --> 00:31:20,150 >> Но если нет, то вы должны были бы убедитесь, что только для чтения в 45 635 00:31:20,150 --> 00:31:21,520 символов одновременно. 636 00:31:21,520 --> 00:31:24,430 В противном случае, вы можете перезаписать ваш буфер. 637 00:31:24,430 --> 00:31:26,140 Любые вопросы по что. 638 00:31:26,140 --> 00:31:26,733 Да. 639 00:31:26,733 --> 00:31:28,850 >> АУДИТОРИЯ: Не могли бы вы просто поговорить немного больше о них? 640 00:31:28,850 --> 00:31:29,790 >> АНЖЕЛА Л.И.: Извините. 641 00:31:29,790 --> 00:31:31,040 Да. 642 00:31:31,040 --> 00:31:32,813 643 00:31:32,813 --> 00:31:35,870 >> АУДИТОРИЯ: микрофон только для видео. 644 00:31:35,870 --> 00:31:37,640 Я постараюсь и проект. 645 00:31:37,640 --> 00:31:39,900 Привет, ребята. 646 00:31:39,900 --> 00:31:40,920 Sup? 647 00:31:40,920 --> 00:31:45,330 Так что давайте перейдем несколько вещей в Библиотека CS50, которые вы используете 648 00:31:45,330 --> 00:31:49,072 весь семестр, в основном чтобы получить пользовательский ввод. 649 00:31:49,072 --> 00:31:53,140 Как вы знаете, вы включаете CS50 библиотека, просто делая CS50.h, который 650 00:31:53,140 --> 00:31:55,660 содержит все прототипы Функции, которые можно использовать, как 651 00:31:55,660 --> 00:31:58,640 GetString и GetInt, и GetFloat, и так далее. 652 00:31:58,640 --> 00:32:02,870 И есть в этом одна линия в CS50 библиотека, которая определяет строку, которая 653 00:32:02,870 --> 00:32:05,380 вы, ребята, все знаем, к настоящему времени это просто символ *. 654 00:32:05,380 --> 00:32:07,900 >> Но давайте взглянем на как GetString работает. 655 00:32:07,900 --> 00:32:10,010 Это очень сокращенный вариант. 656 00:32:10,010 --> 00:32:15,090 Вы можете подтянуть библиотечные файлы CS50 от, я думаю, manuals.CS50.net. 657 00:32:15,090 --> 00:32:16,750 И вы можете прочитать фактическая функция. 658 00:32:16,750 --> 00:32:19,330 Но это покрывает некоторые из важные части. 659 00:32:19,330 --> 00:32:23,870 Таким образом, мы создали некоторый буфер с некоторой мощности. 660 00:32:23,870 --> 00:32:27,570 И то, что мы делаем, мы получаем один символ за один раз из стандартного с. 661 00:32:27,570 --> 00:32:30,910 Вот где пользователь вводит Текст в консоли. 662 00:32:30,910 --> 00:32:33,430 >> И таким образом мы собираемся, чтобы читать в характер тех пор, пока это не новая 663 00:32:33,430 --> 00:32:37,220 линия, и это не конец файла, который это конец стандартного ввода. 664 00:32:37,220 --> 00:32:45,690 И для каждого символа, что мы читаем в, если этот символ заканчивается добавления 665 00:32:45,690 --> 00:32:50,120 к числу символов мы читали в, и это больше, чем наших возможностей, 666 00:32:50,120 --> 00:32:53,490 то, что мы делаем, мы просто изменить размер нашего буфер так, чтобы это вдвое дольше. 667 00:32:53,490 --> 00:32:56,950 Итак, еще раз, это защищает от буфера Переполнение атаки, потому что вы прочитали в 668 00:32:56,950 --> 00:32:58,315 персонаж одновременно. 669 00:32:58,315 --> 00:33:02,290 И если в какой-то момент вы читаете в слишком многие, вы просто расширить свой буфер. 670 00:33:02,290 --> 00:33:03,330 Вы умножьте его на два. 671 00:33:03,330 --> 00:33:05,510 И тогда у вас есть больше возможностей. 672 00:33:05,510 --> 00:33:09,120 >> В противном случае, вы просто добавить персонаж в буфер. 673 00:33:09,120 --> 00:33:15,080 И после того как вы считали все персонажи, он будет уменьшен буфер 674 00:33:15,080 --> 00:33:18,510 обратно к нормальному размеру, добавить нуль терминатор, а затем вернуться. 675 00:33:18,510 --> 00:33:21,880 676 00:33:21,880 --> 00:33:24,960 Теперь, давайте посмотрим на GetInt. 677 00:33:24,960 --> 00:33:27,700 Может вы, ребята это прочитать? 678 00:33:27,700 --> 00:33:30,710 Я могу увеличить немного. 679 00:33:30,710 --> 00:33:33,410 680 00:33:33,410 --> 00:33:34,660 Я не знаю, как компьютеры работают. 681 00:33:34,660 --> 00:33:40,840 682 00:33:40,840 --> 00:33:41,270 Не берите в голову. 683 00:33:41,270 --> 00:33:42,520 Я не могу увеличить должным образом. 684 00:33:42,520 --> 00:33:47,500 685 00:33:47,500 --> 00:33:48,770 >> Это действительно трудно. 686 00:33:48,770 --> 00:33:49,180 Мне очень жаль. 687 00:33:49,180 --> 00:33:51,490 Давайте просто посмотрим на это. 688 00:33:51,490 --> 00:33:57,140 Так что GetInt делает это сначала читает в строке с GetString, который 689 00:33:57,140 --> 00:33:59,250 мы реализовали раньше. 690 00:33:59,250 --> 00:34:02,945 И важная часть отметить, является ли это обмен, что в конечном итоге 691 00:34:02,945 --> 00:34:06,400 чтение как на самом деле не в строку, то мы просто возвращаем INT_MAX к 692 00:34:06,400 --> 00:34:09,409 представляют сбой. 693 00:34:09,409 --> 00:34:12,645 Почему мы возвращаемся INT_MAX вместо отрицательного 1 или 1? 694 00:34:12,645 --> 00:34:13,895 Есть идеи? 695 00:34:13,895 --> 00:34:16,853 696 00:34:16,853 --> 00:34:19,350 >> АУДИТОРИЯ: [неразборчиво] отрицательный 1 на один. 697 00:34:19,350 --> 00:34:20,070 >> АНЖЕЛА Л.И.: Да, именно так. 698 00:34:20,070 --> 00:34:24,560 Так ты способ чаще просто хочу на вход 1 или отрицательной 1 при запросе 699 00:34:24,560 --> 00:34:27,469 для п-го и все, что п исчерпан. 700 00:34:27,469 --> 00:34:27,969 Это огромная. 701 00:34:27,969 --> 00:34:29,690 Вы, наверное, не будет его использовать. 702 00:34:29,690 --> 00:34:32,690 Так что это, как дизайнерское решение, чтобы убедитесь, что вы случайно не 703 00:34:32,690 --> 00:34:38,540 возвращает ошибку или вы не вернуть 1, который может быть разобран 704 00:34:38,540 --> 00:34:41,199 как правильный ответ. 705 00:34:41,199 --> 00:34:45,110 Так что, если строка не существует, мы вернемся INT-MAX. 706 00:34:45,110 --> 00:34:48,090 В противном случае, мы используем Sscanf, которая, как зсапЕ. 707 00:34:48,090 --> 00:34:49,449 Но он считывает из строки. 708 00:34:49,449 --> 00:34:54,310 >> И у нас есть это отформатировать Строка, которая является% I% с. 709 00:34:54,310 --> 00:34:57,440 И мы стараемся и сочетать это с что пользователь дал нам. 710 00:34:57,440 --> 00:35:01,420 Мы хотим, чтобы количество подобранных вещей за 1, что означает, что мы только 711 00:35:01,420 --> 00:35:04,940 действительно хотите, чтобы соответствовать целое в окружении, может быть, белый 712 00:35:04,940 --> 00:35:06,840 пространство, может и нет. 713 00:35:06,840 --> 00:35:10,710 В этом случае, если вы положите в чем-то как бар, бар не соответствует вообще, 714 00:35:10,710 --> 00:35:14,400 потому что должна быть целое в самом начале. 715 00:35:14,400 --> 00:35:17,060 Так не sscan не включали 0. 716 00:35:17,060 --> 00:35:19,640 Так что вам не вернуться, что. 717 00:35:19,640 --> 00:35:23,850 >> С другой стороны, если вы положите в чем-то как 1, 2, 3, A, B, C, которое соответствует 718 00:35:23,850 --> 00:35:27,180 как целое, но и характер после него. 719 00:35:27,180 --> 00:35:29,990 Так Sscanf вернется 2, которые тоже не является идеальным. 720 00:35:29,990 --> 00:35:34,620 Вы же не хотите 1, 2, 3,, В, С, чтобы быть действительным внутр. 721 00:35:34,620 --> 00:35:36,990 Так что также не работает. 722 00:35:36,990 --> 00:35:38,530 Но сказать, вы положили в что-то вроде 50. 723 00:35:38,530 --> 00:35:42,460 , Который будет соответствовать% I, а это значит, он будет получать читать в п. 724 00:35:42,460 --> 00:35:44,790 А теперь, п будет содержать число 50. 725 00:35:44,790 --> 00:35:46,110 И тогда вы можете вернуть его. 726 00:35:46,110 --> 00:35:49,270 >> В противном случае, вы попали Повторить. 727 00:35:49,270 --> 00:35:55,790 А потом он просто не идет снова, пока вы получаете правильное ввод от пользователя. 728 00:35:55,790 --> 00:35:56,891 Есть вопросы по этому поводу? 729 00:35:56,891 --> 00:36:02,182 >> АУДИТОРИЯ: Так что если вы были распечатать значение GetInt на [неразборчиво] 730 00:36:02,182 --> 00:36:06,250 было бы просто целое число, а макс? 731 00:36:06,250 --> 00:36:07,440 >> АНЖЕЛА Л.И.: Да. 732 00:36:07,440 --> 00:36:11,780 Так что если вы используете GetInt, вы должны взять на себя что вы не хотите п-й максимум до 733 00:36:11,780 --> 00:36:15,328 быть действительным вход, потому что вы собираетесь предположить, что это было плохо. 734 00:36:15,328 --> 00:36:27,740 >> АУДИТОРИЯ: Если у нас не было символ с и кто-то положил в 1, 2, 3, Сэм, не правда ли 735 00:36:27,740 --> 00:36:29,430 по-прежнему работать в течение 1, 2, 3? 736 00:36:29,430 --> 00:36:29,750 >> АНЖЕЛА Л.И.: Я думаю, что это будет работать. 737 00:36:29,750 --> 00:36:33,340 Но вы не хотите, чтобы 123Sam быть допустимым для ввода пользователем. 738 00:36:33,340 --> 00:36:34,670 Это не совсем внутр. 739 00:36:34,670 --> 00:36:36,840 Так что не кажется справедливым разобрать его в виде целого числа. 740 00:36:36,840 --> 00:36:40,910 741 00:36:40,910 --> 00:36:42,160 ОК. 742 00:36:42,160 --> 00:36:45,800 В этом случае, давайте перейдем на к Интернету. 743 00:36:45,800 --> 00:36:49,120 Так HTTP не является языком. 744 00:36:49,120 --> 00:36:56,060 HTTP это всего лишь набор стандартов для как вы отправить вещи от клиентов, 745 00:36:56,060 --> 00:36:57,280 вот вы, к серверам. 746 00:36:57,280 --> 00:36:59,730 Это другие люди в Интернете. 747 00:36:59,730 --> 00:37:02,900 >> Так HTTP выступает за гипертекста Протокол передачи. 748 00:37:02,900 --> 00:37:04,610 Это сердце и душа всей сети. 749 00:37:04,610 --> 00:37:07,050 Гипертекст часть просто относится к HTML. 750 00:37:07,050 --> 00:37:10,690 Передача является клиенты, как вы будете отправлять запросы 751 00:37:10,690 --> 00:37:13,060 серверы, которые дают ответы. 752 00:37:13,060 --> 00:37:16,380 И протокол просто, как сделать вы ожидаете сервер вести себя? 753 00:37:16,380 --> 00:37:19,960 И как вы предполагаете вести себя таким образом, что вы можете упорядочить этот 754 00:37:19,960 --> 00:37:21,920 процесс коммуникации? 755 00:37:21,920 --> 00:37:26,650 >> Так HTTP запросы очень похожи в этом. 756 00:37:26,650 --> 00:37:28,070 GET является тип запроса. 757 00:37:28,070 --> 00:37:31,220 Вы, ребята, видели запросы GET и POST запросы. 758 00:37:31,220 --> 00:37:36,690 Это второе, что там, / я, это только URI или URL, где вы 759 00:37:36,690 --> 00:37:38,140 хочу пойти в хозяина. 760 00:37:38,140 --> 00:37:44,140 Так эта просьба просит страницы, как www.facebook.com / меня. 761 00:37:44,140 --> 00:37:45,300 И это запрос GET. 762 00:37:45,300 --> 00:37:51,020 А потом этот HTTP/1.1, вот только версия HTTP вы используете. 763 00:37:51,020 --> 00:37:55,020 Это почти всегда 1.1. 764 00:37:55,020 --> 00:37:56,880 >> А тут еще куча других вещей тоже. 765 00:37:56,880 --> 00:38:02,510 Вы можете увидеть их, если вы открыть консоль, когда вы 766 00:38:02,510 --> 00:38:03,770 просмотра веб-страниц. 767 00:38:03,770 --> 00:38:07,290 Ответы выглядеть больше как это. 768 00:38:07,290 --> 00:38:09,620 В верхней части, опять же, тип HTTP вы используете 769 00:38:09,620 --> 00:38:12,310 с последующим кодом состояния. 770 00:38:12,310 --> 00:38:14,700 Так 200 ОК является все обошлось. 771 00:38:14,700 --> 00:38:16,200 Вот ваш контент. 772 00:38:16,200 --> 00:38:17,390 Ваше содержание будет следовать. 773 00:38:17,390 --> 00:38:21,730 А потом он расскажет вам, какие содержания и другие вещи тоже. 774 00:38:21,730 --> 00:38:24,620 >> Коды состояния, есть несколько важные те, которые вы должны знать. 775 00:38:24,620 --> 00:38:26,460 200 ОК, как золотой все в порядке. 776 00:38:26,460 --> 00:38:28,490 Все работает. 777 00:38:28,490 --> 00:38:29,710 403 Forbidden. 778 00:38:29,710 --> 00:38:32,910 Это вы, наверное, видели, если вы забыли установить права что-то неправильно. 779 00:38:32,910 --> 00:38:34,510 Это означает, что у вас нет прав на создание 780 00:38:34,510 --> 00:38:36,210 доступа, что на сервере. 781 00:38:36,210 --> 00:38:38,110 Это как, нет, вы не можете видеть это. 782 00:38:38,110 --> 00:38:39,780 404 означает, что вещь не существует. 783 00:38:39,780 --> 00:38:40,400 Не найдено. 784 00:38:40,400 --> 00:38:41,640 Вы, наверное, видели, что много. 785 00:38:41,640 --> 00:38:45,510 >> 500 Внутренняя ошибка сервера, как правило, как что-то пошло не так на стороне 786 00:38:45,510 --> 00:38:46,460 сервера. 787 00:38:46,460 --> 00:38:50,830 Итак, когда вы были реализации pset7, если у вас ошибки PHP, вы могли бы 788 00:38:50,830 --> 00:38:53,890 фактически перейти на страницу и посмотреть целая куча PHP ошибки вещи. 789 00:38:53,890 --> 00:38:56,900 Но это обычно не происходит, потому сайты действительно не хочу, чтобы 790 00:38:56,900 --> 00:38:58,830 скажу вам, почему их сайт сломан. 791 00:38:58,830 --> 00:39:03,370 Они, наверное, просто вернуться 500 Внутренняя ошибка сервера. 792 00:39:03,370 --> 00:39:06,120 >> А тут еще 418 я чайник. 793 00:39:06,120 --> 00:39:07,910 Там целая история о почему это вещь. 794 00:39:07,910 --> 00:39:09,860 Но вы можете прочитать о том, что в свободное время. 795 00:39:09,860 --> 00:39:11,450 Там целая куча другие коды статуса тоже. 796 00:39:11,450 --> 00:39:12,700 Но это те, вы должны знать. 797 00:39:12,700 --> 00:39:15,660 798 00:39:15,660 --> 00:39:18,610 Итак, давайте поговорим о HTML. 799 00:39:18,610 --> 00:39:22,180 HTML, помните, не язык программирования. 800 00:39:22,180 --> 00:39:23,510 Это язык разметки. 801 00:39:23,510 --> 00:39:25,210 Это означает, что она описывает содержание. 802 00:39:25,210 --> 00:39:30,440 Это говорит вам, что HTML документ выглядит как или не, как он выглядит 803 00:39:30,440 --> 00:39:32,230 но, как это структурировано. 804 00:39:32,230 --> 00:39:36,110 >> Так что определяет структуру и Семантика веб-страниц. 805 00:39:36,110 --> 00:39:37,830 Это как, это пункт. 806 00:39:37,830 --> 00:39:40,060 Это упорядоченный список. 807 00:39:40,060 --> 00:39:42,360 Это как части моей странице. 808 00:39:42,360 --> 00:39:43,260 Вот название. 809 00:39:43,260 --> 00:39:44,310 Он делает такие вещи, как, что. 810 00:39:44,310 --> 00:39:48,770 Это не стиль любой из что, поскольку это то, что вы делаете в CSS. 811 00:39:48,770 --> 00:39:50,270 И это выглядит как серия вложенных тегов. 812 00:39:50,270 --> 00:39:54,720 Таким образом, чтобы использовать пример действительно основной HTML страницы, у вас есть DOCTYPE 813 00:39:54,720 --> 00:39:56,720 Декларация там. 814 00:39:56,720 --> 00:40:00,940 >> Это DOCTYPE декларация говоря, мы с помощью HTML5. 815 00:40:00,940 --> 00:40:03,370 Тогда у вас есть большой HTML тег. 816 00:40:03,370 --> 00:40:05,230 Он содержит голову и тело. 817 00:40:05,230 --> 00:40:06,970 Внутри головы, у вас есть титул. 818 00:40:06,970 --> 00:40:12,950 Это то, что идет в названии строке вашего браузера. 819 00:40:12,950 --> 00:40:15,810 У нас есть ссылка тег, который связывает во внешней таблице стилей. 820 00:40:15,810 --> 00:40:19,880 И тогда у нас есть сценарий, который тянет от внешнего JavaScript, а также. 821 00:40:19,880 --> 00:40:23,750 >> А потом внутри нашего тела на самом деле то, что можно на странице. 822 00:40:23,750 --> 00:40:28,210 У нас есть пункт, а затем изображение внутри этого пункта. 823 00:40:28,210 --> 00:40:32,000 Это одна картина котят. 824 00:40:32,000 --> 00:40:35,840 Обратите внимание, что изображение тег закрывает себя. 825 00:40:35,840 --> 00:40:41,760 Таким образом, вместо открытия с изображением а затем делает еще один / изображение, вы 826 00:40:41,760 --> 00:40:47,500 просто эту маленькую черту здесь, который закрывает его. 827 00:40:47,500 --> 00:40:53,670 И тег изображения также имеет этот ключ значение атрибута называется ALT. 828 00:40:53,670 --> 00:40:56,970 Это альтернативный текст, что происходит при наведении мыши на него. 829 00:40:56,970 --> 00:41:03,170 >> Большинство элементов HTML есть значение ключа вещи, которые вы можете дать его, различные 830 00:41:03,170 --> 00:41:04,420 настройки. 831 00:41:04,420 --> 00:41:06,230 832 00:41:06,230 --> 00:41:08,705 Да. 833 00:41:08,705 --> 00:41:09,955 >> АУДИТОРИЯ: [неразборчиво]. 834 00:41:09,955 --> 00:41:17,510 835 00:41:17,510 --> 00:41:19,680 >> АНЖЕЛА Л.И.: Ну, так что это атрибут тега. 836 00:41:19,680 --> 00:41:25,320 Так что если вы используете JQuery, вы могли бы сделать выберите image.getAttribute. 837 00:41:25,320 --> 00:41:27,930 И тогда вы можете искать получить атрибут ALT. 838 00:41:27,930 --> 00:41:31,040 И это даст вам котят. 839 00:41:31,040 --> 00:41:37,400 Если вы помните формы в HTML, вход элементы будут иметь атрибуты имен. 840 00:41:37,400 --> 00:41:41,870 И вот что PHP использует для отправки запросы, когда формы. 841 00:41:41,870 --> 00:41:44,762 842 00:41:44,762 --> 00:41:50,064 >> АУДИТОРИЯ: Вы уже что-то о том, как, если вы используете kittens.jpg или 843 00:41:50,064 --> 00:41:54,410 то, что имеет пропавших без вести папки или другие файлы файл? 844 00:41:54,410 --> 00:41:54,750 >> АНЖЕЛА Л.И.: Да. 845 00:41:54,750 --> 00:41:57,010 Так что это то, что называется относительной Путь, потому что я не даю 846 00:41:57,010 --> 00:41:58,740 Вы полный путь. 847 00:41:58,740 --> 00:42:05,160 Это как когда в C, если вы делаете Еореп некоторые файл, если вы Еореп hi.txt, что 848 00:42:05,160 --> 00:42:09,190 hi.txt как ожидается, будет в то же самое каталог, если вы не дать ему более 849 00:42:09,190 --> 00:42:11,530 Комплекс путь. 850 00:42:11,530 --> 00:42:14,900 >> АУДИТОРИЯ: Таким образом, вы можете указать в какой папке [неразборчиво]? 851 00:42:14,900 --> 00:42:17,660 >> АНЖЕЛА Л.И.: Да. 852 00:42:17,660 --> 00:42:19,370 И вы можете посмотреть, как это сделать. 853 00:42:19,370 --> 00:42:23,480 Но если бы я хотел, чтобы kittens.jpg из родительского каталога, я хотел бы сделать 854 00:42:23,480 --> 00:42:24,730 .. / Kittens.jpg. 855 00:42:24,730 --> 00:42:29,680 856 00:42:29,680 --> 00:42:30,930 Да. 857 00:42:30,930 --> 00:42:32,960 858 00:42:32,960 --> 00:42:33,760 Извините. 859 00:42:33,760 --> 00:42:34,045 Да. 860 00:42:34,045 --> 00:42:35,700 О человек, я забыл вопрос. 861 00:42:35,700 --> 00:42:36,460 Какой был вопрос? 862 00:42:36,460 --> 00:42:39,570 О, вопрос был есть, kittens.jpg Ожидается, что в том же каталоге? 863 00:42:39,570 --> 00:42:40,630 И в этом случае, это так. 864 00:42:40,630 --> 00:42:44,030 Но вы также можете дать ему определенный путь так, что он не должен быть. 865 00:42:44,030 --> 00:42:47,100 866 00:42:47,100 --> 00:42:48,350 Хорошо? 867 00:42:48,350 --> 00:42:50,190 868 00:42:50,190 --> 00:42:51,350 >> CSS. 869 00:42:51,350 --> 00:42:55,420 Так CSS, как HTML, не язык программирования. 870 00:42:55,420 --> 00:42:58,250 CSS это просто серия правил моделирования. 871 00:42:58,250 --> 00:43:00,130 Она выступает за каскадные таблицы стилей. 872 00:43:00,130 --> 00:43:03,910 И вы использовать его в сочетании с HTML на страницах стиля. 873 00:43:03,910 --> 00:43:08,140 Таким образом, есть три способа Вы можете включить его. 874 00:43:08,140 --> 00:43:11,950 Один из способов вы можете сделать это в голове часть вашего HTML, вы можете просто 875 00:43:11,950 --> 00:43:15,410 открыть тег стиле, а затем придерживаться некоторые CSS правила там. 876 00:43:15,410 --> 00:43:16,759 Это довольно в порядке. 877 00:43:16,759 --> 00:43:17,228 Да. 878 00:43:17,228 --> 00:43:21,449 >> АУДИТОРИЯ: Не могли бы вы поставить тех, Тэги стиля между ними, давайте 879 00:43:21,449 --> 00:43:22,860 скажем, тело и / тело. 880 00:43:22,860 --> 00:43:27,400 И тогда вы бы стиль только в теле. 881 00:43:27,400 --> 00:43:28,840 >> АНЖЕЛА Л.И.: Вы могли бы. 882 00:43:28,840 --> 00:43:29,590 Она будет работать. 883 00:43:29,590 --> 00:43:33,990 Но вы не должны, потому что укладка вид метаданных, которые должны идти в 884 00:43:33,990 --> 00:43:35,890 глава документа. 885 00:43:35,890 --> 00:43:38,280 Тело должно действительно содержат только что на самом деле происходит, чтобы 886 00:43:38,280 --> 00:43:39,420 отображаться на вашей странице. 887 00:43:39,420 --> 00:43:42,155 >> АУДИТОРИЯ: Таким образом, вы бы поставил стиль в вашей голове, чтобы стиль 888 00:43:42,155 --> 00:43:43,930 Вся веб-страницы, не так ли? 889 00:43:43,930 --> 00:43:44,300 >> АНЖЕЛА Л.И.: Да. 890 00:43:44,300 --> 00:43:50,470 Так положить стиль здесь, эти правила CSS будет применяться ко всей странице, основанной на 891 00:43:50,470 --> 00:43:52,100 их селекторы. 892 00:43:52,100 --> 00:43:57,090 Таким образом, лучший способ сделать это вместо наличия тег стиль в вашей голове, 893 00:43:57,090 --> 00:44:00,430 у вас есть эта ссылку на внешний стиль лист, как я показал вам в 894 00:44:00,430 --> 00:44:01,980 Предыдущий пример. 895 00:44:01,980 --> 00:44:05,920 Это нужно, он пытается и находит файл style.css, а затем тянет его 896 00:44:05,920 --> 00:44:08,470 и использует в том, что в качестве стили для страницы. 897 00:44:08,470 --> 00:44:10,500 И ваш style.css бы просто посмотрите, как это. 898 00:44:10,500 --> 00:44:13,330 Это будет просто куча CSS. 899 00:44:13,330 --> 00:44:16,210 >> И, наконец, есть еще один способ, которым Вы может включать в себя CSS, которые вы действительно 900 00:44:16,210 --> 00:44:17,480 никогда не должны делать. 901 00:44:17,480 --> 00:44:18,950 Это вызов встроенного стиля. 902 00:44:18,950 --> 00:44:22,650 И поэтому любой HTML элемент может также взять атрибут стиля. 903 00:44:22,650 --> 00:44:26,320 А потом в этом атрибут стиля, вы можете дать ему правила CSS. 904 00:44:26,320 --> 00:44:29,140 Таким образом, в этом случае, что бы ни дел я определении прямо здесь, это будет 905 00:44:29,140 --> 00:44:32,580 есть черный фон и цвет белый текст. 906 00:44:32,580 --> 00:44:35,620 Но вы не должны этого делать, потому что это будет он ставит свой стиль 907 00:44:35,620 --> 00:44:36,850 внутри вашего HTML. 908 00:44:36,850 --> 00:44:40,530 >> И я знаю, что мы говорили о HTML является структура и CSS является стиль. 909 00:44:40,530 --> 00:44:42,790 Если вы сделаете это, он смешивается их вместе. 910 00:44:42,790 --> 00:44:44,550 И это не очень чисто. 911 00:44:44,550 --> 00:44:45,800 Так что не делайте этого. 912 00:44:45,800 --> 00:44:47,690 913 00:44:47,690 --> 00:44:52,100 На примере CSS, там, мы просто выберите тело HTML 914 00:44:52,100 --> 00:44:52,380 документальный фильм. 915 00:44:52,380 --> 00:44:55,110 И мы, как, все в будет Comic Sans. 916 00:44:55,110 --> 00:44:57,290 Я также не рекомендую. 917 00:44:57,290 --> 00:44:59,940 Но вы могли бы сделать это. 918 00:44:59,940 --> 00:45:03,140 >> Второе правило прямо здесь, это будет чтобы выбрать элемент на 919 00:45:03,140 --> 00:45:04,880 страница с ID магистрали. 920 00:45:04,880 --> 00:45:11,690 Поэтому, что бы HTML элемент, я сказал ID = Основной, я собираюсь дать, что 921 00:45:11,690 --> 00:45:16,020 Рентабельность 20 пикселей и выровнять все, весь текст, к центру. 922 00:45:16,020 --> 00:45:19,030 Последнее, что выбирает по классу CSS. 923 00:45:19,030 --> 00:45:24,450 Таким образом, любой элемент на странице, что я дал класс раздел, я собираюсь сделать это 924 00:45:24,450 --> 00:45:26,602 Цвет фона светло-голубой. 925 00:45:26,602 --> 00:45:29,380 926 00:45:29,380 --> 00:45:30,040 Да. 927 00:45:30,040 --> 00:45:30,700 Вот все, что я получил. 928 00:45:30,700 --> 00:45:30,890 Вопрос? 929 00:45:30,890 --> 00:45:34,020 >> АУДИТОРИЯ: Что означает хэштегом перед основным делать? 930 00:45:34,020 --> 00:45:36,310 >> АНЖЕЛА Л.И.: Вопрос в том, что делает хэштегом перед главной дел? 931 00:45:36,310 --> 00:45:40,770 В этом случае, хэш в CSS означает выберите по ID. 932 00:45:40,770 --> 00:45:47,490 Так что, если у меня были некоторые HTML элемент, как DIVID = основные, это правила CSS выбирает 933 00:45:47,490 --> 00:45:49,260 вещь с ID магистрали. 934 00:45:49,260 --> 00:45:53,940 И точно так же, период перед раздел Выбор по классу CSS или 935 00:45:53,940 --> 00:45:56,558 выберите по HTML класса. 936 00:45:56,558 --> 00:46:00,940 >> АУДИТОРИЯ: Почему существует имеет перед 6 в цвет фона? 937 00:46:00,940 --> 00:46:01,270 >> АНЖЕЛА Л.И.: Да. 938 00:46:01,270 --> 00:46:03,360 Таким образом, вопрос, почему существует хэш до 6? 939 00:46:03,360 --> 00:46:05,320 Это отличается от того хэш. 940 00:46:05,320 --> 00:46:09,500 Это означает, что вы даете шестнадцатеричное цвет. 941 00:46:09,500 --> 00:46:14,260 Так шестигранные цвета, это просто представляет собой цвет. 942 00:46:14,260 --> 00:46:17,860 И вы помните RGB троек, когда Вы сделали PSET судебно-медицинской экспертизы? 943 00:46:17,860 --> 00:46:18,770 Это аналогично. 944 00:46:18,770 --> 00:46:21,590 Первые две цифры представляют сколько красный в цвете. 945 00:46:21,590 --> 00:46:23,260 Вторые два представляют сколько зеленый. 946 00:46:23,260 --> 00:46:25,450 И третий представляет сколько синий. 947 00:46:25,450 --> 00:46:30,060 И хэш это будет представлять цвет. 948 00:46:30,060 --> 00:46:35,660 >> Так что ничего от 0, 0, 0, 0, 0, 0 до F, F, F, F, F, F действует. 949 00:46:35,660 --> 00:46:39,550 Это какой-то действительный цвет, который может отображаться в вашем браузере. 950 00:46:39,550 --> 00:46:39,790 Вопрос? 951 00:46:39,790 --> 00:46:43,590 >> АУДИТОРИЯ: В чем разница между пользования ID и класса? 952 00:46:43,590 --> 00:46:46,470 >> АНЖЕЛА Л.И.: Вопрос в том, что разница между 953 00:46:46,470 --> 00:46:48,950 пользования ID и класса? 954 00:46:48,950 --> 00:46:54,390 Вы можете иметь только один элемент в HTML документ, который имеет данный идентификатор. 955 00:46:54,390 --> 00:46:58,660 Таким образом, только одна вещь, на моей странице разрешается иметь ID магистраль. 956 00:46:58,660 --> 00:47:02,580 Таким образом, вы использовать его для этого является заголовок. 957 00:47:02,580 --> 00:47:03,850 Это навигации. 958 00:47:03,850 --> 00:47:05,230 Это подвал. 959 00:47:05,230 --> 00:47:09,070 Классы отличаются, потому что вы можете применять классы, как много элементов HTML 960 00:47:09,070 --> 00:47:10,100 как вы хотите. 961 00:47:10,100 --> 00:47:15,860 >> Так, например, я сделал раздел класса, потому что, наверное, больше, чем один 962 00:47:15,860 --> 00:47:17,540 раздел на моей странице. 963 00:47:17,540 --> 00:47:20,200 Ты просто разрешено иметь до элементы на странице с тем же 964 00:47:20,200 --> 00:47:23,190 класс, но только один с определенным ID. 965 00:47:23,190 --> 00:47:25,600 >> АУДИТОРИЯ: Так точка представляет класс? 966 00:47:25,600 --> 00:47:26,090 >> АНЖЕЛА Л.И.: Да. 967 00:47:26,090 --> 00:47:27,380 Точка представляет класс. 968 00:47:27,380 --> 00:47:29,990 969 00:47:29,990 --> 00:47:31,540 Круто. 970 00:47:31,540 --> 00:47:32,370 Вот и все, у меня, ребята. 971 00:47:32,370 --> 00:47:33,544 Спасибо. 972 00:47:33,544 --> 00:48:13,380 >> [Аплодисменты] 973 00:48:13,380 --> 00:48:14,290 >> ZAMYLA Чан: Привет, всем. 974 00:48:14,290 --> 00:48:14,880 Я Zamyla. 975 00:48:14,880 --> 00:48:18,830 Я собираюсь покрывать PHP, MVC, и SQL сегодня. 976 00:48:18,830 --> 00:48:22,350 977 00:48:22,350 --> 00:48:26,110 Много материала, что я буду покрытие будет в значительной степени 978 00:48:26,110 --> 00:48:29,100 прямо из pset7. 979 00:48:29,100 --> 00:48:29,700 Хорошо. 980 00:48:29,700 --> 00:48:31,180 Так что же такое PHP? 981 00:48:31,180 --> 00:48:35,150 PHP расшифровывается как PHP гипертекста Препроцессор. 982 00:48:35,150 --> 00:48:38,740 Так что, само по себе, это рекурсивная имя, которое довольно прохладно. 983 00:48:38,740 --> 00:48:42,220 PHP представляет собой сервер язык сценариев, и это обеспечивает базовую программу 984 00:48:42,220 --> 00:48:44,610 и логические подкрепления на нашем сайте. 985 00:48:44,610 --> 00:48:48,520 >> Так Анжела много говорили о HTML и CSS, что сделает структуру 986 00:48:48,520 --> 00:48:49,530 сайта. 987 00:48:49,530 --> 00:48:53,210 Но что, если вы хотите изменить, что Содержание динамически или если он изменяется 988 00:48:53,210 --> 00:48:55,240 на основе пользователя или определенные условия? 989 00:48:55,240 --> 00:48:57,060 Вот где PHP приходит дюйма 990 00:48:57,060 --> 00:49:02,610 Теперь, как правило,, PHP может занять несколько меньше линии для осуществления то же самое 991 00:49:02,610 --> 00:49:07,380 в С. Это потому, что PHP обрабатывает память Управление для программиста, 992 00:49:07,380 --> 00:49:11,170 в отличие от нас того, чтобы таНос бесплатно, и тому подобное. 993 00:49:11,170 --> 00:49:15,430 >> Но так как PHP является интерпретативная язык, как правило, это может выполнить 994 00:49:15,430 --> 00:49:19,540 немного медленнее, чем C, которая является компилируемый язык. 995 00:49:19,540 --> 00:49:23,150 Потому что мы движемся программирование языки, давайте посмотрим на то, как 996 00:49:23,150 --> 00:49:24,570 Синтаксис будет отличаться. 997 00:49:24,570 --> 00:49:28,770 Давайте быть очень осторожны, чтобы не запутаться с этим. 998 00:49:28,770 --> 00:49:33,750 Так с синтаксисом PHP, находитесь ли вы вложение вашего PHP внутри от HTML 999 00:49:33,750 --> 00:49:40,430 файл или в пределах. файл PHP себя, вы нужно заключать код в открытом 1000 00:49:40,430 --> 00:49:45,270 PHP и закрытые PHP теги, как следующим образом, как и на экране. 1001 00:49:45,270 --> 00:49:46,660 >> Переменные в PHP. 1002 00:49:46,660 --> 00:49:51,490 Каждый переменная начнется с знак $ следуют по имени 1003 00:49:51,490 --> 00:49:53,150 переменная. 1004 00:49:53,150 --> 00:49:56,530 Теперь, переменные в PHP слабо набрали, Это означает, что вам не нужно 1005 00:49:56,530 --> 00:50:00,030 , чтобы указать, какой тип данных это когда вы объявив ее. 1006 00:50:00,030 --> 00:50:03,505 Однако это не означает, что они не имеют никаких видов на все. 1007 00:50:03,505 --> 00:50:09,370 Так что если я объявить переменную и просто установить его равным 1, а затем я объявляю 1008 00:50:09,370 --> 00:50:15,140 еще одна переменная, установите его равным "1" а потом еще один 1.0, ну, 1009 00:50:15,140 --> 00:50:19,410 В зависимости от типа равенства операторы я использую, если я хочу, чтобы сравнить 1010 00:50:19,410 --> 00:50:21,830 всех типов, а затем они будут равны. 1011 00:50:21,830 --> 00:50:25,570 Но если я хочу, чтобы убедиться, что типы равны, PHP может до сих пор 1012 00:50:25,570 --> 00:50:28,690 что, хотя мы и не указывают какой тип это, когда мы 1013 00:50:28,690 --> 00:50:31,170 сначала сделать файл. 1014 00:50:31,170 --> 00:50:33,990 >> Теперь, в PHP, хотя мы переключения с программированием 1015 00:50:33,990 --> 00:50:39,360 языки из C, у нас еще есть наш Надежный, если условие, так же, как это. 1016 00:50:39,360 --> 00:50:43,270 У нас еще есть наши рамки, будучи, как раз как это, где вы положили в вашем 1017 00:50:43,270 --> 00:50:47,300 состояние, а затем Тело цикла. 1018 00:50:47,300 --> 00:50:50,360 А потом у нас тоже есть цикл, которые обычно выглядит следующим образом. 1019 00:50:50,360 --> 00:50:55,330 Так что, если я хотел перебрать все девять psets и представить и вызвать 1020 00:50:55,330 --> 00:50:58,960 Функция submitPset, то я могу сделать это здесь, что вы, ребята, все 1021 00:50:58,960 --> 00:50:59,830 сделано к этому моменту. 1022 00:50:59,830 --> 00:51:01,080 Поздравляем, кстати. 1023 00:51:01,080 --> 00:51:04,560 1024 00:51:04,560 --> 00:51:07,550 >> Для камеры, люди сказал, спасибо. 1025 00:51:07,550 --> 00:51:11,220 Теперь, если вы не хотите, чтобы просто использовать это цикл, то PHP на самом деле также 1026 00:51:11,220 --> 00:51:13,580 есть вещи, называется FOREACH петли. 1027 00:51:13,580 --> 00:51:22,210 Так что, если у меня был массив целых чисел, 0 по 8, хранятся в psets массива, 1028 00:51:22,210 --> 00:51:27,290 то я мог бы иметь цикл по каждому элементу, что перебирает каждый номер в psets. 1029 00:51:27,290 --> 00:51:30,640 А потом я мог бы назвать то же самое функционировать в восемь раз, 1030 00:51:30,640 --> 00:51:31,910 так же, как я делал раньше. 1031 00:51:31,910 --> 00:51:36,480 Так что это для каждого цикла приятно, потому что Вы не должны, если вы не знаете, 1032 00:51:36,480 --> 00:51:39,470 Точная длина массива, что вы уже, то с помощью этого цикл по каждому элементу 1033 00:51:39,470 --> 00:51:42,800 будет заботиться о том, что для вас. 1034 00:51:42,800 --> 00:51:45,410 >> Так что я сделал psets как массив. 1035 00:51:45,410 --> 00:51:46,700 Давайте посмотрим на это. 1036 00:51:46,700 --> 00:51:51,290 Массивы в PHP, как правило, так же, как те, которые мы имели в С, где 1037 00:51:51,290 --> 00:51:52,960 Вы можете объявить массив. 1038 00:51:52,960 --> 00:51:59,200 И здесь, я могу объявить пустой массив а затем создать динамически с помощью 1039 00:51:59,200 --> 00:52:00,850 Индексы в виде целых чисел. 1040 00:52:00,850 --> 00:52:04,140 Так индекс 0, я собираюсь хранить целое имени 1. 1041 00:52:04,140 --> 00:52:09,210 В индексом 1 моего списка, я собираюсь для хранения значения 2. 1042 00:52:09,210 --> 00:52:12,670 И на третьем индексировать данные, но Второе число, я собираюсь 1043 00:52:12,670 --> 00:52:14,870 сохранить номер 12. 1044 00:52:14,870 --> 00:52:17,250 >> Теперь, это прекрасно, что работает он хорошо работает. 1045 00:52:17,250 --> 00:52:21,310 Но сказать, что это имеет значение для меня что каждый индекс держит. 1046 00:52:21,310 --> 00:52:24,500 Для меня, индекс 0 означает, как многие кошки у меня есть. 1047 00:52:24,500 --> 00:52:27,400 А индекс 1 означает, как многие совы у меня есть. 1048 00:52:27,400 --> 00:52:29,450 А следующий означает, как много собак. 1049 00:52:29,450 --> 00:52:34,140 Ну, тогда это указать, что, вместо того, чтобы того, чтобы помнить 0 относится к 1050 00:52:34,140 --> 00:52:38,090 кошки и от 1 до сов, я могу использовать ассоциативные массивы, а это значит, что 1051 00:52:38,090 --> 00:52:42,260 вместо целых чисел, как моих показателей, Я могу на самом деле использовать строки. 1052 00:52:42,260 --> 00:52:43,290 >> Так что это весьма полезно. 1053 00:52:43,290 --> 00:52:47,130 И вы в основном просто заменить целые числа со строками. 1054 00:52:47,130 --> 00:52:50,074 И там вы имеете ассоциативный массив. 1055 00:52:50,074 --> 00:52:51,930 Да. 1056 00:52:51,930 --> 00:52:55,800 >> АУДИТОРИЯ: Есть ли причина, почему существует подчеркивания для второго 1057 00:52:55,800 --> 00:52:58,750 часть, потому что мой список имеет массив. 1058 00:52:58,750 --> 00:53:01,330 >> ZAMYLA Чан: Вопрос был, есть Есть причина, почему есть 1059 00:53:01,330 --> 00:53:03,320 подчеркивают между моим и списка? 1060 00:53:03,320 --> 00:53:03,610 Нет. 1061 00:53:03,610 --> 00:53:06,878 Вот только, как я именования мой переменной. 1062 00:53:06,878 --> 00:53:11,670 >> АУДИТОРИЯ: На первый линия, это одно слово. 1063 00:53:11,670 --> 00:53:12,560 >> ZAMYLA Чан: Мои извинения. 1064 00:53:12,560 --> 00:53:13,410 Я это исправим. 1065 00:53:13,410 --> 00:53:13,620 Да. 1066 00:53:13,620 --> 00:53:15,460 Они должны быть такими же имя переменной. 1067 00:53:15,460 --> 00:53:16,710 Хороший улов. 1068 00:53:16,710 --> 00:53:19,640 1069 00:53:19,640 --> 00:53:19,950 ОК. 1070 00:53:19,950 --> 00:53:22,610 Так что давайте перейдем к строке объединение. 1071 00:53:22,610 --> 00:53:27,500 Если бы я хотел взять две строки, то я могу объединить их 1072 00:53:27,500 --> 00:53:28,550 с помощью оператора точка. 1073 00:53:28,550 --> 00:53:32,440 Так что, если у меня есть Мило как имя и Банан как фамилии, а затем 1074 00:53:32,440 --> 00:53:35,430 объединения с оператором точка и затем положить пространство между 1075 00:53:35,430 --> 00:53:39,210 сделает строку, содержащую Milo Банан, который я могу затем эхо или, 1076 00:53:39,210 --> 00:53:41,280 скорее, распечатать. 1077 00:53:41,280 --> 00:53:44,465 >> Говоря о эхо, давайте поговорим о некоторых полезно - 1078 00:53:44,465 --> 00:53:44,920 упс. 1079 00:53:44,920 --> 00:53:46,030 Мне очень жаль. 1080 00:53:46,030 --> 00:53:52,920 Несколько полезных функций PHP. 1081 00:53:52,920 --> 00:53:56,240 Поэтому у нас есть - 1082 00:53:56,240 --> 00:53:57,444 технические трудности. 1083 00:53:57,444 --> 00:53:58,694 Одна секунда. 1084 00:53:58,694 --> 00:54:16,960 1085 00:54:16,960 --> 00:54:19,550 Я послал его. 1086 00:54:19,550 --> 00:54:22,320 Проблемы PowerPoint. 1087 00:54:22,320 --> 00:54:29,200 И мы вернулись с PHP функций. 1088 00:54:29,200 --> 00:54:32,010 1089 00:54:32,010 --> 00:54:35,150 И мы вернулись с PHP функций. 1090 00:54:35,150 --> 00:54:39,890 >> Таким образом, мы функцию требуют, где если вы передаете в файле, вот только 1091 00:54:39,890 --> 00:54:43,300 Пример файла, который Я мог бы пройти дюйма 1092 00:54:43,300 --> 00:54:47,605 Тогда, что будет включать в себя код PHP из этого файла, что я указывать. 1093 00:54:47,605 --> 00:54:49,940 И он будет оценивать, что дюйма 1094 00:54:49,940 --> 00:54:54,450 Тогда у нас также есть эхо, которое является параллельно Е. 1095 00:54:54,450 --> 00:54:57,710 Выход параллельная сломать, который выходит из блока 1096 00:54:57,710 --> 00:54:58,570 код, который вы дюйма 1097 00:54:58,570 --> 00:55:03,180 А потом пустые проверяет, является ли данный переменная, как нуль или ноль или 1098 00:55:03,180 --> 00:55:08,482 что приравнивается к порожняком. 1099 00:55:08,482 --> 00:55:09,438 Да. 1100 00:55:09,438 --> 00:55:15,341 >> АУДИТОРИЯ: Для объединения строк точка оператор один, в PHP, является то, что 1101 00:55:15,341 --> 00:55:20,158 же, как в JavaScript, где он с помощью точка для объединения означает плюс? 1102 00:55:20,158 --> 00:55:27,440 Таким образом, для полного имени, вы могли бы доллар подписать первый +, а затем + в последний раз? 1103 00:55:27,440 --> 00:55:27,720 >> ZAMYLA Чан: Да. 1104 00:55:27,720 --> 00:55:32,150 Таким образом, вопрос, была ли в PHP мы можно использовать тот же объединение строк 1105 00:55:32,150 --> 00:55:33,890 как в JavaScript с плюсов. 1106 00:55:33,890 --> 00:55:35,410 Иосиф получите в этом позже. 1107 00:55:35,410 --> 00:55:36,620 Я думаю, что у него есть слайд на что. 1108 00:55:36,620 --> 00:55:37,570 На самом деле, все по-другому. 1109 00:55:37,570 --> 00:55:41,310 Таким образом, в JavaScript, вы должны использовать плюс для объединения строк. 1110 00:55:41,310 --> 00:55:43,280 А в PHP, вы должны использовать оператор точка. 1111 00:55:43,280 --> 00:55:44,530 Так что они разные. 1112 00:55:44,530 --> 00:55:46,680 1113 00:55:46,680 --> 00:55:46,910 >> ОК. 1114 00:55:46,910 --> 00:55:49,500 Так что теперь, когда мы рассмотрели все это PHP, где делает это 1115 00:55:49,500 --> 00:55:50,490 действительно пригодится? 1116 00:55:50,490 --> 00:55:54,470 Ну, это очень удобно, когда мы может объединить его с нашего HTML. 1117 00:55:54,470 --> 00:55:59,550 Таким образом, наш PHP даст нам силу изменить содержание HTML-страницы перед 1118 00:55:59,550 --> 00:56:00,000 его загрузка. 1119 00:56:00,000 --> 00:56:04,270 Таким образом, на основе различных условий, обычно конкретный пользователь, это 1120 00:56:04,270 --> 00:56:07,520 вошли в систему, мы можем показать разная информация. 1121 00:56:07,520 --> 00:56:08,800 Линда, ты есть вопросы? 1122 00:56:08,800 --> 00:56:15,510 >> АУДИТОРИЯ: Можете ли вы объединить целое также? 1123 00:56:15,510 --> 00:56:16,760 >> ZAMYLA Чан: Да, можно. 1124 00:56:16,760 --> 00:56:19,530 1125 00:56:19,530 --> 00:56:23,270 Таким образом, вопрос был, если можно объединять целые или другие 1126 00:56:23,270 --> 00:56:28,920 variable.s сейчас, мы перейдем к MVC, которая это парадигма, что мы использовали в 1127 00:56:28,920 --> 00:56:33,380 pset7 и много веб-дизайнеров использовать для организации кода в файлах 1128 00:56:33,380 --> 00:56:34,490 в их веб-сайте. 1129 00:56:34,490 --> 00:56:35,870 М обозначает модели. 1130 00:56:35,870 --> 00:56:41,450 А в принципе, файлы модели будет заниматься с взаимодействия с базой данных. 1131 00:56:41,450 --> 00:56:44,640 Просмотр файлов, они относятся к эстетика сайте. 1132 00:56:44,640 --> 00:56:47,550 И ручки контроллера запросы пользователей, анализирует 1133 00:56:47,550 --> 00:56:49,230 Данные, делает другую логику. 1134 00:56:49,230 --> 00:56:52,520 >> В pset7, мы объединили модель и контроллер. 1135 00:56:52,520 --> 00:56:55,880 И мы просто назвал их контроллеры и поместить их в общий каталог. 1136 00:56:55,880 --> 00:57:01,730 И просматривать файлы, мы используем их в качестве шаблоны в каталог шаблонов. 1137 00:57:01,730 --> 00:57:07,260 Так что это схема здесь также представляет что же это за разделение с 1138 00:57:07,260 --> 00:57:10,510 модель и контроллер в фиолетовый здесь слева и 1139 00:57:10,510 --> 00:57:12,770 вид с правой стороны. 1140 00:57:12,770 --> 00:57:16,020 Так что это схематическое, что некоторые из вас Возможно, вы видели в нерабочее время или 1141 00:57:16,020 --> 00:57:19,130 Диаграммы, что мы рисовали, как вы были выяснить свой PSET. 1142 00:57:19,130 --> 00:57:25,030 >> Таким образом, здесь, в данном контроллер, модель контроллер, у нас есть функции 1143 00:57:25,030 --> 00:57:30,490 , которые относятся к запрашивая SQL В базе, выполнения логики PHP. 1144 00:57:30,490 --> 00:57:32,370 Может быть, вы будет искать акция в Yahoo! 1145 00:57:32,370 --> 00:57:34,590 Финансы. 1146 00:57:34,590 --> 00:57:37,390 Или может быть, вы бы просто проверить, см., были ли представлены пользователь 1147 00:57:37,390 --> 00:57:40,250 сформировать уже до того, зашедших на вашу страницу. 1148 00:57:40,250 --> 00:57:43,390 И тогда вы бы оказать образуют здесь. 1149 00:57:43,390 --> 00:57:48,210 После этого форма была представлена пользователем, действие, которое было 1150 00:57:48,210 --> 00:57:53,470 указано в формы HTML тега указывало бы на стр. что он 1151 00:57:53,470 --> 00:57:55,620 возвращает эти данные для. 1152 00:57:55,620 --> 00:57:59,460 >> Так все, что информация будет отправлены обратно к контроллеру. 1153 00:57:59,460 --> 00:58:02,620 Тогда вы, вероятно, сделать немного больше Логика на что и, возможно, выполнить несколько 1154 00:58:02,620 --> 00:58:06,510 больше запросов в базе данных SQL и вот, наконец, придумать красиво 1155 00:58:06,510 --> 00:58:11,930 упакованы набор информации, которую вы бы пройдет в в какую-то другую шаблона 1156 00:58:11,930 --> 00:58:13,950 что отображается эту информацию. 1157 00:58:13,950 --> 00:58:17,030 Теперь, как мы на самом деле пакет что информация до? 1158 00:58:17,030 --> 00:58:23,980 Ну, у нас есть функция под названием Рендер что было в файле functions.php в 1159 00:58:23,980 --> 00:58:29,950 pset7, где вы проходите во имя файл, имя шаблона. 1160 00:58:29,950 --> 00:58:32,160 >> И тогда вы также проходят в ассоциативный массив. 1161 00:58:32,160 --> 00:58:37,150 И так, что ассоциативный массив представляет разная информация 1162 00:58:37,150 --> 00:58:39,040 что вы хотите передать дюйма 1163 00:58:39,040 --> 00:58:43,460 Теперь, то, что собирается быть постоянным в Эти примеры в том, что ключи, или, 1164 00:58:43,460 --> 00:58:47,070 скорее, ключи от ассоциативной массивы, те, что будет 1165 00:58:47,070 --> 00:58:51,050 Ожидается, что константа шаблоном, потому что знает, он должен 1166 00:58:51,050 --> 00:58:53,990 то, что называется сообщение или называют имя. 1167 00:58:53,990 --> 00:58:56,940 А потом вещи о праве, фактические значения, так что в данном случае, кто 1168 00:58:56,940 --> 00:59:00,750 хороший мальчик и Мило, те собираются быть значения, которые меняются 1169 00:59:00,750 --> 00:59:05,610 что контроллер меняется каждый раз, или на основе определенного состояния и 1170 00:59:05,610 --> 00:59:07,120 пройдет, что дюйма 1171 00:59:07,120 --> 00:59:12,790 >> Так вот в шаблонах, мы видим, что мы используете HTML специальные символы, 1172 00:59:12,790 --> 00:59:16,370 которые просто в основном означает, что мы хотим чтобы получить экспертную строку, 1173 00:59:16,370 --> 00:59:17,580 Пользователь вставил 1174 00:59:17,580 --> 00:59:20,880 И мы хотим, чтобы заменить сообщение есть. 1175 00:59:20,880 --> 00:59:26,110 Итак, когда мы на самом деле смотреть файл, удельный 1176 00:59:26,110 --> 00:59:28,700 Информация передается дюйма 1177 00:59:28,700 --> 00:59:33,850 Обратите внимание, что ключ, как оказать работ является что ключи ассоциативной 1178 00:59:33,850 --> 00:59:37,170 массивы, те становятся переменной имена здесь. 1179 00:59:37,170 --> 00:59:40,720 И поэтому значения этого ключа в ассоциативный массив становится 1180 00:59:40,720 --> 00:59:41,970 Значение переменной. 1181 00:59:41,970 --> 00:59:44,800 1182 00:59:44,800 --> 00:59:46,040 >> Теперь давайте перейдем к SQL. 1183 00:59:46,040 --> 00:59:48,010 Она выступает за Структурированное Query Language. 1184 00:59:48,010 --> 00:59:50,460 И так это просто программирование язык, разработанный 1185 00:59:50,460 --> 00:59:51,880 для управления базами данных. 1186 00:59:51,880 --> 00:59:56,860 И это пригодилось для нас в наш финансовый сайт pset7. 1187 00:59:56,860 --> 01:00:00,510 По сути, это просто легкий способ отслеживать и управлять объекты и таблицы 1188 01:00:00,510 --> 01:00:02,070 и соединить их друг с другом. 1189 01:00:02,070 --> 01:00:06,860 Теперь, думаю, вашей базы данных SQL в основном в виде файла Excel, пожалуй, 1190 01:00:06,860 --> 01:00:10,040 с несколькими вкладками листов. 1191 01:00:10,040 --> 01:00:13,820 >> Таким образом, можно иметь несколько таблиц, возможно, что связаны друг с другом. 1192 01:00:13,820 --> 01:00:19,420 И так же, как Excel, у нас есть много функциональные возможности, которые мы хотим. 1193 01:00:19,420 --> 01:00:22,300 Например, мы можем выбрать определенные строки. 1194 01:00:22,300 --> 01:00:24,110 Мы можем вставить информацию. 1195 01:00:24,110 --> 01:00:25,560 Мы можем обновлять строки. 1196 01:00:25,560 --> 01:00:27,440 И мы можем также удалить вещи. 1197 01:00:27,440 --> 01:00:30,920 1198 01:00:30,920 --> 01:00:36,560 >> SQL выберите работ выбрав строк или ряд указанных столбцов из 1199 01:00:36,560 --> 01:00:39,640 база данных, которая соответствует определенная критерии, которые вы указываете. 1200 01:00:39,640 --> 01:00:44,930 Так здесь, когда я вижу SELECT * FROM волшебники, где дом = Равенкло, то 1201 01:00:44,930 --> 01:00:48,340 Я выбираю *, который означает, что я выбирая каждый один столбец в том, что 1202 01:00:48,340 --> 01:00:56,340 строку из таблицы волшебников, но только тогда, когда столбец дом равна Равенкло. 1203 01:00:56,340 --> 01:00:57,840 Теперь, это в чистом виде или SQL. 1204 01:00:57,840 --> 01:01:02,680 Так что, если я вошел в PHPmyadmin, что конкретный способ, который мы используем для управления 1205 01:01:02,680 --> 01:01:07,040 наши базы данных SQL, то я мог бы вставить что на веб-сайте PHPMyAdmin. 1206 01:01:07,040 --> 01:01:08,290 И, что бы выполнить. 1207 01:01:08,290 --> 01:01:11,280 >> Но мы на самом деле хотим сделать что на РНР стороне. 1208 01:01:11,280 --> 01:01:12,580 Так как же нам это сделать? 1209 01:01:12,580 --> 01:01:20,180 Ну, мы используем функцию запроса, который в основном выполняет, что SQL-запрос. 1210 01:01:20,180 --> 01:01:21,830 Использование? 1211 01:01:21,830 --> 01:01:25,850 в качестве заполнителя, мы можем передать в некоторых значения в нашей строки, что мы 1212 01:01:25,850 --> 01:01:26,920 хотите заменить. 1213 01:01:26,920 --> 01:01:32,110 Так что, возможно, я храню разные Значения в curr_house, которые 1214 01:01:32,110 --> 01:01:34,400 представляет текущий дом что я иду через. 1215 01:01:34,400 --> 01:01:39,040 Так я могу передать, что в качестве заполнителя с вопросительным знаком. 1216 01:01:39,040 --> 01:01:43,290 И тогда я буду в основном выполнить же самое, что я делал раньше, за исключением того, 1217 01:01:43,290 --> 01:01:45,550 сейчас, я в PHP. 1218 01:01:45,550 --> 01:01:51,300 >> И запрос вернет ассоциативный массив. 1219 01:01:51,300 --> 01:01:53,470 И я собираюсь хранить его в ряды. 1220 01:01:53,470 --> 01:01:56,880 Теперь, запрос всегда может потерпеть неудачу. 1221 01:01:56,880 --> 01:02:02,870 Возможно, SQL запросов не удалось выполнить потому что таблица не существует. 1222 01:02:02,870 --> 01:02:04,310 Или, возможно, в столбце не существует. 1223 01:02:04,310 --> 01:02:05,400 Что-то пошло не так. 1224 01:02:05,400 --> 01:02:08,170 Ну, в таком случае, вы хотите, чтобы сделать Убедитесь, что вы проверяете ли 1225 01:02:08,170 --> 01:02:09,700 запрос вернул ложь. 1226 01:02:09,700 --> 01:02:15,590 И вот с помощью тройной равна операцию там. 1227 01:02:15,590 --> 01:02:19,660 >> А потом я прошу прощения, что является еще одним Функция CS50, проходя в сообщении. 1228 01:02:19,660 --> 01:02:23,435 И если вы посмотрите на извинения, все это действительно является оказание apology.php. 1229 01:02:23,435 --> 01:02:26,100 1230 01:02:26,100 --> 01:02:26,410 Да. 1231 01:02:26,410 --> 01:02:29,630 >> АУДИТОРИЯ: Не могли бы вы объяснить, что это звезда делает между выберите и от? 1232 01:02:29,630 --> 01:02:30,710 >> ZAMYLA Чан: Да, абсолютно. 1233 01:02:30,710 --> 01:02:35,220 Так звезда между выберите и от означает, что я хочу, чтобы выбрать весь 1234 01:02:35,220 --> 01:02:37,440 весь ряд от моего стола. 1235 01:02:37,440 --> 01:02:41,900 Я мог бы указано выберите Ф.И.О., год, дом. 1236 01:02:41,900 --> 01:02:46,160 И я хотел бы получить только те три столбцы в моем столе. 1237 01:02:46,160 --> 01:02:51,560 Но если я говорю SELECT *, то я буду получить все в этом столбце. 1238 01:02:51,560 --> 01:02:53,760 Тогда я пойду вам в спину в первую очередь. 1239 01:02:53,760 --> 01:02:57,656 >> АУДИТОРИЯ: Так что это еще в SQL, не так ли? 1240 01:02:57,656 --> 01:02:59,610 Является ли это запрос или это PHP? 1241 01:02:59,610 --> 01:03:00,550 >> ZAMYLA Чан: Мы в запросе. 1242 01:03:00,550 --> 01:03:01,940 Так что это в PHP. 1243 01:03:01,940 --> 01:03:06,280 Таким образом, используя функцию PHP запрос, мы выполнения SQL запроса. 1244 01:03:06,280 --> 01:03:11,988 1245 01:03:11,988 --> 01:03:15,364 >> АУДИТОРИЯ: Что-то в SQL с учетом регистра, как выбрать 1246 01:03:15,364 --> 01:03:17,834 или мастера или дом? 1247 01:03:17,834 --> 01:03:20,050 >> ZAMYLA Чан: Что-нибудь в SQL с учетом регистра? 1248 01:03:20,050 --> 01:03:21,760 Я верю в это, да. 1249 01:03:21,760 --> 01:03:24,620 Я считаю, что Выберите и одну из и где вводятся с учетом регистра. 1250 01:03:24,620 --> 01:03:25,535 Нет? 1251 01:03:25,535 --> 01:03:27,500 >> ROB BOWDEN: Так, все наоборот. 1252 01:03:27,500 --> 01:03:32,030 Имена столбцов и средства стол, всех тех, с учетом регистра. 1253 01:03:32,030 --> 01:03:35,470 Но любой из ключевых слов MySQL, как ВЫБОР, и куда, тем не 1254 01:03:35,470 --> 01:03:36,140 с учетом регистра. 1255 01:03:36,140 --> 01:03:36,420 ОК. 1256 01:03:36,420 --> 01:03:37,780 Таким образом, противоположное тому, что я сказал. 1257 01:03:37,780 --> 01:03:40,420 Так все ключевые слова, MySQL - 1258 01:03:40,420 --> 01:03:42,670 выбрать, от, где - те, не чувствительны к регистру. 1259 01:03:42,670 --> 01:03:44,630 Но все остальное. 1260 01:03:44,630 --> 01:03:45,210 ОК. 1261 01:03:45,210 --> 01:03:46,500 Вы в передней части. 1262 01:03:46,500 --> 01:03:52,041 >> АУДИТОРИЯ: Если я $ строк в терминах более одной строки, значит ли это является 1263 01:03:52,041 --> 01:03:53,640 просто становится ассоциативный массив? 1264 01:03:53,640 --> 01:03:59,550 >> ZAMYLA Чан: Таким образом, вопрос был если строки имеет более чем одну строку в нем, делает 1265 01:03:59,550 --> 01:04:01,800 она стала ассоциативным массивом? 1266 01:04:01,800 --> 01:04:05,680 Так что это массив ассоциативных массивы уже. 1267 01:04:05,680 --> 01:04:10,730 Таким образом, даже если есть только одна строка вернулся, то вы должны были бы пойти на 1268 01:04:10,730 --> 01:04:12,690 индекс 0 из этого результата. 1269 01:04:12,690 --> 01:04:15,316 И тогда вам придется, что первый ряд. 1270 01:04:15,316 --> 01:04:17,482 Да, Белинда? 1271 01:04:17,482 --> 01:04:21,258 >> АУДИТОРИЯ: При использовании ===, это единственный случай? 1272 01:04:21,258 --> 01:04:22,210 Или есть другие? 1273 01:04:22,210 --> 01:04:26,815 >> ZAMYLA Чан: Так что в этом случае, === сравнение разных типов. 1274 01:04:26,815 --> 01:04:29,870 1275 01:04:29,870 --> 01:04:34,050 Извините. === Сравнение , который сравнивает типы. 1276 01:04:34,050 --> 01:04:37,620 А потом == сравнивает всех типов. 1277 01:04:37,620 --> 01:04:41,620 >> АУДИТОРИЯ: Можете ли вы объяснить, что строк в этой ситуации? 1278 01:04:41,620 --> 01:04:45,120 Разве строку данных? 1279 01:04:45,120 --> 01:04:48,100 >> ZAMYLA Чан: В следующем слайде, я собираюсь объяснить, что строки является. 1280 01:04:48,100 --> 01:04:49,890 Так что, если вы не возражаете проведения прочь на что. 1281 01:04:49,890 --> 01:04:50,620 И тогда вы в спину? 1282 01:04:50,620 --> 01:04:54,699 >> АУДИТОРИЯ: Для функций, таких как запрос, оказать и извиниться [неразборчиво]? 1283 01:04:54,699 --> 01:04:59,050 1284 01:04:59,050 --> 01:05:03,050 >> ZAMYLA Чан: Вопрос, был ли эти функции - запросов, извиниться, 1285 01:05:03,050 --> 01:05:04,510 и сделать - 1286 01:05:04,510 --> 01:05:05,930 являются общими для PHP. 1287 01:05:05,930 --> 01:05:09,460 Это те, которые CS50 написал для pset7. 1288 01:05:09,460 --> 01:05:09,910 И Джей? 1289 01:05:09,910 --> 01:05:15,333 >> АУДИТОРИЯ: Когда вам нужно сказать $ _SESSION, Является то, что только для идентификаторов? 1290 01:05:15,333 --> 01:05:17,310 Или, может, вы сказали, что здесь? 1291 01:05:17,310 --> 01:05:23,440 >> ZAMYLA Чан: Таким образом, вопрос был, когда мы используем $ _SESSION, что был конкретный 1292 01:05:23,440 --> 01:05:25,290 глобальная переменная, что мы используем. 1293 01:05:25,290 --> 01:05:32,080 Вот эта переменная будет быть локальным для нашей функции. 1294 01:05:32,080 --> 01:05:36,588 Так что мы просто объявив новая переменная. 1295 01:05:36,588 --> 01:05:38,460 >> АУДИТОРИЯ: Как извиниться реализованы? 1296 01:05:38,460 --> 01:05:40,960 >> ZAMYLA Чан: Вопрос был, каким образом извиниться реализованы? 1297 01:05:40,960 --> 01:05:44,180 И я думаю, что это на самом деле довольно хорошая практика для вас, ребята, чтобы войти в 1298 01:05:44,180 --> 01:05:49,260 секция functions.php и посмотреть на Приносим свои извинения и посмотреть, как вы могли бы 1299 01:05:49,260 --> 01:05:50,670 сделано это самостоятельно. 1300 01:05:50,670 --> 01:05:55,620 Так что я, возможно, оставлю это для вас, но просто говорят, что если вы посмотрите на свои извинения, 1301 01:05:55,620 --> 01:06:02,110 Затем он принимает сообщение, которое вы представлены извиниться, а потом 1302 01:06:02,110 --> 01:06:06,570 оказывает это сообщение. 1303 01:06:06,570 --> 01:06:08,240 Есть еще вопросы? 1304 01:06:08,240 --> 01:06:08,710 Я люблю вопросы. 1305 01:06:08,710 --> 01:06:09,555 Так что держите их ждать. 1306 01:06:09,555 --> 01:06:11,888 >> АУДИТОРИЯ: [неразборчиво] 1307 01:06:11,888 --> 01:06:13,840 эхо или распечатать там? 1308 01:06:13,840 --> 01:06:15,900 >> ZAMYLA Чан: Вопрос был, мы могли бы не только поставили 1309 01:06:15,900 --> 01:06:17,000 эхо или распечатать там. 1310 01:06:17,000 --> 01:06:19,710 Так что сделал бы что-то немного отличается. 1311 01:06:19,710 --> 01:06:23,750 Это было бы напечатано запрос не удалось в том, что - 1312 01:06:23,750 --> 01:06:27,420 хорошо, прямо сейчас, мы на самом деле в нашем контроллере. 1313 01:06:27,420 --> 01:06:30,350 Таким образом, мы на самом деле не имеют HTML настроить здесь. 1314 01:06:30,350 --> 01:06:34,946 Apologize путем оказания apologize.php на самом деле перенаправляет вас на apology.php. 1315 01:06:34,946 --> 01:06:39,560 1316 01:06:39,560 --> 01:06:42,200 ОК. 1317 01:06:42,200 --> 01:06:45,880 >> Так что теперь, давайте перейдем к решению Вопрос от ранее о том, что 1318 01:06:45,880 --> 01:06:47,330 действительно строк. 1319 01:06:47,330 --> 01:06:51,960 Ну, запрос вернет массив строк. 1320 01:06:51,960 --> 01:06:55,020 И каждая строка представлена на ассоциативный массив. 1321 01:06:55,020 --> 01:07:02,840 Так что, если я исполнил несколько SQL запросов и Я храниться результат в строках, то 1322 01:07:02,840 --> 01:07:07,850 используя цикл по каждому элементу, то массив Название является первым там - строки. 1323 01:07:07,850 --> 01:07:13,170 И тогда я буду называть каждая строка в там $ подряд. 1324 01:07:13,170 --> 01:07:20,060 >> Так итерации, что, я могу доступ столбец имя в данном ряду, в 1325 01:07:20,060 --> 01:07:22,340 год колонка, и дом колонка. 1326 01:07:22,340 --> 01:07:28,010 Обратите внимание, что я не был бы в состоянии сделать это с рядами, потому что строк индекса 1327 01:07:28,010 --> 01:07:29,290 имя не существует. 1328 01:07:29,290 --> 01:07:31,970 Строки только массив ассоциативные массивы. 1329 01:07:31,970 --> 01:07:34,870 Так у вас есть два уровня там. 1330 01:07:34,870 --> 01:07:37,170 Если у вас есть массив строк, вы должны получить на это. 1331 01:07:37,170 --> 01:07:39,110 И тогда вы можете получить доступ столбцы. 1332 01:07:39,110 --> 01:07:41,636 Разве что дать понять? 1333 01:07:41,636 --> 01:07:42,520 Да, перед? 1334 01:07:42,520 --> 01:07:45,490 >> АУДИТОРИЯ: [неразборчиво] открыть кронштейны для [неразборчиво]? 1335 01:07:45,490 --> 01:07:46,220 >> ZAMYLA Чан: Простите меня? 1336 01:07:46,220 --> 01:07:49,740 >> АУДИТОРИЯ: Открытые скобки. 1337 01:07:49,740 --> 01:07:52,420 >> ZAMYLA Чан: Они здесь? 1338 01:07:52,420 --> 01:07:58,520 Вот что позволило мне включить эта переменная. 1339 01:07:58,520 --> 01:07:58,670 Да. 1340 01:07:58,670 --> 01:08:01,900 >> АУДИТОРИЯ: При печати, вы печать на HTML кода? 1341 01:08:01,900 --> 01:08:03,110 >> ZAMYLA Чан: Да. 1342 01:08:03,110 --> 01:08:07,720 При печати, это вот внутри мой шаблон сейчас, так 1343 01:08:07,720 --> 01:08:10,310 мой вид метода MVC. 1344 01:08:10,310 --> 01:08:12,750 Так что я печати в HTML. 1345 01:08:12,750 --> 01:08:16,670 >> АУДИТОРИЯ: Так что, если мы вошли в разработчика инструменты после запуска этого, мы могли бы 1346 01:08:16,670 --> 01:08:17,160 что на самом деле в коде? 1347 01:08:17,160 --> 01:08:18,410 >> ZAMYLA Чан: Это большой вопрос, да. 1348 01:08:18,410 --> 01:08:22,359 Так что если вы вошли в инструменты разработчика в Firefox с помощью Firebug или 1349 01:08:22,359 --> 01:08:26,109 Хром, то да, вы могли бы увидеть конкретные HTML. 1350 01:08:26,109 --> 01:08:28,470 Так что не будет показывать $ строку ["Имя"]. 1351 01:08:28,470 --> 01:08:32,524 Было бы показать зависимости от того, зовут в этой строке. 1352 01:08:32,524 --> 01:08:36,268 >> АУДИТОРИЯ: Просто общая проблема, какие ПДД и тд определяется как? 1353 01:08:36,268 --> 01:08:37,672 Зачем нам [неразборчиво]? 1354 01:08:37,672 --> 01:08:41,850 1355 01:08:41,850 --> 01:08:44,814 >> ZAMYLA Чан: Строка таблицы тр, Таблица затем т.д столбец. 1356 01:08:44,814 --> 01:08:48,060 1357 01:08:48,060 --> 01:08:49,310 ОК. 1358 01:08:49,310 --> 01:08:55,771 1359 01:08:55,771 --> 01:08:56,835 >> АУДИТОРИЯ: Да, это табличные данные. 1360 01:08:56,835 --> 01:08:58,770 >> ZAMYLA Чан: данные в таблице. 1361 01:08:58,770 --> 01:08:59,894 Да. 1362 01:08:59,894 --> 01:09:08,670 >> АУДИТОРИЯ: Это строка, в которой строка трактуется как колонна? 1363 01:09:08,670 --> 01:09:08,910 >> ZAMYLA Чан: Извините. 1364 01:09:08,910 --> 01:09:10,570 Можете ли вы повторить? 1365 01:09:10,570 --> 01:09:14,450 >> АУДИТОРИЯ: Как бы вы визуализировать строк? 1366 01:09:14,450 --> 01:09:16,310 >> ZAMYLA Чан: Как бы вы себе строки в какой способ? 1367 01:09:16,310 --> 01:09:21,796 Вы говорите о них строк здесь или ТР строк? 1368 01:09:21,796 --> 01:09:22,630 >> АУДИТОРИЯ: Строки. 1369 01:09:22,630 --> 01:09:25,229 >> ZAMYLA Чан: Эти строки здесь? 1370 01:09:25,229 --> 01:09:28,620 Я бы себе это как Я исполню мой запрос. 1371 01:09:28,620 --> 01:09:38,729 И это говорит, хорошо, у меня есть либо 0 до п количество строк, которые соответствуют критериям 1372 01:09:38,729 --> 01:09:40,510 что вы подверг сомнению. 1373 01:09:40,510 --> 01:09:43,740 Поэтому у меня есть некоторое количество строк. 1374 01:09:43,740 --> 01:09:51,450 Так строк, то $ ряды, магазины каждый один из тех строк в массиве. 1375 01:09:51,450 --> 01:09:58,110 Таким образом, даже если это всего лишь один из них, это еще массив строк, которые соответствуют его. 1376 01:09:58,110 --> 01:10:03,010 >> Таким образом, то, например, это похоже на когда вы за уши 1377 01:10:03,010 --> 01:10:05,390 кэш от пользователей. 1378 01:10:05,390 --> 01:10:10,810 И критерии было где ID равняется идентификатор сеанса. 1379 01:10:10,810 --> 01:10:14,250 Там действительно только одна строка , которые могли бы соответствовать. 1380 01:10:14,250 --> 01:10:18,960 Но все же строк только что вернулся один ряд. 1381 01:10:18,960 --> 01:10:22,620 Таким образом, вы должны были бы пойти на строки, индекс 0, индекс кэша 1382 01:10:22,620 --> 01:10:26,195 на самом деле получить в кэш. 1383 01:10:26,195 --> 01:10:29,650 >> АУДИТОРИЯ: Является ли функция печати в эхо то же самое? 1384 01:10:29,650 --> 01:10:30,670 >> ZAMYLA Чан: Да. 1385 01:10:30,670 --> 01:10:31,190 Да. 1386 01:10:31,190 --> 01:10:33,304 Распечатать эхо то же самое. 1387 01:10:33,304 --> 01:10:42,400 >> АУДИТОРИЯ: Является ли цикл по каждому элементу Единственный способ индекса в ряды? 1388 01:10:42,400 --> 01:10:46,110 >> ZAMYLA Чан: Является цикл по каждому элементу единственный способ, которым вы можете 1389 01:10:46,110 --> 01:10:47,030 перебора строк? 1390 01:10:47,030 --> 01:10:47,180 Нет. 1391 01:10:47,180 --> 01:10:51,000 Вы также можете использовать для цикла, при условии, что вы знаете длину 1392 01:10:51,000 --> 01:10:53,024 из массива в строки. 1393 01:10:53,024 --> 01:10:58,500 >> АУДИТОРИЯ: Не могли бы вы к нему доступ используя строку как [неразборчиво]? 1394 01:10:58,500 --> 01:11:01,640 >> ZAMYLA Чан: Таким образом, вы не можете получить к нему доступ только с помощью строки, если у вас нет 1395 01:11:01,640 --> 01:11:05,160 цикл по каждому элементу при условии, что Вы не заявили ряд. 1396 01:11:05,160 --> 01:11:08,150 1397 01:11:08,150 --> 01:11:09,660 Да. 1398 01:11:09,660 --> 01:11:10,810 Да, в белом. 1399 01:11:10,810 --> 01:11:13,990 >> АУДИТОРИЯ: Так что же тр и тд делать? 1400 01:11:13,990 --> 01:11:16,790 >> ZAMYLA Чан: Так тр и TD являются HTML-теги. 1401 01:11:16,790 --> 01:11:19,590 тр указывает на начало из строки таблицы. 1402 01:11:19,590 --> 01:11:26,625 И каждый тд указывает новый столбец данных таблицы. 1403 01:11:26,625 --> 01:11:32,275 >> АУДИТОРИЯ: Для визуального что ряд все равно, что, представьте себе SQL, как 1404 01:11:32,275 --> 01:11:33,510 они имеют ряд. 1405 01:11:33,510 --> 01:11:35,980 [Неразборчиво]. 1406 01:11:35,980 --> 01:11:36,390 >> ZAMYLA Чан: Да. 1407 01:11:36,390 --> 01:11:37,630 Это отличная точка. 1408 01:11:37,630 --> 01:11:41,510 Вы можете визуализировать строк, просто как в таблице Excel, просто 1409 01:11:41,510 --> 01:11:44,540 Список строк. 1410 01:11:44,540 --> 01:11:46,870 ОК. 1411 01:11:46,870 --> 01:11:47,230 Хорошо. 1412 01:11:47,230 --> 01:11:50,740 Так что теперь мы перешли выберите, если нет никаких больше вопросов, мы будем 1413 01:11:50,740 --> 01:11:52,970 перейти на вставки. 1414 01:11:52,970 --> 01:11:58,220 Так что, если я хотел вставить в некоторые стол и вставить определенный столбец 1415 01:11:58,220 --> 01:12:02,320 значения, я мог вставить себе в Рейвенкло в год 7. 1416 01:12:02,320 --> 01:12:07,245 Но иногда там может быть дубликатом значения, как мы видели в pset7 когда мы 1417 01:12:07,245 --> 01:12:09,240 обновляют наш портфель. 1418 01:12:09,240 --> 01:12:15,610 >> Таким образом, в этом случае, мы хотим использовать ПО Дубликат ключа UPDATE, так что мы не 1419 01:12:15,610 --> 01:12:18,280 хранить несколько строк с тем же ценим, а обновить его. 1420 01:12:18,280 --> 01:12:21,780 1421 01:12:21,780 --> 01:12:25,560 Тогда у нас действительно есть обновление, который не вставки. 1422 01:12:25,560 --> 01:12:30,100 Это просто обновление, где вы обновить в определенном таблицы с заданным 1423 01:12:30,100 --> 01:12:34,403 критерии и вот, наконец, удалить, который делает очень похожие вещи. 1424 01:12:34,403 --> 01:12:40,200 >> АУДИТОРИЯ: Не могли бы вы кратко перейти дубликата ключа? 1425 01:12:40,200 --> 01:12:40,850 >> ZAMYLA Чан: Да. 1426 01:12:40,850 --> 01:12:48,340 По существу здесь, у меня есть INSERT INTO Гринготтс, является, галеоны, эти значения. 1427 01:12:48,340 --> 01:12:56,900 Но ID, по-видимому, является уникальным ключом значение, установленное в таблице MySQL. 1428 01:12:56,900 --> 01:13:06,750 Так что, если я уже, что ID настроить, то я не могу вставить новую строку. 1429 01:13:06,750 --> 01:13:10,961 Так что, если он не существует уже, то у меня есть, чтобы обновить его. 1430 01:13:10,961 --> 01:13:16,040 1431 01:13:16,040 --> 01:13:17,722 В середине в белом. 1432 01:13:17,722 --> 01:13:21,570 >> АУДИТОРИЯ: Так вставки, обновления, удаления, и выберите, те все имеющиеся 1433 01:13:21,570 --> 01:13:22,875 локально [неразборчиво]? 1434 01:13:22,875 --> 01:13:27,320 1435 01:13:27,320 --> 01:13:29,630 >> ZAMYLA Чан: Так вставить, обновление, удаление, и 1436 01:13:29,630 --> 01:13:31,120 выбрать все запросы SQL. 1437 01:13:31,120 --> 01:13:34,970 Поэтому, когда вы используете SQL, вы будете иметь те, которые доступны. 1438 01:13:34,970 --> 01:13:38,226 1439 01:13:38,226 --> 01:13:40,706 >> АУДИТОРИЯ: Назад в прошлое викторины - 1440 01:13:40,706 --> 01:13:44,178 возник вопрос, что имел дело с если вы были стол и хотел 1441 01:13:44,178 --> 01:13:52,610 вставить результаты тестов в одном и вставке ваше имя, так что не позволит вам 1442 01:13:52,610 --> 01:13:54,594 [Неразборчиво] оценка теста вашего друга. 1443 01:13:54,594 --> 01:13:59,060 Как бы вы это сделали с вкладышем? 1444 01:13:59,060 --> 01:14:02,490 >> ZAMYLA Чан: Таким образом, вопрос был о предыдущая среднесрочный вопрос. 1445 01:14:02,490 --> 01:14:04,320 Я не в курсе из которых один это прямо сейчас. 1446 01:14:04,320 --> 01:14:06,790 Поэтому, возможно после этого, если вы хотите придумать и показать мне, то я могу 1447 01:14:06,790 --> 01:14:08,155 безусловно, даст вам советы. 1448 01:14:08,155 --> 01:14:11,250 1449 01:14:11,250 --> 01:14:15,460 Но, говоря о внесении вещей, как принимая чью-то счет, когда вы 1450 01:14:15,460 --> 01:14:18,800 не должно, давайте поговорим о Атак с внедрением SQL. 1451 01:14:18,800 --> 01:14:22,050 Так атака инъекции SQL, по существу, где кто-то берет 1452 01:14:22,050 --> 01:14:27,680 Преимущество низкой безопасности способ, что вы принимаете в данных. 1453 01:14:27,680 --> 01:14:35,660 >> Так здесь, как и в CS50 финансов, когда мы вошли в систему, мы можем войти в 1454 01:14:35,660 --> 01:14:39,510 имя пользователя в форме входа, первое текстовое поле, и 1455 01:14:39,510 --> 01:14:41,570 затем введите в пароле. 1456 01:14:41,570 --> 01:14:45,610 Возможно, наш PHP код может выглядеть что-то вроде этого, где $ имя пользователя 1457 01:14:45,610 --> 01:14:51,410 является имя пользователя и пароль после данных паролем пост-данных. 1458 01:14:51,410 --> 01:14:55,110 А потом мы просто выполнить наш запрос, скажем, Хорошо, хорошо, наш запрос будет 1459 01:14:55,110 --> 01:14:57,990 выбрать из наших пользователей, где имя пользователя является 1460 01:14:57,990 --> 01:14:58,970 тот, который они представили. 1461 01:14:58,970 --> 01:15:06,870 И пароль это пароль, Это означает, что пароли совпадают. 1462 01:15:06,870 --> 01:15:12,670 >> Теперь, что если вместо фактически подачи фактический пароль, как 1463 01:15:12,670 --> 01:15:16,850 12345 и гадать на зубец, что говорит пароль и пытается взломать их 1464 01:15:16,850 --> 01:15:21,460 счет, что, если вместо того, чтобы они представили это. 1465 01:15:21,460 --> 01:15:24,380 Они могли бы ввести в возможно догадка паролем. 1466 01:15:24,380 --> 01:15:30,480 А потом они бы закончить цитата затем введите или 1 = 1. 1467 01:15:30,480 --> 01:15:35,160 Это было бы ходить непосредственно в SQL запрашивать смотреть что-то вроде этого. 1468 01:15:35,160 --> 01:15:38,200 Выберите из пользователей, где имя пользователя = зубцы и пароль 1469 01:15:38,200 --> 01:15:41,450 равна лилии или 1 = 1. 1470 01:15:41,450 --> 01:15:45,450 >> Так что либо пароль имеет чтобы быть правильным или 1 = 1, 1471 01:15:45,450 --> 01:15:47,870 который всегда верно. 1472 01:15:47,870 --> 01:15:52,780 Таким образом, в этом случае, в основном, пользователь может воспользоваться этим и просто войти 1473 01:15:52,780 --> 01:15:55,240 сами в и хак чей-то счет. 1474 01:15:55,240 --> 01:15:58,950 Так вот почему мы хотим избежать кто-то необходимости делать это. 1475 01:15:58,950 --> 01:16:03,890 Но, к счастью, функция запроса на переходя в заполнителей состоится 1476 01:16:03,890 --> 01:16:04,800 уход за это для вас. 1477 01:16:04,800 --> 01:16:08,570 Кроме того, вы не будете обычно не хочу на самом деле представить пароли 1478 01:16:08,570 --> 01:16:09,310 сами. 1479 01:16:09,310 --> 01:16:14,115 Вот почему мы хэшируется или зашифрованы их в CS50 финансов. 1480 01:16:14,115 --> 01:16:17,553 >> АУДИТОРИЯ: Прошлое викторины говорили о побеге строки MySQL. 1481 01:16:17,553 --> 01:16:21,800 Есть ли у нас беспокоиться об этом? 1482 01:16:21,800 --> 01:16:22,670 >> ZAMYLA Чан: Это хороший вопрос. 1483 01:16:22,670 --> 01:16:29,050 Управляющие строки MySQL, безусловно, функция, которая использовалась в нашем запросе. 1484 01:16:29,050 --> 01:16:30,420 Но определенно смотреть на это. 1485 01:16:30,420 --> 01:16:32,950 Я бы сказал, что это честная игра, чтобы знать что вам нужно позвонить, что 1486 01:16:32,950 --> 01:16:34,370 функционировать на строку. 1487 01:16:34,370 --> 01:16:35,245 Да, Белинда? 1488 01:16:35,245 --> 01:16:38,606 >> АУДИТОРИЯ: Как вы знаете, когда это одинарные кавычки или двойные кавычки? 1489 01:16:38,606 --> 01:16:43,516 А также, я чувствую, что в лекции вы упомянул что-то о не имеющих 1490 01:16:43,516 --> 01:16:48,426 [неразборчиво] или что-то или Второй сингл цитатой в конце. 1491 01:16:48,426 --> 01:16:56,407 1492 01:16:56,407 --> 01:17:00,825 Я думаю, что он указал в лекции, что вы должны иметь апостроф 1 1493 01:17:00,825 --> 01:17:04,290 а потом не иметь апострофы или что-то. 1494 01:17:04,290 --> 01:17:05,540 >> АУДИТОРИЯ: [неразборчиво]. 1495 01:17:05,540 --> 01:17:14,860 1496 01:17:14,860 --> 01:17:18,657 >> АУДИТОРИЯ: Дело в том, последний сингл цитата там в этом втором окне 1497 01:17:18,657 --> 01:17:19,391 там быть не должно. 1498 01:17:19,391 --> 01:17:21,840 [Неразборчиво] 1499 01:17:21,840 --> 01:17:26,730 Потому что, когда вы берете, что последний сингл цитирую, и они совпадают на содержание 1500 01:17:26,730 --> 01:17:30,522 где пароль, если у вас есть, что запрос, есть одинарные кавычки в 1501 01:17:30,522 --> 01:17:31,340 конец уже. 1502 01:17:31,340 --> 01:17:36,580 Вы хотите использовать этот одинарные кавычки как тот, который обращен к одному 1503 01:17:36,580 --> 01:17:37,574 [Неразборчиво]. 1504 01:17:37,574 --> 01:17:42,820 Так что на самом деле в этом тексте коробка не должна иметь, что. 1505 01:17:42,820 --> 01:17:44,070 >> ZAMYLA Чан: Я буду изменить эту ситуацию. 1506 01:17:44,070 --> 01:17:56,490 1507 01:17:56,490 --> 01:17:56,880 ОК. 1508 01:17:56,880 --> 01:18:00,435 Если нет никаких вопросов, то я буду передать его на Иосифу говорить 1509 01:18:00,435 --> 01:18:04,332 о JavaScript, и так далее. 1510 01:18:04,332 --> 01:18:09,540 >> [Аплодисменты] 1511 01:18:09,540 --> 01:18:11,660 >> ИОСИФ ОНГ: Так мы бежим немного позади. 1512 01:18:11,660 --> 01:18:13,280 Так что если у вас есть, чтобы уйти, это нормально. 1513 01:18:13,280 --> 01:18:16,540 Но мы просим, ​​чтобы вы храните ваши головы вниз если вы находитесь в середине, так что вы 1514 01:18:16,540 --> 01:18:19,560 не блокируют камеру и использовании назад выход, если вам придется. 1515 01:18:19,560 --> 01:18:25,010 1516 01:18:25,010 --> 01:18:26,306 Я Иосиф кстати. 1517 01:18:26,306 --> 01:18:27,556 Привет. 1518 01:18:27,556 --> 01:18:37,910 1519 01:18:37,910 --> 01:18:38,630 Тест, тест. 1520 01:18:38,630 --> 01:18:39,630 Дэн, это хорошо? 1521 01:18:39,630 --> 01:18:40,880 Круто. 1522 01:18:40,880 --> 01:18:44,460 1523 01:18:44,460 --> 01:18:47,600 >> Таким образом, видео также будут размещены онлайн для тех, кто 1524 01:18:47,600 --> 01:18:48,850 должны уйти сейчас. 1525 01:18:48,850 --> 01:18:51,350 1526 01:18:51,350 --> 01:18:52,600 Неуклюжий. 1527 01:18:52,600 --> 01:18:56,300 1528 01:18:56,300 --> 01:18:57,510 ОК. 1529 01:18:57,510 --> 01:18:59,730 Так викторины отзыв. 1530 01:18:59,730 --> 01:19:00,980 Это кошка. 1531 01:19:00,980 --> 01:19:03,150 1532 01:19:03,150 --> 01:19:07,170 Теперь, JavaScript, который, может быть, не как AWW для некоторых из вас, ребята. 1533 01:19:07,170 --> 01:19:07,370 ОК. 1534 01:19:07,370 --> 01:19:09,280 Так вот сначала, помните из Zamyla. 1535 01:19:09,280 --> 01:19:11,270 Помните, что PHP является выполняются на сервере. 1536 01:19:11,270 --> 01:19:15,230 И много раз, вы, ребята, писал петли в PHP распечатать HTML, верно? 1537 01:19:15,230 --> 01:19:19,170 Поэтому, как только что код выполняется, что HTML выход Вам распечатать 1538 01:19:19,170 --> 01:19:20,500 отправляется пользователю. 1539 01:19:20,500 --> 01:19:25,960 И как только это произойдет, не более PHP может быть запущен, если вы не перезагрузите страницу, из 1540 01:19:25,960 --> 01:19:27,660 Курс, который повторно выполняет на PHP. 1541 01:19:27,660 --> 01:19:30,080 Но как только вы распечатать этой HTML, вы не можете пойти куда угодно. 1542 01:19:30,080 --> 01:19:33,580 >> Так что HTML посылается к пользователю, что браузер здесь, где 1543 01:19:33,580 --> 01:19:35,470 Мило использует компьютер. 1544 01:19:35,470 --> 01:19:40,340 И так хорошо, есть несколько вещей, как только мы посылаем HTML для пользователя. 1545 01:19:40,340 --> 01:19:43,350 Иногда мы хотим сделать что-то вроде при нажатии на что-то, мы хотим 1546 01:19:43,350 --> 01:19:47,350 оповещения коробки всплывал, те виды взаимодействия, как при нажатии 1547 01:19:47,350 --> 01:19:50,740 клавиша при нажатии что-то на страницы, я хочу чтобы что-то произошло. 1548 01:19:50,740 --> 01:19:54,550 Ну, вы не можете повторно выполнить PHP Код раз, что HTML установлен. 1549 01:19:54,550 --> 01:19:55,900 Итак, как вы это делаете? 1550 01:19:55,900 --> 01:19:59,930 >> Введем новый язык под названием JavaScript, который работает в браузере 1551 01:19:59,930 --> 01:20:02,890 что позволяет делать вещи в HTML после получения 1552 01:20:02,890 --> 01:20:04,020 их с сервера. 1553 01:20:04,020 --> 01:20:07,050 И именно поэтому мы называем это на стороне клиента язык программирования. 1554 01:20:07,050 --> 01:20:09,110 Он работает на вашем компьютере - 1555 01:20:09,110 --> 01:20:11,400 клиент. 1556 01:20:11,400 --> 01:20:13,830 Любые вопросы о том, что до сих пор? 1557 01:20:13,830 --> 01:20:15,650 Эта парадигма имеет смысл для людей? 1558 01:20:15,650 --> 01:20:16,010 ОК. 1559 01:20:16,010 --> 01:20:16,790 Хорошо. 1560 01:20:16,790 --> 01:20:17,340 Хорошо. 1561 01:20:17,340 --> 01:20:20,850 Таким образом, первое, что нужно отметить, является JavaScript не PHP. 1562 01:20:20,850 --> 01:20:23,010 >> У них есть немного другой синтаксис, которые мы пойдем в. 1563 01:20:23,010 --> 01:20:24,530 И у них есть очень разные применения. 1564 01:20:24,530 --> 01:20:26,640 JavaScript, опять же, для вашего браузер, для клиента. 1565 01:20:26,640 --> 01:20:30,640 Сервер работает где-то на чужой компьютер, который посылает информацию 1566 01:20:30,640 --> 01:20:31,720 Вам, правильно? 1567 01:20:31,720 --> 01:20:36,730 Так что, если мы просим вас написать PHP код на вопрос экзамен, не пишите 1568 01:20:36,730 --> 01:20:38,710 JavaScript, и наоборот. 1569 01:20:38,710 --> 01:20:41,710 Вы просто потеряете очки, и это не будет правильно. 1570 01:20:41,710 --> 01:20:43,690 >> Итак, давайте в некоторые синтаксические различия - 1571 01:20:43,690 --> 01:20:46,140 JavaScript слева и PHP справа. 1572 01:20:46,140 --> 01:20:48,670 Первое, что вы заметите, с JavaScript, мы объявляем переменные с 1573 01:20:48,670 --> 01:20:49,440 вар ключевое слово - 1574 01:20:49,440 --> 01:20:53,590 В-А-Р. PHP используется знак доллара, как Zamyla обсуждалось ранее. 1575 01:20:53,590 --> 01:20:57,570 Если вы хотите объявить ассоциативную Массив, мы видим знакомую синтаксисом 1576 01:20:57,570 --> 01:20:59,030 правая сторона с PHP. 1577 01:20:59,030 --> 01:21:01,630 На левой стороне, а не Вы использовать фигурные скобки. 1578 01:21:01,630 --> 01:21:03,280 И тогда ваши ключи слева. 1579 01:21:03,280 --> 01:21:04,670 Тогда у вас есть двоеточие. 1580 01:21:04,670 --> 01:21:06,560 И тогда у вас есть значения что вы хотите. 1581 01:21:06,560 --> 01:21:09,840 >> Так что это, как вы могли бы сделать это в PHP на правой стороне с этой второй 1582 01:21:09,840 --> 01:21:10,955 строка, которая начинается на Майло. 1583 01:21:10,955 --> 01:21:14,540 И это, как вы могли бы сделать это на Левая сторона в JavaScript, если вы хотите 1584 01:21:14,540 --> 01:21:16,110 что мы называем объект. 1585 01:21:16,110 --> 01:21:19,340 И объекты в JavaScript являются всего ассоциативные массивы. 1586 01:21:19,340 --> 01:21:23,710 Так что если вы хотите получить доступ к полям, в PHP вы используете этот синтаксис кронштейн. 1587 01:21:23,710 --> 01:21:27,170 И таким образом, вы можете переназначить этот владелец поле с Лорен. 1588 01:21:27,170 --> 01:21:30,150 >> Ну, в JavaScript, если хотите доступ к полю и изменить его, вы можете 1589 01:21:30,150 --> 01:21:31,370 использовать синтаксис с точкой. 1590 01:21:31,370 --> 01:21:33,860 Вы также можете использовать синтаксис кронштейн. 1591 01:21:33,860 --> 01:21:35,550 Но вы не можете использовать Синтаксис точка в PHP. 1592 01:21:35,550 --> 01:21:36,525 Это не будет работать. 1593 01:21:36,525 --> 01:21:38,910 Она работает только в PHP. 1594 01:21:38,910 --> 01:21:42,060 И, наконец, распечатать вещи Консоль, вы используете console.log, который 1595 01:21:42,060 --> 01:21:43,720 вы, ребята используют много в pset8. 1596 01:21:43,720 --> 01:21:45,260 Вы можете console.log что. 1597 01:21:45,260 --> 01:21:50,030 >> Если вы хотите напечатать массив в PHP, вы должны использовать печать р. 1598 01:21:50,030 --> 01:21:53,240 И на правой стороне, вы видите, я хэш объединение строк там. 1599 01:21:53,240 --> 01:21:54,070 Кто-то спросил ранее. 1600 01:21:54,070 --> 01:21:55,850 Я использую плюс в JavaScript. 1601 01:21:55,850 --> 01:21:59,800 Если я хочу объединить что-то в PHP, я использую точку. 1602 01:21:59,800 --> 01:22:00,800 Они отличаются. 1603 01:22:00,800 --> 01:22:03,420 Если вы пишете PHP код, не используйте в плюс. 1604 01:22:03,420 --> 01:22:06,810 Если вы пишете наличие Код, не пишите точку. 1605 01:22:06,810 --> 01:22:08,230 Это будет неправильно. 1606 01:22:08,230 --> 01:22:09,640 И вы будете грустить. 1607 01:22:09,640 --> 01:22:11,000 >> Так синтаксические различия. 1608 01:22:11,000 --> 01:22:14,710 Знай своего синтаксиса, потому что, если у вас есть, чтобы написать вопрос, и вы использовать синтаксис 1609 01:22:14,710 --> 01:22:16,890 от непонятном языке, он не будет работать. 1610 01:22:16,890 --> 01:22:19,520 И это будет не так. 1611 01:22:19,520 --> 01:22:22,420 Итак, давайте поговорим о некоторых контроля течь различия, как вы используете 1612 01:22:22,420 --> 01:22:24,040 петель в каждом из них. 1613 01:22:24,040 --> 01:22:26,610 Zamyla подошел с правой стороны. 1614 01:22:26,610 --> 01:22:27,780 Материал на правой стороне должны быть знакомы. 1615 01:22:27,780 --> 01:22:29,670 Давайте посмотрим на на левой стороне. 1616 01:22:29,670 --> 01:22:34,830 >> При использовании для п петли в JavaScript, ваша переменная цикла, переменная я там, 1617 01:22:34,830 --> 01:22:37,210 цикл по ключей массива. 1618 01:22:37,210 --> 01:22:39,150 Итак, вы видите имя, дом, и роль. 1619 01:22:39,150 --> 01:22:42,440 Если я console.log I, я получаю имя, дом, и роль. 1620 01:22:42,440 --> 01:22:44,720 Те, ключи. 1621 01:22:44,720 --> 01:22:50,080 В JavaScript, цикл по каждому элементу идет по значениям этого массива. 1622 01:22:50,080 --> 01:22:52,040 Таким образом, вы заметите, что они оба я. 1623 01:22:52,040 --> 01:22:56,000 Но здесь на PHP стороне, он печатает из Мило, CS50, и Талисман. 1624 01:22:56,000 --> 01:22:57,390 Таковы значения в PHP. 1625 01:22:57,390 --> 01:23:00,180 >> Так что это, как эти два отличаются на разных языках. 1626 01:23:00,180 --> 01:23:02,970 Так что если вы используете Еогеасп цикл, не думайте, что это 1627 01:23:02,970 --> 01:23:03,760 дает вам ключи. 1628 01:23:03,760 --> 01:23:08,010 И, если вы используете для н петли, не Предположим, что это дает вам значения. 1629 01:23:08,010 --> 01:23:10,420 Имеет ли это смысл до сих пор? 1630 01:23:10,420 --> 01:23:13,630 На следующем слайде собирается показать вам, как вы можете получить доступ противоположное в 1631 01:23:13,630 --> 01:23:15,160 каждого из них. 1632 01:23:15,160 --> 01:23:18,550 >> Ну, если у вас есть ключ в JavaScript и вы хотите, чтобы значение вне, 1633 01:23:18,550 --> 01:23:20,440 вы просто индекс в Массив с этим. 1634 01:23:20,440 --> 01:23:23,640 Так Мило я получу вам, что Вы хотите - значения. 1635 01:23:23,640 --> 01:23:25,260 Там эта другой синтаксис в PHP. 1636 01:23:25,260 --> 01:23:28,140 Если вы действительно хотите знать, я не думаю, что мы показали его вам еще. 1637 01:23:28,140 --> 01:23:31,740 Но если вам интересно, вы можете использовать этот дополнительный синтаксис справа 1638 01:23:31,740 --> 01:23:35,130 сторона, которая на самом деле позволяют получить Ключи в PHP, когда вы используете 1639 01:23:35,130 --> 01:23:35,880 цикл по каждому элементу. 1640 01:23:35,880 --> 01:23:39,640 Так что просто немного мелочи если вы заинтересованы. 1641 01:23:39,640 --> 01:23:42,630 >> Так вот просто, чтобы продемонстрировать Различия между этими двумя петлями. 1642 01:23:42,630 --> 01:23:47,060 Не смешивайте их, когда вы программирование вопрос. 1643 01:23:47,060 --> 01:23:49,774 Любые вопросы о том, что. 1644 01:23:49,774 --> 01:23:50,770 Круто. 1645 01:23:50,770 --> 01:23:51,310 Хорошо. 1646 01:23:51,310 --> 01:23:52,250 JavaScript объекты. 1647 01:23:52,250 --> 01:23:53,040 Я говорил о них. 1648 01:23:53,040 --> 01:23:54,650 Они как ассоциативные массивы. 1649 01:23:54,650 --> 01:23:57,730 Единственное, что я хотел бы обратить Ваше внимание в том, что значение в ассоциативной 1650 01:23:57,730 --> 01:23:59,540 Массив может быть что угодно в JavaScript. 1651 01:23:59,540 --> 01:24:02,240 >> Он даже может быть функцией, как там. 1652 01:24:02,240 --> 01:24:04,600 У меня есть функция, что это значение ключа. 1653 01:24:04,600 --> 01:24:07,030 И если я хочу назвать эту функцию, Я просто доступ кору. 1654 01:24:07,030 --> 01:24:08,490 А потом я положил скобки после этого. 1655 01:24:08,490 --> 01:24:09,790 И это работает. 1656 01:24:09,790 --> 01:24:15,570 Поэтому любые вопросы? 1657 01:24:15,570 --> 01:24:16,370 Нет? 1658 01:24:16,370 --> 01:24:16,650 ОК. 1659 01:24:16,650 --> 01:24:18,190 Хорошо. 1660 01:24:18,190 --> 01:24:20,130 JavaScript, как PHP, свободно набрали. 1661 01:24:20,130 --> 01:24:20,970 Что это значит? 1662 01:24:20,970 --> 01:24:22,380 >> У него есть виды. 1663 01:24:22,380 --> 01:24:24,800 Но когда вы объявляете наличие переменная, вы говорите вар я. 1664 01:24:24,800 --> 01:24:25,850 Вы не говорите это. 1665 01:24:25,850 --> 01:24:26,460 Это не вещь. 1666 01:24:26,460 --> 01:24:28,000 Вы просто сказать, что это переменная. 1667 01:24:28,000 --> 01:24:31,590 А потом JavaScript будет обрабатывать типы под капотом для вас. 1668 01:24:31,590 --> 01:24:34,390 Мы можем свободно конвертировать между типы из-за этого. 1669 01:24:34,390 --> 01:24:37,360 Так что я начинается как числа в этом случае. 1670 01:24:37,360 --> 01:24:38,790 А потом меня есть строка. 1671 01:24:38,790 --> 01:24:39,710 И я добавить я ему. 1672 01:24:39,710 --> 01:24:41,810 И я переназначить его обратно в I. 1673 01:24:41,810 --> 01:24:43,640 >> Так что на этой первой линии, я это число. 1674 01:24:43,640 --> 01:24:47,310 На второй строчке, я теперь становится строка после я делаю переназначение. 1675 01:24:47,310 --> 01:24:52,820 И вот, я просто объединения что число на строке. 1676 01:24:52,820 --> 01:24:56,210 Итак, вы видите, что даже при том, что я был целое число в первой части, это своего рода 1677 01:24:56,210 --> 01:24:58,500 вроде были преобразованы в строка, а затем добавляются 1678 01:24:58,500 --> 01:25:00,510 на что Привет строки. 1679 01:25:00,510 --> 01:25:02,340 И вот что я имею в виду по рыхлой печатать. 1680 01:25:02,340 --> 01:25:04,760 Вот, что вы конвертировать между типы очень легко. 1681 01:25:04,760 --> 01:25:08,840 И это не бросает предупреждения на вас, как Си делает. 1682 01:25:08,840 --> 01:25:12,420 >> Так что я теперь содержит привет 123 к строке. 1683 01:25:12,420 --> 01:25:13,270 Следующая. 1684 01:25:13,270 --> 01:25:15,610 Мы также можем свободно сравнить между типами. 1685 01:25:15,610 --> 01:25:19,310 Так что если вы просто используете ==, очень как в PHP, JavaScript 1686 01:25:19,310 --> 01:25:20,480 делает подобную вещь. 1687 01:25:20,480 --> 01:25:24,780 Строка 123 такое же, как количество 123 при использовании двойных равных. 1688 01:25:24,780 --> 01:25:27,820 При использовании тройные равных, он также хочет, чтобы убедиться, что 1689 01:25:27,820 --> 01:25:29,240 Тип такой же. 1690 01:25:29,240 --> 01:25:31,960 Так потому, что это строка, и это ряд, хотя они оба 1691 01:25:31,960 --> 01:25:35,280 123, при использовании тройной равно, вы получаете ложное. 1692 01:25:35,280 --> 01:25:39,330 В двойной равна случай, вы получите истинное, потому двойные равно не 1693 01:25:39,330 --> 01:25:40,020 заботятся о типа. 1694 01:25:40,020 --> 01:25:42,500 Трехместный равно делает волнует типа. 1695 01:25:42,500 --> 01:25:43,750 Вопросы? 1696 01:25:43,750 --> 01:25:45,790 1697 01:25:45,790 --> 01:25:48,390 ОК. 1698 01:25:48,390 --> 01:25:52,870 >> И еще о JavaScript является Сфера отчасти глобальная, если вы не 1699 01:25:52,870 --> 01:25:53,460 в функции. 1700 01:25:53,460 --> 01:25:55,660 И это работает так же, способ в PHP на самом деле. 1701 01:25:55,660 --> 01:25:57,500 Так давайте пройдем этом примере. 1702 01:25:57,500 --> 01:25:59,110 Я сете я до 999. 1703 01:25:59,110 --> 01:26:00,900 А потом я иду в этот цикл. 1704 01:26:00,900 --> 01:26:06,110 Так что, если я печатаю я в это для цикл, я ожидаю, 0, 1, 2, 3, 4. 1705 01:26:06,110 --> 01:26:07,390 Я получаю г = 4. 1706 01:26:07,390 --> 01:26:10,770 Это увеличивает я теперь до 5 в конец для петли. 1707 01:26:10,770 --> 01:26:13,300 А потом он ломает из петли, потому что это не соответствует 1708 01:26:13,300 --> 01:26:14,550 состояние больше. 1709 01:26:14,550 --> 01:26:16,650 >> Что вы думаете, что в следующем console.log печатает? 1710 01:26:16,650 --> 01:26:20,570 1711 01:26:20,570 --> 01:26:24,790 Так вот что он будет делать на C. В C, потому что, если у вас есть, как вар я вне 1712 01:26:24,790 --> 01:26:28,855 и у вас есть уаг I внутри цикла, как цикл, то это делает его таким образом, что 1713 01:26:28,855 --> 01:26:30,690 это область видимости, что два я 'различны. 1714 01:26:30,690 --> 01:26:34,630 В JavaScript, он просто будет рассматривать его как равно я. 1715 01:26:34,630 --> 01:26:37,870 Я получаю 5, потому что это было значение когда она выходила из петли. 1716 01:26:37,870 --> 01:26:39,120 Так те, которые я являются одинаковыми я. 1717 01:26:39,120 --> 01:26:42,620 1718 01:26:42,620 --> 01:26:44,130 Имеет ли это смысл? 1719 01:26:44,130 --> 01:26:45,720 >> Ну, это имеет смысл с точка зрения JavaScript. 1720 01:26:45,720 --> 01:26:49,510 Но то же самое парадигма не переносятся на C. Они имеют 1721 01:26:49,510 --> 01:26:50,310 различные правила области. 1722 01:26:50,310 --> 01:26:50,630 Да. 1723 01:26:50,630 --> 01:26:52,566 >> АУДИТОРИЯ: [неразборчиво] 1724 01:26:52,566 --> 01:26:54,990 вне функции [неразборчиво]? 1725 01:26:54,990 --> 01:26:58,340 >> ИОСИФ ОНГ: Так, за пределами которой функция? 1726 01:26:58,340 --> 01:27:00,810 Так что я доберусь до этого всего за секунду. 1727 01:27:00,810 --> 01:27:02,580 Так мы называем Foo (я). 1728 01:27:02,580 --> 01:27:06,920 Это проходит, я в Фу, приращения это, а затем регистрирует его. 1729 01:27:06,920 --> 01:27:07,750 Так было 5. 1730 01:27:07,750 --> 01:27:09,210 Так он становится 6. 1731 01:27:09,210 --> 01:27:11,670 Но то, что я говорю о том, что я в этой функции. 1732 01:27:11,670 --> 01:27:14,430 Потому что это параметр, это ограничивается только этим функции. 1733 01:27:14,430 --> 01:27:17,800 Поэтому, как только я на самом деле выйти из этого Функция, то теперь будет идти 1734 01:27:17,800 --> 01:27:19,860 вернуться к старому I. 1735 01:27:19,860 --> 01:27:23,000 Это я только в области видимости, потому что это находится в функции. 1736 01:27:23,000 --> 01:27:24,200 И у нас есть объем и функции. 1737 01:27:24,200 --> 01:27:29,080 Но мы не имеем сферу за пределами функций в JavaScript. 1738 01:27:29,080 --> 01:27:31,170 Имеет ли это смысл? 1739 01:27:31,170 --> 01:27:31,320 Да. 1740 01:27:31,320 --> 01:27:31,660 Вопрос. 1741 01:27:31,660 --> 01:27:34,030 >> АУДИТОРИЯ: То же [неразборчиво]? 1742 01:27:34,030 --> 01:27:34,500 >> ИОСИФ ОНГ: Так что да. 1743 01:27:34,500 --> 01:27:36,260 В PHP, это тот же самый тип вещи. 1744 01:27:36,260 --> 01:27:37,680 Там в небольшой тонкость фактически. 1745 01:27:37,680 --> 01:27:40,130 Но вы можете спросить меня о что после обзора. 1746 01:27:40,130 --> 01:27:43,930 Вы действительно не нужно знать что тонкость для викторины. 1747 01:27:43,930 --> 01:27:47,600 Для всех намерений и целей, как переменные, глобальные и PHP, если 1748 01:27:47,600 --> 01:27:49,150 они находятся в зависимости, такой же вещь в JavaScript. 1749 01:27:49,150 --> 01:27:49,480 Да. 1750 01:27:49,480 --> 01:27:52,890 >> АУДИТОРИЯ: Почему это позволило в JavaScript и не где еще? 1751 01:27:52,890 --> 01:27:55,010 >> ИОСИФ ОНГ: Так почему же это позволило в JavaScript, а не в С? 1752 01:27:55,010 --> 01:27:58,180 Это просто тот, кто придумал JavaScript решил, что это было в порядке в 1753 01:27:58,180 --> 01:27:59,510 JavaScript. 1754 01:27:59,510 --> 01:28:02,430 Так что это просто, как язык программирования Конвенция как мы сказали бы. 1755 01:28:02,430 --> 01:28:02,580 Да. 1756 01:28:02,580 --> 01:28:04,480 >> АУДИТОРИЯ: Так почему же это пойти от 6 до 5? 1757 01:28:04,480 --> 01:28:08,280 >> ИОСИФ ОНГ: Так продолжалось от 6 до 5, потому что, когда я прошел I в Foo, что 1758 01:28:08,280 --> 01:28:13,420 я внутри Foo теперь в области видимости Foo, потому сфера существует в функции в 1759 01:28:13,420 --> 01:28:15,050 JavaScript. 1760 01:28:15,050 --> 01:28:18,720 Но как только я выйду отсюда, потому что это был в области видимости функции, я просто 1761 01:28:18,720 --> 01:28:24,300 с использованием регулярных I, который был внутри остальная часть потока управления. 1762 01:28:24,300 --> 01:28:25,210 Смысл? 1763 01:28:25,210 --> 01:28:26,910 Могу ли я двигаться дальше? 1764 01:28:26,910 --> 01:28:27,320 Хорошо. 1765 01:28:27,320 --> 01:28:29,180 Круто. 1766 01:28:29,180 --> 01:28:31,890 >> Принятие это объекты передаются по ссылке. 1767 01:28:31,890 --> 01:28:33,990 Вы знаете, как, когда вы проходите массив в C вы могли 1768 01:28:33,990 --> 01:28:35,810 на самом деле изменить массив? 1769 01:28:35,810 --> 01:28:37,350 Это то же самое в JavaScript. 1770 01:28:37,350 --> 01:28:42,960 Если бы я передать объект, в данном случае, я прошло Майло в эту функцию catify. 1771 01:28:42,960 --> 01:28:44,490 Мило начинается. 1772 01:28:44,490 --> 01:28:46,310 Его зовут Мило Банан. 1773 01:28:46,310 --> 01:28:51,670 Я передать этот объект в функцию потому что это объект, ассоциативная 1774 01:28:51,670 --> 01:28:53,730 Массив в JavaScript. 1775 01:28:53,730 --> 01:28:57,110 >> Когда я выполнить операцию в этой функции, он будет 1776 01:28:57,110 --> 01:28:58,560 на самом деле изменить объект. 1777 01:28:58,560 --> 01:29:01,720 Так что это произойдет только для объектов в JavaScript, так же, как это происходит 1778 01:29:01,720 --> 01:29:09,230 для массивов внутри имени С. Так что Майло на самом деле станет кошка сейчас. 1779 01:29:09,230 --> 01:29:10,090 Имеет ли это смысл? 1780 01:29:10,090 --> 01:29:11,840 Так это работает только для объектов. 1781 01:29:11,840 --> 01:29:13,090 Объекты передаются по ссылке. 1782 01:29:13,090 --> 01:29:13,400 Да. 1783 01:29:13,400 --> 01:29:16,850 >> АУДИТОРИЯ: Так вы говорите, что в отличие от переменной I. 1784 01:29:16,850 --> 01:29:17,240 >> ИОСИФ ОНГ: Да. 1785 01:29:17,240 --> 01:29:20,330 Какие переменной я был просто ряд, не так ли? 1786 01:29:20,330 --> 01:29:25,280 Это как в C, когда вы проходите целое, он делает копию. 1787 01:29:25,280 --> 01:29:28,130 И когда вы передать массив, на самом деле изменяется фактическое массив в 1788 01:29:28,130 --> 01:29:32,870 С. То же самое происходит с JavaScript в этом случае. 1789 01:29:32,870 --> 01:29:34,070 Хорошо. 1790 01:29:34,070 --> 01:29:38,134 А рядом, Майло грустно, потому что он теперь кошка. 1791 01:29:38,134 --> 01:29:40,790 1792 01:29:40,790 --> 01:29:45,060 Это было на самом деле Мило после некоторые поездки к ветеринару. 1793 01:29:45,060 --> 01:29:46,860 >> Так как мы используем наличие на веб-странице? 1794 01:29:46,860 --> 01:29:47,790 Мы можем включить его. 1795 01:29:47,790 --> 01:29:50,090 Это HTML код с тегами полосы. 1796 01:29:50,090 --> 01:29:51,300 Так что у меня теги Газа. 1797 01:29:51,300 --> 01:29:54,820 А потом я ставлю некоторые наличие Код в тегах сценария. 1798 01:29:54,820 --> 01:29:56,390 А потом он выполняет это. 1799 01:29:56,390 --> 01:29:58,830 Когда я только сделать это так, что это называется встроенный JavaScript. 1800 01:29:58,830 --> 01:30:02,400 Это своего рода грязным, потому что JavaScript на самом деле в HTML. 1801 01:30:02,400 --> 01:30:07,010 >> Лучший способ сделать это, гораздо приятнее, это написать свой наличие в 1802 01:30:07,010 --> 01:30:10,920 внешний файл, а затем предоставить тег скрипт с источником. 1803 01:30:10,920 --> 01:30:14,920 И это пойдет на этот файл JavaScript и прочитать код JavaScript с 1804 01:30:14,920 --> 01:30:15,960 что файл вместо. 1805 01:30:15,960 --> 01:30:18,820 И таким образом, вы не должны много JavaScript в начале вашего 1806 01:30:18,820 --> 01:30:20,760 HTML файл, что делает это действительно грязно. 1807 01:30:20,760 --> 01:30:21,860 Вы просто положить его где-то в другом месте. 1808 01:30:21,860 --> 01:30:24,310 А потом он будет читать его оттуда. 1809 01:30:24,310 --> 01:30:25,560 Разве в этом есть смысл? 1810 01:30:25,560 --> 01:30:27,990 1811 01:30:27,990 --> 01:30:29,640 >> Вопросы размещения. 1812 01:30:29,640 --> 01:30:32,620 В данном конкретном случае Сценарий до тела. 1813 01:30:32,620 --> 01:30:36,090 Поэтому, когда я исполняю, что есть ничего в организме еще. 1814 01:30:36,090 --> 01:30:39,920 Может быть, это сделает немного больше чувствую, когда я показываю эту следующую часть. 1815 01:30:39,920 --> 01:30:43,210 В этом случае сценарий приходит после див. 1816 01:30:43,210 --> 01:30:46,620 Поэтому на самом деле появится дел на странице в первую очередь. 1817 01:30:46,620 --> 01:30:49,470 Прямо здесь, в этой маленькой красной окружностью, вы видите отображается текст. 1818 01:30:49,470 --> 01:30:51,810 И тогда тревога появляется. 1819 01:30:51,810 --> 01:30:54,890 >> В первом случае, потому что сценарий было до DIV, 1820 01:30:54,890 --> 01:30:56,170 предупреждение появляется в первую очередь. 1821 01:30:56,170 --> 01:30:59,250 И тогда дел появляется после закрытия окна. 1822 01:30:59,250 --> 01:31:01,330 Таким образом, исполнение имеет значение. 1823 01:31:01,330 --> 01:31:02,290 Таким образом мы будем иметь это в виду. 1824 01:31:02,290 --> 01:31:03,640 Это будет важно в немного. 1825 01:31:03,640 --> 01:31:08,730 1826 01:31:08,730 --> 01:31:09,540 ОК. 1827 01:31:09,540 --> 01:31:12,750 Так хорошо, как не вы подождите, пока вся страница загружается, то перед вами 1828 01:31:12,750 --> 01:31:13,580 выполнять некоторый код? 1829 01:31:13,580 --> 01:31:15,540 Мы войдем в это немного Чуть позже тоже. 1830 01:31:15,540 --> 01:31:19,016 Но просто держать это место размещения вопросы в виду, когда мы 1831 01:31:19,016 --> 01:31:20,570 прийти на другой слайд. 1832 01:31:20,570 --> 01:31:22,030 >> Итак, мы получаем, чтобы DOM теперь. 1833 01:31:22,030 --> 01:31:23,550 А что такое DOM? 1834 01:31:23,550 --> 01:31:26,830 Так что, если вы посмотрите на HTML кода, это просто куча текста на экране. 1835 01:31:26,830 --> 01:31:30,560 Так как же JavaScript знаем, что это HTML элемент? 1836 01:31:30,560 --> 01:31:33,410 Таким образом, мы должны иметь некоторый объем памяти представление этого 1837 01:31:33,410 --> 01:31:34,930 структура, которая у нас есть. 1838 01:31:34,930 --> 01:31:40,240 И всякий раз, когда у нас есть это в памяти представительство в JavaScript, мы называем 1839 01:31:40,240 --> 01:31:41,750 что DOM. 1840 01:31:41,750 --> 01:31:45,130 И это всего лишь способ, которым люди решили что мы должны представить это 1841 01:31:45,130 --> 01:31:46,400 Структура HTML как. 1842 01:31:46,400 --> 01:31:47,940 >> И что же это DOM выглядит? 1843 01:31:47,940 --> 01:31:50,460 Ну, в представлении памяти, мы берем этот текст. 1844 01:31:50,460 --> 01:31:52,870 И мы превратить его в памяти представление. 1845 01:31:52,870 --> 01:31:54,400 Так что это HTML. 1846 01:31:54,400 --> 01:31:58,090 Таким образом, мы впервые узнали, что каждый ДОМ дерево имеет документ. 1847 01:31:58,090 --> 01:31:59,400 Это выглядит как дерево. 1848 01:31:59,400 --> 01:32:03,550 И документ содержит HTML тег, на самом деле все 1849 01:32:03,550 --> 01:32:05,150 внутри это сейчас. 1850 01:32:05,150 --> 01:32:06,970 HTML тегов имеет двоих детей. 1851 01:32:06,970 --> 01:32:08,630 Он имеет голову. 1852 01:32:08,630 --> 01:32:12,380 Это голова, если вы посмотрите на отступ там, как она структурирована 1853 01:32:12,380 --> 01:32:14,960 между закрывающим тегами, головка имеет ребенка. 1854 01:32:14,960 --> 01:32:17,130 Ребенок название. 1855 01:32:17,130 --> 01:32:18,370 Именно так. 1856 01:32:18,370 --> 01:32:21,000 >> Теперь у нас есть тела ребенка. 1857 01:32:21,000 --> 01:32:24,870 А потом, что тело имеет ребенок называется семьей. 1858 01:32:24,870 --> 01:32:27,950 И, что семья имеет троих детей - 1859 01:32:27,950 --> 01:32:29,550 Старейший, средний и младший. 1860 01:32:29,550 --> 01:32:31,960 Таким образом, вы должны знать, как нарисовать схему как это, когда мы просим вас, как 1861 01:32:31,960 --> 01:32:34,270 нарисовать диаграмму, когда мы даем Вы HTML слева. 1862 01:32:34,270 --> 01:32:36,350 Знать, как произвести DOM дерево. 1863 01:32:36,350 --> 01:32:38,930 А внутри этих вещей, есть только некоторый текст, который я представлял 1864 01:32:38,930 --> 01:32:40,180 как маленькие коробочки. 1865 01:32:40,180 --> 01:32:42,750 1866 01:32:42,750 --> 01:32:47,980 >> Делает ли это DOM дерево структура смысл и то, что DOM является? 1867 01:32:47,980 --> 01:32:49,300 Итак, что же р означает? 1868 01:32:49,300 --> 01:32:51,850 Сюда, стр. там в этом теге представляет 1869 01:32:51,850 --> 01:32:54,510 тег пункт в HTML. 1870 01:32:54,510 --> 01:32:57,080 Таким образом, вы можете посмотреть его. 1871 01:32:57,080 --> 01:32:59,290 Но это просто означает, что это некоторые пространство для некоторого текста. 1872 01:32:59,290 --> 01:33:02,910 И у него есть CSS стиль по умолчанию, потому что это пункт тег. 1873 01:33:02,910 --> 01:33:05,130 Но на самом деле не беспокоиться о что часть слишком много. 1874 01:33:05,130 --> 01:33:07,510 Просто знаю, что это заполнитель в течение некоторого текста. 1875 01:33:07,510 --> 01:33:08,480 Да. 1876 01:33:08,480 --> 01:33:10,200 Вопрос? 1877 01:33:10,200 --> 01:33:11,021 Да. 1878 01:33:11,021 --> 01:33:12,374 >> АУДИТОРИЯ: Вы только что упомянули CSS. 1879 01:33:12,374 --> 01:33:15,492 Семья хэш и хэш все это добро в основном 1880 01:33:15,492 --> 01:33:17,400 представляющих идентификаторов в CSS? 1881 01:33:17,400 --> 01:33:18,440 >> ИОСИФ ОНГ: Да, именно так. 1882 01:33:18,440 --> 01:33:20,380 Я вернусь к какой эти хэши значит в секунду. 1883 01:33:20,380 --> 01:33:23,480 Когда Анжела подошла CSS, она говорили о CSS селекторов. 1884 01:33:23,480 --> 01:33:26,770 Таковы CSS селекторы, что она говорит. 1885 01:33:26,770 --> 01:33:28,268 Да, Роб? 1886 01:33:28,268 --> 01:33:32,060 >> ROB BOWDEN: Я хотел бы также прокомментировать что DOM внутри тег заголовка 1887 01:33:32,060 --> 01:33:35,385 также текстовый узел. 1888 01:33:35,385 --> 01:33:36,070 >> ИОСИФ ОНГ: Верно. 1889 01:33:36,070 --> 01:33:38,370 Так внутри тег заголовка, У меня есть текстовый DOM. 1890 01:33:38,370 --> 01:33:42,730 Так на самом деле, это название должно быть как маленькая коробочка сходит его также. 1891 01:33:42,730 --> 01:33:45,740 Но это не имеет большого значения слишком много в данном случае. 1892 01:33:45,740 --> 01:33:49,620 Мы действительно не заботятся о текстовых узлов, как мы их называем, слишком много. 1893 01:33:49,620 --> 01:33:50,270 Хорошо, что мы делаем. 1894 01:33:50,270 --> 01:33:51,520 Судя по всему, что мы делаем. 1895 01:33:51,520 --> 01:33:54,260 1896 01:33:54,260 --> 01:33:57,100 И я буду это исправить, когда Я загрузить его снова. 1897 01:33:57,100 --> 01:33:59,830 Имеет ли это смысл? 1898 01:33:59,830 --> 01:34:01,160 >> Так как же мы работаем с DOM? 1899 01:34:01,160 --> 01:34:03,790 Всякий раз, когда вы имеете дело с DOM в JavaScript, есть два шага. 1900 01:34:03,790 --> 01:34:05,030 Вы выбираете DOM элемент. 1901 01:34:05,030 --> 01:34:06,580 А потом вы делаете вещи к нему. 1902 01:34:06,580 --> 01:34:11,480 Таким образом, в этом случае, абстрактно, у меня выбран средний элемент. 1903 01:34:11,480 --> 01:34:14,530 А потом пример делать вещи к нему будет изменение текста. 1904 01:34:14,530 --> 01:34:16,020 Это раньше Боб. 1905 01:34:16,020 --> 01:34:19,930 Теперь, что сделал Я с ним был я изменил Боб Майло в этом случае. 1906 01:34:19,930 --> 01:34:22,130 >> Так как же мы на самом деле это сделать? 1907 01:34:22,130 --> 01:34:23,440 Как мы это делаем выбора? 1908 01:34:23,440 --> 01:34:26,560 И как мы делаем вещи, чтобы вещь, как только мы взяли это? 1909 01:34:26,560 --> 01:34:30,470 Ну, то, как вы, ребята узнали его в этом классе является использование то, что мы 1910 01:34:30,470 --> 01:34:32,420 называется JQuery. 1911 01:34:32,420 --> 01:34:33,910 Так что же такое JQuery? 1912 01:34:33,910 --> 01:34:37,220 JQuery это библиотека, которая делает JavaScript легче писать. 1913 01:34:37,220 --> 01:34:39,500 Значит, кто-то нашел время, и написал JQuery. 1914 01:34:39,500 --> 01:34:41,530 >> JQuery на самом деле написано в JavaScript. 1915 01:34:41,530 --> 01:34:44,550 А потом, потому что они сделали это, мы теперь есть целая куча функций, 1916 01:34:44,550 --> 01:34:46,020 мы можем использовать, что сделать наш живет очень просто. 1917 01:34:46,020 --> 01:34:48,580 1918 01:34:48,580 --> 01:34:50,030 Так что некоторые из вещи она делает? 1919 01:34:50,030 --> 01:34:51,650 Это делает выбора элементов легче. 1920 01:34:51,650 --> 01:34:54,020 Это делает изменения HTML, добавления классов легче. 1921 01:34:54,020 --> 01:34:55,360 Это делает Аякс легче. 1922 01:34:55,360 --> 01:34:58,230 Мы вернемся к этому в секунду. 1923 01:34:58,230 --> 01:35:00,630 >> И это аналогично C библиотек. 1924 01:35:00,630 --> 01:35:03,090 Таким образом, вы включают string.h, вы получаете STRLEN. 1925 01:35:03,090 --> 01:35:04,680 Вы получаете зЬгсру, все эти вещи. 1926 01:35:04,680 --> 01:35:09,650 При включении JQuery, вы получаете хороший способа выбора элементов на изменение 1927 01:35:09,650 --> 01:35:10,390 вещи, и так далее. 1928 01:35:10,390 --> 01:35:12,990 Вы получаете дополнительную функциональность, что JavaScript не дает вам. 1929 01:35:12,990 --> 01:35:15,310 Так JQuery не JavaScript. 1930 01:35:15,310 --> 01:35:18,660 JQuery это библиотека, которая написана в JavaScript, что делает наличие 1931 01:35:18,660 --> 01:35:20,440 легче писать. 1932 01:35:20,440 --> 01:35:23,170 >> Так JQuery не программирование язык. 1933 01:35:23,170 --> 01:35:24,540 Но в JavaScript является. 1934 01:35:24,540 --> 01:35:27,420 1935 01:35:27,420 --> 01:35:27,590 сделать. 1936 01:35:27,590 --> 01:35:30,420 Конечно, вы получите вашу терминологию прав. 1937 01:35:30,420 --> 01:35:32,490 Есть вопросы? 1938 01:35:32,490 --> 01:35:33,882 Да. 1939 01:35:33,882 --> 01:35:35,132 Это вопрос? 1940 01:35:35,132 --> 01:35:37,910 1941 01:35:37,910 --> 01:35:38,350 Хорошо. 1942 01:35:38,350 --> 01:35:40,080 Так как же вы используете JQuery? 1943 01:35:40,080 --> 01:35:42,390 Ну, когда вы пишете некоторые JavaScript код и включить 1944 01:35:42,390 --> 01:35:45,570 JQuery в верхней части вашего файла в виде файл сценария, можно использовать знак доллара 1945 01:35:45,570 --> 01:35:47,310 сейчас, чтобы получить доступ к JQuery. 1946 01:35:47,310 --> 01:35:49,860 И это отличается от знак доллара в PHP. 1947 01:35:49,860 --> 01:35:51,590 >> Это такой же символ вам печатать на клавиатуре. 1948 01:35:51,590 --> 01:35:52,780 Но они имеют в виду совершенно разные вещи. 1949 01:35:52,780 --> 01:35:56,090 Знак доллара в PHP означает, что этот как я объявить переменную. 1950 01:35:56,090 --> 01:35:59,120 В JavaScript, когда вы включили JQuery, он выступает за JQuery. 1951 01:35:59,120 --> 01:36:01,280 Так что имейте это в виду. 1952 01:36:01,280 --> 01:36:03,420 Итак, как мы могли бы выбрать элементы DOM? 1953 01:36:03,420 --> 01:36:06,500 Ну, а когда вы делаете это уродливое наличие образом, вы получаете доступ к 1954 01:36:06,500 --> 01:36:08,240 документировать глобальной переменной. 1955 01:36:08,240 --> 01:36:11,170 И тогда вы получите элемент, ID семьи. 1956 01:36:11,170 --> 01:36:15,270 Это действительно долго и многословно и не очень хороший. 1957 01:36:15,270 --> 01:36:18,190 >> Или вы можете получить все элементы которые являются р тегов. 1958 01:36:18,190 --> 01:36:20,080 Это тоже работает в JavaScript. 1959 01:36:20,080 --> 01:36:22,470 Но мы никогда не показал Вы синтаксис слишком много. 1960 01:36:22,470 --> 01:36:24,620 То, что мы показали вам было JQuery. 1961 01:36:24,620 --> 01:36:28,720 Так что вся селектор вверх там, что была выражена в JavaScript просто получает 1962 01:36:28,720 --> 01:36:33,320 конденсируется в этот очень хороший доллара подписать хэштэг семью. 1963 01:36:33,320 --> 01:36:38,480 И $ р, там, где это так. 1964 01:36:38,480 --> 01:36:41,690 Если вы хотите выбрать все р теги внутри семьи, мы поставить пробел 1965 01:36:41,690 --> 01:36:42,890 между ними. 1966 01:36:42,890 --> 01:36:44,815 А теперь, мы получаем все р теги внутри семьи. 1967 01:36:44,815 --> 01:36:48,740 1968 01:36:48,740 --> 01:36:50,380 >> И выглядит знакомым? 1969 01:36:50,380 --> 01:36:52,880 Ну, Анжела говорили о CSS селекторы. 1970 01:36:52,880 --> 01:36:54,200 Дайте мне одну секунду. 1971 01:36:54,200 --> 01:36:57,230 И поэтому для того, чтобы выбрать элемент, вы просто используете то же самое, как вы 1972 01:36:57,230 --> 01:36:58,530 будет делать с селектором CSS. 1973 01:36:58,530 --> 01:37:00,910 Если поставить хэш перед об этом, он выбирает по ID. 1974 01:37:00,910 --> 01:37:02,220 Точка выбирает по классам. 1975 01:37:02,220 --> 01:37:06,230 Если вы просто иметь дело, не хэши или точки, он выбирает эти теги. 1976 01:37:06,230 --> 01:37:07,140 Вопросы. 1977 01:37:07,140 --> 01:37:07,470 Да? 1978 01:37:07,470 --> 01:37:11,510 >> АУДИТОРИЯ: Когда мы используем точку в нашем HTML, является то, что не JQuery? 1979 01:37:11,510 --> 01:37:13,520 >> ИОСИФ ОНГ: Dot в нашем HTML это вещь JavaScript. 1980 01:37:13,520 --> 01:37:14,750 Это не вещь JQuery. 1981 01:37:14,750 --> 01:37:17,620 То, как вы, ребята узнали его с JQuery является использование. HTML. 1982 01:37:17,620 --> 01:37:21,510 И тогда вы передали его все HTML будет. 1983 01:37:21,510 --> 01:37:23,480 Так что я доберусь до этого всего второй на самом деле. 1984 01:37:23,480 --> 01:37:27,800 Так как же нам делать такие вещи, к элементу как только мы выбрали его? 1985 01:37:27,800 --> 01:37:30,130 Так вот пример выбора элемента. 1986 01:37:30,130 --> 01:37:32,280 Так что теперь, мы хотим делать вещи к нему. 1987 01:37:32,280 --> 01:37:35,730 >> Таким образом, в этом случае, позвольте мне вернуться к предыдущему слайду. 1988 01:37:35,730 --> 01:37:37,360 Это был Боб раньше. 1989 01:37:37,360 --> 01:37:40,660 И я хочу, чтобы изменить это внутри HTML к Майло. 1990 01:37:40,660 --> 01:37:43,240 Так что я вызвать функцию HTML от элемента. 1991 01:37:43,240 --> 01:37:45,580 Это HTML функция Способ элемента. 1992 01:37:45,580 --> 01:37:47,430 А потом я даю ему, что Я хочу, чтобы HTML, чтобы быть. 1993 01:37:47,430 --> 01:37:50,560 И это как раз заменяет, что внутри что тег с тем, что я даю ему. 1994 01:37:50,560 --> 01:37:50,830 Да. 1995 01:37:50,830 --> 01:37:51,170 Вопрос? 1996 01:37:51,170 --> 01:37:57,397 >> АУДИТОРИЯ: хэштег используется только для JQuery. 1997 01:37:57,397 --> 01:37:59,313 [Неразборчиво] 1998 01:37:59,313 --> 01:38:01,230 мы бы не использовать это. 1999 01:38:01,230 --> 01:38:01,960 >> ИОСИФ ОНГ: Да, именно так. 2000 01:38:01,960 --> 01:38:03,750 Но не волнуйтесь слишком много о чистой JavaScript. 2001 01:38:03,750 --> 01:38:06,670 Я просто хочу, чтобы вы, ребята, чтобы сосредоточиться на том, как вы бы сделать это с JQuery, потому 2002 01:38:06,670 --> 01:38:10,020 что будет важно часть на викторине. 2003 01:38:10,020 --> 01:38:10,400 Верно. 2004 01:38:10,400 --> 01:38:10,880 Именно так. 2005 01:38:10,880 --> 01:38:16,025 Итак, вы видите, что хэштэг, так что соответствует выбрать элемент с 2006 01:38:16,025 --> 01:38:18,310 ID среднего из-за этого хэштегом. 2007 01:38:18,310 --> 01:38:19,670 Hashtag означает ID. 2008 01:38:19,670 --> 01:38:22,870 И этот элемент имеет идентификатор середине. 2009 01:38:22,870 --> 01:38:24,366 Так вот элемент мы выбираем. 2010 01:38:24,366 --> 01:38:27,160 >> АУДИТОРИЯ: [неразборчиво]. 2011 01:38:27,160 --> 01:38:31,090 знак доллара хэштег [неразборчиво]? 2012 01:38:31,090 --> 01:38:31,710 >> ИОСИФ ОНГ: Так нет. 2013 01:38:31,710 --> 01:38:33,280 Вопрос вы можете использовать. Значение. 2014 01:38:33,280 --> 01:38:36,445 И значение. Работает только на элементах что являются входами. 2015 01:38:36,445 --> 01:38:40,950 2016 01:38:40,950 --> 01:38:45,495 В JQuery, было бы . Вал, не значение.. 2017 01:38:45,495 --> 01:38:49,080 Так что я доберусь до небольшого примера, что демонстрирует все это в сочетании 2018 01:38:49,080 --> 01:38:49,850 в секунду. 2019 01:38:49,850 --> 01:38:53,130 Но я думаю, что это служит небольшой отрывок имеет смысл для людей, до сих пор. 2020 01:38:53,130 --> 01:38:55,450 Хотите изменить HTML, вызвать метод HTML. 2021 01:38:55,450 --> 01:38:56,432 Да. 2022 01:38:56,432 --> 01:38:58,200 >> АУДИТОРИЯ: Можете ли вы объяснить снова метод? 2023 01:38:58,200 --> 01:39:01,900 >> ИОСИФ ОНГ: Так метод просто функция, которая принадлежит к одному, в этом 2024 01:39:01,900 --> 01:39:04,590 так, один из этих DOM элементов, потому что вы видите I 2025 01:39:04,590 --> 01:39:05,940 первый выбранный элемент. 2026 01:39:05,940 --> 01:39:07,320 На самом деле, позвольте мне использовать мышь. 2027 01:39:07,320 --> 01:39:09,330 Я выбрал элемент в первую очередь. 2028 01:39:09,330 --> 01:39:12,310 И тогда я назвал эту HTML функционировать, что это было. 2029 01:39:12,310 --> 01:39:15,710 И потому, что эта функция принадлежит эта вещь, мы называем это метод. 2030 01:39:15,710 --> 01:39:19,480 Это просто красивое название для него. 2031 01:39:19,480 --> 01:39:20,730 Сказать, что снова. 2032 01:39:20,730 --> 01:39:22,880 2033 01:39:22,880 --> 01:39:25,170 Так что помните, мы выбрали элемент теперь. 2034 01:39:25,170 --> 01:39:27,810 И мы ввели его внутри переменная элемент. 2035 01:39:27,810 --> 01:39:28,600 Исправьте? 2036 01:39:28,600 --> 01:39:34,380 >> Поэтому, когда мы хотим изменить HTML на внутри, потому что это было Боб и прежде, вы 2037 01:39:34,380 --> 01:39:36,420 хотите изменить этот текст, чтобы Майло. 2038 01:39:36,420 --> 01:39:37,920 Так мы называем HTML. 2039 01:39:37,920 --> 01:39:41,610 И мы сказать ему, что HTML внутри что элемент должен быть сейчас. 2040 01:39:41,610 --> 01:39:44,107 И так он меняет его на Мило, потому что я дал ему Майло. 2041 01:39:44,107 --> 01:39:46,542 >> АУДИТОРИЯ: Так они работают вместе. 2042 01:39:46,542 --> 01:39:47,030 [Неразборчиво] 2043 01:39:47,030 --> 01:39:47,390 >> ИОСИФ ОНГ: Да, да. 2044 01:39:47,390 --> 01:39:48,180 Они работают вместе. 2045 01:39:48,180 --> 01:39:50,210 Так один из них выбирает элемент в первую очередь. 2046 01:39:50,210 --> 01:39:52,863 И второй делает что-то есть. 2047 01:39:52,863 --> 01:39:53,790 Да. 2048 01:39:53,790 --> 01:39:56,168 >> АУДИТОРИЯ: [неразборчиво]. 2049 01:39:56,168 --> 01:40:01,280 Если этот метод отличается от в HTML у вас есть метод равного актуальной. 2050 01:40:01,280 --> 01:40:01,560 >> ИОСИФ ОНГ: Да. 2051 01:40:01,560 --> 01:40:03,370 Это другой способ. 2052 01:40:03,370 --> 01:40:04,670 Это другой способ. 2053 01:40:04,670 --> 01:40:07,860 И мы можем покрыть, что через секунду когда мы доберемся до примера. 2054 01:40:07,860 --> 01:40:12,000 Я хочу убедиться, что мы ускорить потому что мы мало времени. 2055 01:40:12,000 --> 01:40:15,360 Но мы запускаем путь в течение долгого времени теперь. 2056 01:40:15,360 --> 01:40:15,490 ОК. 2057 01:40:15,490 --> 01:40:16,430 Круто. 2058 01:40:16,430 --> 01:40:20,130 Так что если вы хотите добавить класс, есть также метод добавить класс. 2059 01:40:20,130 --> 01:40:24,300 Это просто пример того, что вы можете сделать с JQuery. 2060 01:40:24,300 --> 01:40:25,950 Это просто добавляет класс. 2061 01:40:25,950 --> 01:40:28,660 >> Если вы хотите, чтобы удалить его, вы можете позвонить удалить. 2062 01:40:28,660 --> 01:40:32,280 Вот только еще одна вещь, вы можете сделать. 2063 01:40:32,280 --> 01:40:35,680 Так больше примеров того, что вы можете сделать. 2064 01:40:35,680 --> 01:40:37,510 Так я могу просто положить его на верхняя, как это? 2065 01:40:37,510 --> 01:40:38,760 Самый молодой удалить. 2066 01:40:38,760 --> 01:40:42,470 2067 01:40:42,470 --> 01:40:45,930 Если я просто выполнить этот наличие в верхняя часть моего файла, будет, что работает? 2068 01:40:45,930 --> 01:40:48,540 2069 01:40:48,540 --> 01:40:48,920 Верно. 2070 01:40:48,920 --> 01:40:50,530 Потому что средний пока не существует. 2071 01:40:50,530 --> 01:40:51,840 Так что это не будет работать. 2072 01:40:51,840 --> 01:40:52,800 Порядок выполнения. 2073 01:40:52,800 --> 01:40:55,040 Само в начало первого. 2074 01:40:55,040 --> 01:40:55,540 Что? 2075 01:40:55,540 --> 01:40:57,450 >> АУДИТОРИЯ: Самый молодой еще не существует? 2076 01:40:57,450 --> 01:40:57,810 >> ИОСИФ ОНГ: Да. 2077 01:40:57,810 --> 01:40:58,710 Самый молодой еще не существует. 2078 01:40:58,710 --> 01:40:59,600 Именно так. 2079 01:40:59,600 --> 01:41:01,320 >> АУДИТОРИЯ: Вы сказали, средний. 2080 01:41:01,320 --> 01:41:01,510 >> ИОСИФ ОНГ: Извините. 2081 01:41:01,510 --> 01:41:02,720 Самый молодой еще не существует. 2082 01:41:02,720 --> 01:41:04,510 И другое дело, у меня нет включали JQuery 2083 01:41:04,510 --> 01:41:06,580 подать спросить сценария SRC. 2084 01:41:06,580 --> 01:41:07,960 Так что не собирается работать. 2085 01:41:07,960 --> 01:41:09,580 На самом деле, я не делал, что в Следующий слайд, который является 2086 01:41:09,580 --> 01:41:10,700 предполагается зафиксировать, что либо. 2087 01:41:10,700 --> 01:41:14,120 Но то, как мы делаем это JavaScript приводится событие. 2088 01:41:14,120 --> 01:41:17,410 Так что мы делаем, мы используем событие манипулятора, чтобы это произошло. 2089 01:41:17,410 --> 01:41:19,510 И поэтому я выберите документ установить в первую очередь. 2090 01:41:19,510 --> 01:41:23,810 Я говорю, хорошо, когда документ готовы, позвольте мне выполнить функцию. 2091 01:41:23,810 --> 01:41:25,470 Так вот все, что синтаксические средства. 2092 01:41:25,470 --> 01:41:27,100 >> Я выбрал этот документ. 2093 01:41:27,100 --> 01:41:29,530 Теперь, когда документ готов, запустить функцию. 2094 01:41:29,530 --> 01:41:32,970 И так здесь, когда документ готов, который означает, что все HTML имеет 2095 01:41:32,970 --> 01:41:36,140 загружен, то я запустить функцию который удаляет этот элемент. 2096 01:41:36,140 --> 01:41:40,270 И вот теперь, когда я запускаю эту функцию что я перешел в готов, я 2097 01:41:40,270 --> 01:41:43,780 Гарантируется, что все HTML на страница будет существовать в первую очередь. 2098 01:41:43,780 --> 01:41:44,100 Да. 2099 01:41:44,100 --> 01:41:44,425 Вопрос? 2100 01:41:44,425 --> 01:41:48,200 >> АУДИТОРИЯ: Что такое ключевое слово событие внутри функции? 2101 01:41:48,200 --> 01:41:51,750 >> ИОСИФ ОНГ: Так что ключевое слово событием в функция просто является параметром, который 2102 01:41:51,750 --> 01:41:53,490 передается в функцию для любого события. 2103 01:41:53,490 --> 01:41:55,470 Это просто то, что Вы получаете бесплатно. 2104 01:41:55,470 --> 01:41:59,320 При использовании ключевых обработчики в pset8, что событие может сказать вам, для 2105 01:41:59,320 --> 01:42:01,350 Например, ключ, который вы нажали на. 2106 01:42:01,350 --> 01:42:05,540 В этом случае для готового случае это на самом деле не супер полезно. 2107 01:42:05,540 --> 01:42:08,640 Но для ключевого вниз случае, это больше полезно, потому что вы получите знать, какие 2108 01:42:08,640 --> 01:42:12,330 Ключевые вы нажали путем доступа ключ Код от этого объекта события. 2109 01:42:12,330 --> 01:42:13,530 Исправьте? 2110 01:42:13,530 --> 01:42:15,160 Имеет ли это смысл? 2111 01:42:15,160 --> 01:42:16,280 ОК. 2112 01:42:16,280 --> 01:42:16,580 Да. 2113 01:42:16,580 --> 01:42:17,150 Вопрос? 2114 01:42:17,150 --> 01:42:19,290 >> АУДИТОРИЯ: Так вы можете положить тег сценария пониже? 2115 01:42:19,290 --> 01:42:19,940 >> ИОСИФ ОНГ: Так что да. 2116 01:42:19,940 --> 01:42:21,500 Вы можете поместить сценарий пометить пониже. 2117 01:42:21,500 --> 01:42:23,090 Но тогда он просто становится действительно грязно. 2118 01:42:23,090 --> 01:42:26,590 И мы хотели бы централизовать все нашего кода в одном месте. 2119 01:42:26,590 --> 01:42:28,290 И это позволит нам это сделать. 2120 01:42:28,290 --> 01:42:32,010 Помните раньше я сказал, что есть более хороший способ гарантировать, что элементы 2121 01:42:32,010 --> 01:42:33,880 на странице, прежде чем выполнять код? 2122 01:42:33,880 --> 01:42:36,079 И это просто хороший способ вы бы добиться этого. 2123 01:42:36,079 --> 01:42:37,329 >> АУДИТОРИЯ: [неразборчиво]. 2124 01:42:37,329 --> 01:42:41,710 2125 01:42:41,710 --> 01:42:42,230 >> ИОСИФ ОНГ: Да. 2126 01:42:42,230 --> 01:42:43,460 Вы все равно пришлось бы, верно? 2127 01:42:43,460 --> 01:42:46,930 Потому что помните, что вы включены подать в верхней части страницы. 2128 01:42:46,930 --> 01:42:49,890 Так он собирается выполнить, прежде чем Вы добираетесь до нижней части страницы. 2129 01:42:49,890 --> 01:42:54,600 2130 01:42:54,600 --> 01:42:55,180 ОК. 2131 01:42:55,180 --> 01:42:59,210 Таким образом, вы также можете добавить другое тип обработчика событий. 2132 01:42:59,210 --> 01:43:00,640 Это один просто обрабатывает щелчки. 2133 01:43:00,640 --> 01:43:03,910 Когда я нажимаю на молодой, то он будет всплывающее окно с предупреждением. 2134 01:43:03,910 --> 01:43:05,440 Это просто другой Тип события. 2135 01:43:05,440 --> 01:43:08,840 В отличие от готового случае, теперь использовать событие щелчка, когда вы получаете 2136 01:43:08,840 --> 01:43:10,190 щелкает на элементе. 2137 01:43:10,190 --> 01:43:13,860 >> И поэтому в данном случае, помните, щелчок обработчик присоединяется к молодым. 2138 01:43:13,860 --> 01:43:16,080 Так бывает только тогда, когда Я нажимаю на молодой. 2139 01:43:16,080 --> 01:43:19,510 И в другом, готового случае был прикреплен к документу. 2140 01:43:19,510 --> 01:43:23,750 Так что ждет документа быть готовым. 2141 01:43:23,750 --> 01:43:25,120 Смысл? 2142 01:43:25,120 --> 01:43:26,190 Я думаю, что я могу двигаться дальше. 2143 01:43:26,190 --> 01:43:26,610 Да. 2144 01:43:26,610 --> 01:43:26,980 Вопрос? 2145 01:43:26,980 --> 01:43:28,230 >> АУДИТОРИЯ: [неразборчиво]. 2146 01:43:28,230 --> 01:43:31,676 2147 01:43:31,676 --> 01:43:33,620 в данном случае вы используете [неразборчиво]. 2148 01:43:33,620 --> 01:43:36,650 >> ИОСИФ ОНГ: О, да, потому что в этом так, я должен ждать для самых маленьких 2149 01:43:36,650 --> 01:43:40,740 элемент появляться на экране сначала прежде чем я смогу приложить обработчик щелчка, чтобы 2150 01:43:40,740 --> 01:43:43,062 это, и именно поэтому я ставлю его в о наличии документа готов. 2151 01:43:43,062 --> 01:43:45,780 2152 01:43:45,780 --> 01:43:46,840 ОК. 2153 01:43:46,840 --> 01:43:52,390 А рядом, так что это большой пример как бы вы совместить все. 2154 01:43:52,390 --> 01:43:55,930 Это всего лишь пример проверки формы вы видели в лекции. 2155 01:43:55,930 --> 01:43:58,410 Так что берите его шаг за шагом, как вы идете через это. 2156 01:43:58,410 --> 01:43:59,590 И это будет полностью в порядке. 2157 01:43:59,590 --> 01:44:01,400 Просто прочитайте его сверху донизу. 2158 01:44:01,400 --> 01:44:03,030 >> У меня есть форма в нижней части. 2159 01:44:03,030 --> 01:44:07,590 Когда документ будет готов, я придаю представить обработчик в форму таким образом, чтобы 2160 01:44:07,590 --> 01:44:12,910 когда я отправить форму, я получаю значения внутри каждого из этих входов. 2161 01:44:12,910 --> 01:44:14,560 И я проверить, если это пустой. 2162 01:44:14,560 --> 01:44:17,090 Если это пустой, я вернуться ложным, потому что Я не хочу, чтобы отправить форму, 2163 01:44:17,090 --> 01:44:18,950 потому что форма не так. 2164 01:44:18,950 --> 01:44:22,040 Если пароль пустой или это менее более восьми символов, я не представить 2165 01:44:22,040 --> 01:44:24,470 форма, потому что это тоже неправильно. 2166 01:44:24,470 --> 01:44:28,150 И возвращение ложных всего мешает форма от представления и 2167 01:44:28,150 --> 01:44:30,150 собирается на новую страницу. 2168 01:44:30,150 --> 01:44:31,310 >> И будем надеяться, что это имеет смысл. 2169 01:44:31,310 --> 01:44:34,650 Я думаю, что вы, ребята, должны ходить через этот код шаг за шагом по своему усмотрению. 2170 01:44:34,650 --> 01:44:38,350 И как только вы понимаете, что выбрать элементы и делать такие вещи, к нему 2171 01:44:38,350 --> 01:44:40,520 на самом деле влечет за собой, это сделает много смысла для вас. 2172 01:44:40,520 --> 01:44:41,295 Да? 2173 01:44:41,295 --> 01:44:44,150 >> АУДИТОРИЯ: При чем тут имя = имя пользователя в виду? 2174 01:44:44,150 --> 01:44:48,530 >> ИОСИФ ОНГ: Таким образом, название = имя пользователя и Имя = пароль просто означает смотреть на 2175 01:44:48,530 --> 01:44:50,730 атрибутом все Вы выбираете. 2176 01:44:50,730 --> 01:44:51,790 А потом, что должен соответствовать. 2177 01:44:51,790 --> 01:44:53,870 Так мы идем в регистрации. 2178 01:44:53,870 --> 01:44:56,240 А потом мы смотрим на всех входах и регистрация. 2179 01:44:56,240 --> 01:44:59,990 А потом мы выбираем тот, где имя атрибут равна имени пользователя. 2180 01:44:59,990 --> 01:45:04,040 Так что первый селектор выбирает только Имя пользователя ввода. 2181 01:45:04,040 --> 01:45:08,220 И, что второй селектор выбирает только пароль один, потому что те, у 2182 01:45:08,220 --> 01:45:12,240 их атрибуты имя установить как то, что они должны быть. 2183 01:45:12,240 --> 01:45:12,575 Вопрос? 2184 01:45:12,575 --> 01:45:17,030 >> АУДИТОРИЯ: На представления, как же Нижняя часть решения верхнюю часть? 2185 01:45:17,030 --> 01:45:19,350 >> ИОСИФ ОНГ: Так это потому, что обработчика событий. 2186 01:45:19,350 --> 01:45:23,000 Таким образом, мы ждали события отправки что увольняют из формы. 2187 01:45:23,000 --> 01:45:24,730 И это все, что представить. 2188 01:45:24,730 --> 01:45:26,080 Почему я называю представить там? 2189 01:45:26,080 --> 01:45:28,870 Это говорит, когда форма была отправлена, Я получаю представить событие. 2190 01:45:28,870 --> 01:45:33,480 Итак, позвольте мне просто перехватить, что и затем запустить вместо этого кода. 2191 01:45:33,480 --> 01:45:33,823 Да? 2192 01:45:33,823 --> 01:45:35,866 >> АУДИТОРИЯ: Почему у вас иметь функцию событие? 2193 01:45:35,866 --> 01:45:38,580 Почему ты не можешь просто [неразборчиво]? 2194 01:45:38,580 --> 01:45:41,140 >> ИОСИФ ОНГ: Потому что в JavaScript, вы должны объявить функции. 2195 01:45:41,140 --> 01:45:42,910 Вот только как это работает в JavaScript. 2196 01:45:42,910 --> 01:45:44,800 Вы должны сказать, что это собирается запустить функцию. 2197 01:45:44,800 --> 01:45:47,290 Так ты говоришь это, что вы ожидая функцию здесь вместо 2198 01:45:47,290 --> 01:45:48,260 всего фигурные скобки. 2199 01:45:48,260 --> 01:45:50,460 >> АУДИТОРИЯ: А функция является то, что из этого следует? 2200 01:45:50,460 --> 01:45:50,650 >> ИОСИФ ОНГ: Да. 2201 01:45:50,650 --> 01:45:52,790 Функция все, что внутри фигурные скобки после 2202 01:45:52,790 --> 01:45:53,630 что функция ключевым словам. 2203 01:45:53,630 --> 01:45:54,045 Да? 2204 01:45:54,045 --> 01:45:55,295 >> АУДИТОРИЯ: [неразборчиво]. 2205 01:45:55,295 --> 01:46:00,180 2206 01:46:00,180 --> 01:46:00,660 >> ИОСИФ ОНГ: Для представить? 2207 01:46:00,660 --> 01:46:03,520 >> АУДИТОРИЯ: Нет, для функции без события. 2208 01:46:03,520 --> 01:46:03,770 >> ИОСИФ ОНГ: Да. 2209 01:46:03,770 --> 01:46:05,610 Так что без случае, вы можете иметь это. 2210 01:46:05,610 --> 01:46:08,480 Если вам не нужно событие, то вы можете просто опускаем. 2211 01:46:08,480 --> 01:46:12,220 Но если вы делаете, то вы просто положить его там. 2212 01:46:12,220 --> 01:46:12,520 Да. 2213 01:46:12,520 --> 01:46:13,190 Быстрый вопрос? 2214 01:46:13,190 --> 01:46:14,440 >> АУДИТОРИЯ: [неразборчиво]. 2215 01:46:14,440 --> 01:46:21,170 2216 01:46:21,170 --> 01:46:21,440 >> ИОСИФ ОНГ: Да. 2217 01:46:21,440 --> 01:46:24,550 Потому что то, что вам нужно сделать,, document.ready просто говорит ждать все 2218 01:46:24,550 --> 01:46:26,540 HTML на странице, чтобы сначала загрузить. 2219 01:46:26,540 --> 01:46:30,510 И, как правило, вы хотите, чтобы ваши элементы на месте, прежде чем запускать любой код. 2220 01:46:30,510 --> 01:46:31,030 Хорошо. 2221 01:46:31,030 --> 01:46:32,180 Мы должны добраться до Ajax. 2222 01:46:32,180 --> 01:46:33,110 Мы не так уж много времени. 2223 01:46:33,110 --> 01:46:35,170 Так плюсы и минусы. 2224 01:46:35,170 --> 01:46:37,450 JavaScript легче попробовать писать с JQuery. 2225 01:46:37,450 --> 01:46:38,930 Но JQuery является отчасти медленным. 2226 01:46:38,930 --> 01:46:42,290 >> Это как PHP работает медленнее, чем C, потому что это интерпретируется. 2227 01:46:42,290 --> 01:46:45,690 И JQuery немного медленнее, чем JavaScript, потому что это делает много 2228 01:46:45,690 --> 01:46:46,630 вещи под капотом. 2229 01:46:46,630 --> 01:46:48,660 И так, если вы используете JQuery, это только немного медленнее, чем 2230 01:46:48,660 --> 01:46:51,630 JavaScript, хотя и дает хороший элегантность. 2231 01:46:51,630 --> 01:46:53,970 И, наконец, Аякс. 2232 01:46:53,970 --> 01:46:59,170 До сих пор с Ajax, вы еще не видели Ajax с точки зрения pset7 еще и потому, 2233 01:46:59,170 --> 01:47:01,150 когда вы делаете, вы представить форма для цитаты. 2234 01:47:01,150 --> 01:47:02,350 Он загружает новую страницу. 2235 01:47:02,350 --> 01:47:04,440 Таким образом, вы получите эту большую белую вспышку на странице в то время как 2236 01:47:04,440 --> 01:47:06,820 вторая страница загружается, правильно? 2237 01:47:06,820 --> 01:47:08,780 >> Было бы очень хорошо, если вам не было этой вспышки. 2238 01:47:08,780 --> 01:47:11,600 Как Facebook, если вы просто выделите нижняя, он добавляет новый контент 2239 01:47:11,600 --> 01:47:13,490 без обновления всей страницы. 2240 01:47:13,490 --> 01:47:15,420 Так что-то вроде этого было бы хорошо. 2241 01:47:15,420 --> 01:47:17,370 Это код JavaScript на левой стороне. 2242 01:47:17,370 --> 01:47:19,390 Вы получите то, что находится внутри этого входа. 2243 01:47:19,390 --> 01:47:21,340 Вы получаете фондовый информацию от Yahoo! 2244 01:47:21,340 --> 01:47:27,440 А потом вы делаете большой строку, говорит, хорошо, это послание, которое я хочу 2245 01:47:27,440 --> 01:47:28,400 показать на экране. 2246 01:47:28,400 --> 01:47:32,280 И тогда вы положить, что сообщение внутри некоторого HTML элемента, который получает 2247 01:47:32,280 --> 01:47:33,970 отображается на экране. 2248 01:47:33,970 --> 01:47:35,540 >> Так что все, что здесь происходит. 2249 01:47:35,540 --> 01:47:39,410 Так в основном, потому что это все JavaScript и вам не нужно запускать 2250 01:47:39,410 --> 01:47:42,980 больше PHP, это будет убедиться, что страница не обновляется. 2251 01:47:42,980 --> 01:47:47,470 Так что это просто абстрактная идея что я говорю здесь сейчас. 2252 01:47:47,470 --> 01:47:50,630 Абстрактной идеей является то, что если вы делаете это все в JavaScript, вы не должны 2253 01:47:50,630 --> 01:47:52,330 обновления страницы. 2254 01:47:52,330 --> 01:47:53,800 Но как вы на самом деле это сделать? 2255 01:47:53,800 --> 01:47:56,230 >> Ну, на самом деле, давайте поговорим о Проблема с этим в первую очередь. 2256 01:47:56,230 --> 01:47:59,340 Проблема в том, в JavaScript, выполнение является синхронным. 2257 01:47:59,340 --> 01:48:02,000 Таким образом, вы должны ждать одного линия закончить перед вами 2258 01:48:02,000 --> 01:48:03,370 выполнить следующую строку. 2259 01:48:03,370 --> 01:48:06,130 А что, если я собираюсь к Yahoo!, и их серверы очень медленно, и 2260 01:48:06,130 --> 01:48:08,790 им требуется три секунды, чтобы отдай мне, что фондовый информации? 2261 01:48:08,790 --> 01:48:12,620 Когда я ударил, что цена линии, если выполнение является синхронным, как это по 2262 01:48:12,620 --> 01:48:15,390 по умолчанию, что это просто собираюсь сделать, это Ваш браузер собирается тянуть 2263 01:48:15,390 --> 01:48:15,930 три секунды. 2264 01:48:15,930 --> 01:48:18,900 И вы не собираетесь быть в состоянии сделать ничего пока он получает эти данные. 2265 01:48:18,900 --> 01:48:20,010 Это собирается быть заморожены. 2266 01:48:20,010 --> 01:48:20,800 >> И это плохо. 2267 01:48:20,800 --> 01:48:23,390 Вы же не хотите, чтобы пользователь иметь замороженный веб-страницы. 2268 01:48:23,390 --> 01:48:24,170 Исправьте? 2269 01:48:24,170 --> 01:48:25,480 Вот только плохо. 2270 01:48:25,480 --> 01:48:26,770 Все согласны с тем? 2271 01:48:26,770 --> 01:48:29,270 Если вы просматриваете Facebook и его замерзает, и вы ничего не можете сделать, вы 2272 01:48:29,270 --> 01:48:31,920 получить действительно разочарованы. 2273 01:48:31,920 --> 01:48:34,960 Таким образом, решение мы сделать что-то асинхронный вместо этого. 2274 01:48:34,960 --> 01:48:38,910 Так что все это асинхронный вещь говорит есть, я собираюсь спросить это 2275 01:48:38,910 --> 01:48:40,280 URL для некоторых данных. 2276 01:48:40,280 --> 01:48:41,610 А потом я собираюсь продолжать идти. 2277 01:48:41,610 --> 01:48:45,330 Я просто хочу, чтобы держать выполнения любой код, который был после этого. 2278 01:48:45,330 --> 01:48:49,290 >> А потом, когда, что данные готовы, тогда я буду обрабатывать его. 2279 01:48:49,290 --> 01:48:50,540 Это все, что говорит. 2280 01:48:50,540 --> 01:48:52,795 2281 01:48:52,795 --> 01:48:56,710 >> АУДИТОРИЯ: Аякс просто делает Код асинхронный? 2282 01:48:56,710 --> 01:48:58,560 >> ИОСИФ ОНГ: Это асинхронный способ выборки данных. 2283 01:48:58,560 --> 01:49:01,230 Поэтому первое, что о Ajax это позволяет мне получить данные 2284 01:49:01,230 --> 01:49:03,170 от внешнего сайта. 2285 01:49:03,170 --> 01:49:07,045 И второе это гарантирует, что моя страница не остановится, пока я 2286 01:49:07,045 --> 01:49:07,970 извлечения этих данных. 2287 01:49:07,970 --> 01:49:09,600 Это асинхронная частью. 2288 01:49:09,600 --> 01:49:13,040 Потому что он идет где-то в другом месте, потому что я говорю, я продолжаю на время 2289 01:49:13,040 --> 01:49:14,900 это извлечение этих данных, что делает его асинхронный. 2290 01:49:14,900 --> 01:49:17,170 Я держу выполнения. 2291 01:49:17,170 --> 01:49:18,960 >> Так держать, что асинхронный Идея в виду. 2292 01:49:18,960 --> 01:49:22,010 И я покажу вам, что разница. 2293 01:49:22,010 --> 01:49:23,920 Синхронный версия находится на левой стороне. 2294 01:49:23,920 --> 01:49:26,240 Асинхронная версия находится на правой стороне. 2295 01:49:26,240 --> 01:49:29,170 Посмотрите на цифры, чтобы увидеть, какие шаги соответствуют тому, что 2296 01:49:29,170 --> 01:49:30,610 выполняет на каждой строке. 2297 01:49:30,610 --> 01:49:32,730 Вон там, предупреждение появляется в первую очередь. 2298 01:49:32,730 --> 01:49:34,590 Потому что получение изображения Информация от Yahoo! 2299 01:49:34,590 --> 01:49:37,250 занимает три секунды, это киосков в течение трех секунд. 2300 01:49:37,250 --> 01:49:39,880 А потом он предупреждает цену после этих трех секунд. 2301 01:49:39,880 --> 01:49:43,690 >> Так вот, это оповещения шоу до в то время - 2302 01:49:43,690 --> 01:49:44,610 три секунды дюйма 2303 01:49:44,610 --> 01:49:47,670 А потом он предупреждает по после этого. 2304 01:49:47,670 --> 01:49:48,930 Так что просто идет шаг за шагом. 2305 01:49:48,930 --> 01:49:51,200 Это как то, что вы, ребята, примет, правильно? 2306 01:49:51,200 --> 01:49:54,170 С асинхронного выполнения, Вы предупредить в первую очередь. 2307 01:49:54,170 --> 01:49:57,410 Тогда вы уходите по следующему адресу. 2308 01:49:57,410 --> 01:49:59,530 А вы говорите, что я собираюсь просто попросите данных. 2309 01:49:59,530 --> 01:50:01,170 А потом я собираюсь обработать его позже. 2310 01:50:01,170 --> 01:50:04,230 Так что немедленно выполняет Следующая строка после того как я сделать это 2311 01:50:04,230 --> 01:50:05,710 Асинхронный запрос. 2312 01:50:05,710 --> 01:50:08,920 >> Таким образом, 0,001 секунд, вы видите предупреждение привет. 2313 01:50:08,920 --> 01:50:10,960 Выполнить эту функцию, оповещения до свидания. 2314 01:50:10,960 --> 01:50:14,240 И потому, что я дал обещание, что я бы обрабатывать данные позже, чем 2315 01:50:14,240 --> 01:50:17,920 происходит, когда эти данные возвращается через три секунды, то я бегу, что 2316 01:50:17,920 --> 01:50:21,380 функция, которая у меня есть там. 2317 01:50:21,380 --> 01:50:21,870 Да? 2318 01:50:21,870 --> 01:50:25,750 >> АУДИТОРИЯ: Не могли бы вы указать или уточнить, что означает Аякс? 2319 01:50:25,750 --> 01:50:30,460 >> ИОСИФ ОНГ: Так Аякс это способ, что если я нужны данные, когда я на сайте и я 2320 01:50:30,460 --> 01:50:34,690 не хочу, чтобы обновить страницу, то Я использую эту технологию под названием Ajax. 2321 01:50:34,690 --> 01:50:40,630 Это по существу только означает, пойди, принеси данные из другой веб-сайт. 2322 01:50:40,630 --> 01:50:43,724 И сделать это таким образом, что только не заглохнет мою веб-страницу. 2323 01:50:43,724 --> 01:50:46,650 >> АУДИТОРИЯ: Так это то, что присуще часть JavaScript или JQuery? 2324 01:50:46,650 --> 01:50:50,590 >> ИОСИФ ОНГ: Значит, кто-то написал способ сделать это в JavaScript давным-давно. 2325 01:50:50,590 --> 01:50:52,050 В какой-то момент, она не существует. 2326 01:50:52,050 --> 01:50:56,630 И таким образом, кто-то изобрел эту технику чтобы позволить людям, чтобы просить эти данные 2327 01:50:56,630 --> 01:50:57,680 таким образом. 2328 01:50:57,680 --> 01:50:59,550 И они написали некоторые вещи чтобы сделать это за вас. 2329 01:50:59,550 --> 01:51:01,605 И JQuery просто дает вам это Очень хороший способ сделать это 2330 01:51:01,605 --> 01:51:03,112 с этим $. получить функцию. 2331 01:51:03,112 --> 01:51:07,200 2332 01:51:07,200 --> 01:51:09,480 вопросы? 2333 01:51:09,480 --> 01:51:11,560 Я могу ответить на вопросы о Аякс потом тоже. 2334 01:51:11,560 --> 01:51:13,870 Я буду здесь. 2335 01:51:13,870 --> 01:51:16,390 >> Так что давайте нам получить данные без обновить страницу. 2336 01:51:16,390 --> 01:51:18,200 И это давайте нам сделать это в асинхронный способ, которым 2337 01:51:18,200 --> 01:51:19,450 не замерзает страницу. 2338 01:51:19,450 --> 01:51:22,680 2339 01:51:22,680 --> 01:51:27,310 Слишком долго, не читал, если это Объяснение было слишком долго для вас. 2340 01:51:27,310 --> 01:51:29,430 Итак, наконец, межсайтовый сценариев атак. 2341 01:51:29,430 --> 01:51:30,910 Мы видели это с Zamyla. 2342 01:51:30,910 --> 01:51:34,285 Если в моем кого-то базы данных имеет это имя, что этот сценарий тег, и я 2343 01:51:34,285 --> 01:51:38,280 есть код на моей странице, которая печатает из имен людей в ряд, или у меня есть 2344 01:51:38,280 --> 01:51:43,310 некоторый код JavaScript, который вставляет это имя в страницу, 2345 01:51:43,310 --> 01:51:45,680 что HTML получает производится? 2346 01:51:45,680 --> 01:51:47,290 Ну, я распечатать HTML тег. 2347 01:51:47,290 --> 01:51:48,390 Я распечатать все эти теги. 2348 01:51:48,390 --> 01:51:50,740 >> Я добраться до части, где я печать с моими друзьями. 2349 01:51:50,740 --> 01:51:52,980 Распечатать Лорен вне. 2350 01:51:52,980 --> 01:51:54,200 Это печать Майло вне. 2351 01:51:54,200 --> 01:51:56,810 А потом мое имя в базе данных является сценарий сообщение 2352 01:51:56,810 --> 01:51:58,060 нелестно статус Facebook. 2353 01:51:58,060 --> 01:52:00,740 2354 01:52:00,740 --> 01:52:04,330 Потому что я вставил это в странице потому что это похоже JavaScript, когда 2355 01:52:04,330 --> 01:52:07,930 эту страницу отправляется пользователю, он запускается на выполнение, как JavaScript. 2356 01:52:07,930 --> 01:52:10,800 И так это то, что мы называем межсайтовый скриптинг атаки. 2357 01:52:10,800 --> 01:52:14,570 Кто-то ставит вредоносный информацию в Ваша база данных, которые могли бы соответствовать 2358 01:52:14,570 --> 01:52:17,080 некоторые дополнительные строки или некоторая строка JavaScript. 2359 01:52:17,080 --> 01:52:20,130 >> И когда он получает выводится на страницы таким образом, то, что 2360 01:52:20,130 --> 01:52:22,580 происходит то, что плохой код запускается на выполнение что я не намерен 2361 01:52:22,580 --> 01:52:25,110 для того, чтобы получить выполнен. 2362 01:52:25,110 --> 01:52:28,230 И это все, межсайтовый сценариев атаки. 2363 01:52:28,230 --> 01:52:31,790 И то, как вы обойти это как Zamyla сказал. 2364 01:52:31,790 --> 01:52:34,340 Вы просто обернуть вещи в HTML специальные символы. 2365 01:52:34,340 --> 01:52:39,460 И это HTML специальные символы является PHP функция, которая позволит предотвратить такого рода 2366 01:52:39,460 --> 01:52:42,000 вещи из происходит с вами если у вас есть злонамеренный 2367 01:52:42,000 --> 01:52:43,830 строка в базе данных. 2368 01:52:43,830 --> 01:52:47,650 Это просто избегает его, так что это не так интерпретируются как HTML. 2369 01:52:47,650 --> 01:52:50,960 Он заменяет маленькие скобки с тем, что мы называем объекты. 2370 01:52:50,960 --> 01:52:52,250 И мы пошли по этому в лекции тоже. 2371 01:52:52,250 --> 01:52:55,800 Поэтому я думаю, вы, ребята, должны иметь хорошее представление о том, что. 2372 01:52:55,800 --> 01:52:57,420 Вопросы? 2373 01:52:57,420 --> 01:52:57,820 Да. 2374 01:52:57,820 --> 01:53:00,860 >> АУДИТОРИЯ: Итак, как бы [неразборчиво]? 2375 01:53:00,860 --> 01:53:01,555 >> ИОСИФ ОНГ: Сказать, что снова. 2376 01:53:01,555 --> 01:53:02,500 >> АУДИТОРИЯ: Как бы монитор - 2377 01:53:02,500 --> 01:53:02,860 >> ИОСИФ ОНГ: Верно. 2378 01:53:02,860 --> 01:53:06,080 Так у вас есть что-то, что говорит, когда Зарегистрироваться, тип на мое имя. 2379 01:53:06,080 --> 01:53:09,390 Я просто наберите в этой области, меня зовут сняли сообщение нелестные Facebook 2380 01:53:09,390 --> 01:53:11,570 Статус близко тег сценария. 2381 01:53:11,570 --> 01:53:15,690 И это просто получает введен в В базе, потому что я не могу сказать, что кто-то 2382 01:53:15,690 --> 01:53:18,260 в мире не есть имя с левой стрелкой в ​​нем или 2383 01:53:18,260 --> 01:53:19,036 Слово сценарий в нем. 2384 01:53:19,036 --> 01:53:21,330 Это на самом деле не имеет смысла. 2385 01:53:21,330 --> 01:53:24,560 Так что я просто должны убедиться, что я санировать материал прежде, чем я распечатать его 2386 01:53:24,560 --> 01:53:25,420 к этой странице. 2387 01:53:25,420 --> 01:53:27,140 >> АУДИТОРИЯ: Так специальные карточки HTML предотвращает теги сценария? 2388 01:53:27,140 --> 01:53:28,710 >> ИОСИФ ОНГ: Да. 2389 01:53:28,710 --> 01:53:29,960 Так это не мешает теги сценария. 2390 01:53:29,960 --> 01:53:32,320 Это просто гарантирует, что теги сценария не получают 2391 01:53:32,320 --> 01:53:35,120 интерпретируется как HTML или - 2392 01:53:35,120 --> 01:53:35,400 да. 2393 01:53:35,400 --> 01:53:38,470 Это просто придумывает, как то, что есть на самом деле. 2394 01:53:38,470 --> 01:53:39,220 Хорошо. 2395 01:53:39,220 --> 01:53:40,930 Так, чтобы был обзор викторины. 2396 01:53:40,930 --> 01:53:41,830 Круто. 2397 01:53:41,830 --> 01:53:45,088 >> [Аплодисменты]