1
00:00:00,360 --> 00:00:01,270
Witamy spowrotem.

2
00:00:01,290 --> 00:00:08,140
W tym filmie będziemy zająć ostatni wielki pozostały kawałek funkcjonalności, która jest stworzenie nowego do zrobienia.

3
00:00:08,670 --> 00:00:16,400
Więc tutaj od wersji wypełnionego po prostu pobiegać pamięć sposób, że działa to mogę wpisać je do Ciebie, a następnie naciśnij enter.

4
00:00:16,410 --> 00:00:17,610
Więc nie ma przycisku do klikania.

5
00:00:17,610 --> 00:00:25,360
Po prostu naciśnij enter, a następnie złożyć i mnie nowe zrobić tu na dole, które mogę sprawdzić wyłączyć lub usunąć.

6
00:00:26,190 --> 00:00:27,510
Więc zacznijmy.

7
00:00:27,510 --> 00:00:34,350
Pierwszą rzeczą, jaką musimy zrobić, to dodać detektor do wprowadzania tekstu, że pożary, kiedy nacisnąć klawisz enter.

8
00:00:34,350 --> 00:00:36,300
Aby to zrobić, mamy kilka opcji.

9
00:00:36,540 --> 00:00:46,530
Możemy użyć naciśnij klawisz lub możemy używać na musimy zacząć od wyboru wejścia i zamiast pozostawiać go jako tylko wejścia.

10
00:00:46,530 --> 00:00:50,670
Zamierzam być bardziej szczegółowe i powiedzieć input type równa tekst.

11
00:00:50,790 --> 00:01:04,270
Więc to będzie dotyczyć wszystkich wejść lub typ równa tekst ot tak, a następnie doda naszej kropką i użyję naciśnij klawisz tutaj input type zwraca naciśnij klawisz tekstu.

12
00:01:04,290 --> 00:01:15,520
Oto funkcja zwrotna będziemy po prostu zacząć ze stałą dzienniku ALT, a ta stała dziennika będzie działać na każdym naciśnięciu klawisza nie tylko klawisz Enter.

13
00:01:15,540 --> 00:01:24,340
Więc po prostu zachować naciśnij i zapisać i wrócić do przeglądarki i odśwież a my to otworzy się tutaj.

14
00:01:24,870 --> 00:01:28,910
I kiedy nacisnąć klawisz widać, że mogę nacisnąć klawisz.

15
00:01:29,130 --> 00:01:33,160
Więc będę hit inny klucz i że trzyma w górę.

16
00:01:33,300 --> 00:01:36,590
Więc tak naprawdę nie chce nic robić, dopóki użytkownik wciśnie klawisz Enter.

17
00:01:36,980 --> 00:01:44,090
Więc musimy zmienić kod trochę w filmie, gdzie wprowadzony kluczową metodę prasowej.

18
00:01:44,130 --> 00:01:53,520
Ja również mówił o która to właściwość na obiekcie i naciśnięciu klawisza, który odpowiada klucza, który został naciśnięty lub kodu znaków klucza.

19
00:01:53,550 --> 00:02:00,480
Więc będziemy używać, że tu i mamy zamiar sprawdzić, czy kod jest 13 znaków, który jest kod na klawisz Enter.

20
00:02:00,570 --> 00:02:24,870
Więc musimy pracować z obiektu zdarzenia ponownie raz jeszcze, że można nazwać coś chcemy i wtedy będziemy działać, jeśli zdarzenie, które potrójne równa liczbie 13, który jest, w jaki sposób sprawdzić, czy klawisz Enter każdy ma swój własny charakter Kod i klucz wejść wynosi 13, a następnie musimy po prostu zrobić stałą dziennik.

21
00:02:25,290 --> 00:02:31,890
Trafisz wejść i zapisać tu wrócić.

22
00:02:31,920 --> 00:02:34,470
Teraz piszę pęk kluczy, które nie wchodzą.

23
00:02:34,620 --> 00:02:36,900
A teraz mam zamiar nacisnąć enter.

24
00:02:37,000 --> 00:02:39,710
Widać mamy rozmowy o dzienniku.

25
00:02:39,780 --> 00:02:41,610
Trafisz wejść.

26
00:02:41,610 --> 00:02:42,040
OK.

27
00:02:42,240 --> 00:02:58,700
Więc zamiast po prostu zrezygnować zalogować kiedy nacisnąć enter, co musimy zrobić, to przyjąć tekst się stąd rozpakuj go dokonać nowego sojusznika, które następnie dodać po tym jednym, a potem chcemy usunąć ten wkład dlatego tekst odchodzi.

28
00:02:58,920 --> 00:03:03,780
Więc zacznijmy od wydobywania wartości na zewnątrz i że jest dość prosta.

29
00:03:03,780 --> 00:03:06,270
Użyjemy metody Val.

30
00:03:06,270 --> 00:03:13,750
Dlatego chcemy, wartość na wejściu, które możemy po prostu zrobić z prostego tego ślubu.

31
00:03:14,310 --> 00:03:15,620
Więc zróbmy policjanta.

32
00:03:15,660 --> 00:03:23,180
zaloguj tego Darvell pamiętać, że to odnosi się do wejścia, aby nacisnąć przycisk doszło w odświeżaniu.

33
00:03:23,580 --> 00:03:25,090
Wpisz cokolwiek to nie wejść.

34
00:03:25,110 --> 00:03:26,280
Nic się nie dzieje.

35
00:03:26,280 --> 00:03:34,990
Teraz, jeśli uderzę wprowadzić konsolę, która rejestruje wartość jak widać wpisuję Talo i nacisnąć enter.

36
00:03:35,100 --> 00:03:38,820
Warto więc zapisać, że do zmiennej.

37
00:03:40,020 --> 00:03:45,910
Nazwijmy to zrobić tekst równa samogłoskę start.

38
00:03:45,960 --> 00:03:52,440
Więc to jest chwytając nowy tekst od wejścia.

39
00:03:52,440 --> 00:04:02,660
A potem, co chcemy zrobić, to stworzyć nowy sojusznik i dodać wam dobrze, aby to zrobić.

40
00:04:02,670 --> 00:04:10,420
Mam zamiar wprowadzić nową metodę o nazwie dołączyć sposób, dołączania działa to, że najpierw wybrać element, który dołącza do.

41
00:04:10,440 --> 00:04:13,330
Więc będziemy dodawać nasze rzeczy są do zrobienia.

42
00:04:13,500 --> 00:04:18,000
Więc będziemy dodawać nasze składki do U.N. na stronie.

43
00:04:18,000 --> 00:04:22,880
Więc to będzie i będzie dołączenie sojusznicy tak dobrze.

44
00:04:23,190 --> 00:04:29,180
Więc jeśli zrobisz dołączyć i mogę dać to ciąg h Tm l.

45
00:04:29,220 --> 00:04:35,430
Więc jeśli mogę dodać sojusznikiem tu i po prostu sztywno coś do początku.

46
00:04:35,460 --> 00:04:51,900
Więc jest to nowy sprzymierzeniec, że załączony do niniejszego UL prostu podoba mi wybrać UL i to rzeczywiście wybiera wszystko.

47
00:04:51,910 --> 00:04:54,500
Mamy tylko jedną, a potem zabrakło długopisy.

48
00:04:54,790 --> 00:05:02,030
I zajmie ten ciąg i dodać go do studni, ponieważ każdy Chimo wewnątrz jeśli będzie.

49
00:05:02,410 --> 00:05:08,350
Więc pokażę wam, że kiedy trafiliśmy wprowadzić tutaj nie ma znaczenia, co wpisać, ponieważ nie jest on używany.

50
00:05:08,830 --> 00:05:10,660
Dodaje się nowy sojusznik.

51
00:05:10,780 --> 00:05:22,770
I za każdym razem, gdy wciskamy enter to zrobić, a jeśli inspekcję można zobaczyć, że jest to element, który został dodany do wnętrza studni tak jak są to te same elementy.

52
00:05:22,840 --> 00:05:28,420
Więc to, co chcemy zrobić, choć jest rzeczywiście użyć zmiennej tekstowej zrobienia.

53
00:05:28,480 --> 00:05:33,150
Wszystko, co musimy zrobić, to użyć znak plus, aby dodać tę zmienną w.

54
00:05:33,520 --> 00:06:01,970
Więc mamy dwa osobne tagi linii otwieranie i zamykanie tagów i użyjemy znak plus i dodać tekst do zrobienia i to będzie koniec z jednym wielkim ciągiem, który posiada nasz tekst zrób co jest co użytkownik wpisał w danych wejściowych oraz otwieranie i zamykanie sojusznika, a my wysyłamy do ciebie, że będzie odświeżyć spacer psa i nacisnąć enter i mamy nowy sojusznik tutaj.

55
00:06:02,470 --> 00:06:03,710
Więc tam dwa duże problemy.

56
00:06:03,760 --> 00:06:08,090
Jeden chcemy pozbyć się tego wejścia i dwa nie mamy rozpiętość.

57
00:06:08,590 --> 00:06:10,870
Zacznijmy od oczyszczaniu wejście.

58
00:06:10,870 --> 00:06:22,460
Wszystko, co musimy zrobić, to uruchomić dolara podpisać ten ślub i nadać mu pusty ciąg, gdzie działa jako rozgrywającego, a nie tylko getter.

59
00:06:22,870 --> 00:06:30,120
I że powinien dać nam pusty wejście po wpisaniu nowej zrobić każdy z nich bierze udział w brzmieniu i jest wyczyszczone.

60
00:06:30,490 --> 00:06:32,990
Dalej przejdźmy rozpiętość pokazać kopię zapasową.

61
00:06:33,460 --> 00:06:41,590
Więc wszystko, co musimy zrobić, nie jest wewnątrz naszego sojusznika dodamy w stosie przęsła i że zostanie dodane.

62
00:06:42,250 --> 00:06:51,320
A my po prostu trzeba upewnić się, mamy x prawy tam i przestrzeni tak, że X ma przestrzeń między nią a denude zrobić tekst.

63
00:06:51,520 --> 00:06:57,500
A jeśli jesteśmy teraz zapisać dołączając nowy ciąg z sojusznika o rozpiętości wewnątrz niego.

64
00:06:57,670 --> 00:07:05,030
Więc nakarmić psa i skończymy z przęsła i nowego sojusznika.

65
00:07:05,080 --> 00:07:13,660
Jednak mamy problem z tym kodem, który jest po dodaniu nowego zrobić Like paszowego kot i ja spróbować i sprawdzić się nowe.

66
00:07:13,660 --> 00:07:18,540
Są one w rzeczywistości nie dajcie się ani nie usuwać te stare nadal.

67
00:07:18,670 --> 00:07:21,180
Więc wydarzenie na żywo jest jeszcze wypalania.

68
00:07:21,490 --> 00:07:30,040
To wydarzenie rozpiętość wciąż odpala ale nowe tatuaże, które są tworzone dynamicznie te, które nie są tam po załadowaniu strony nie działają.

69
00:07:30,040 --> 00:07:38,190
To, o czym mówię, kiedy pokazałem Ci ten slajd i powiedział w większości przypadków szybkich i Quake będziemy zarówno swoje zadanie.

70
00:07:38,380 --> 00:07:40,500
Jednak jest jedna kluczowa różnica.

71
00:07:40,570 --> 00:07:48,050
Szybkie tylko dodać detektory dla istniejących elementów na doda słuchaczy dla wszystkich potencjalnych przyszłych elementów.

72
00:07:48,220 --> 00:07:55,310
I to, co musimy zrobić, to użyć tutaj, ponieważ chcemy na tych słuchaczy do słuchania na wszystkich potencjalnych sojuszników.

73
00:07:55,390 --> 00:08:01,060
Więc otworzyć dopływ Jestem tu i będę pokazać, jak możemy wykorzystać na szybkie, a nie tylko szybko.

74
00:08:01,390 --> 00:08:04,800
Więc to nie jest kwestia tylko zamieniając się dalej.

75
00:08:05,050 --> 00:08:14,130
Więc jeśli tylko zmienić to być sojusznikiem na kliknięcia, tak jak to i zostawić go w takim stanie.

76
00:08:14,200 --> 00:08:18,180
Zasadniczo jest to dokładnie to samo, z wyjątkiem dnia, a nie szybkie.

77
00:08:18,310 --> 00:08:25,900
A jeśli wrócę i odświeżyć prace nad oryginalnych elementów, a jeśli dodać nowe to nie działa.

78
00:08:25,990 --> 00:08:29,450
Więc to nie jest kwestia tylko zamiana szybkie i szybkie.

79
00:08:29,710 --> 00:08:33,250
Więc tak naprawdę trzeba zrobić, to zmienić nieco nasz kod.

80
00:08:33,250 --> 00:08:40,060
Więc mam zamiar pokazać zmiany, a potem będę ją wyjaśnić.

81
00:08:40,150 --> 00:08:44,940
Więc co ja to pisałem wam dobrze na szybki przecinkiem.

82
00:08:45,180 --> 00:08:46,010
Czemu.

83
00:08:46,060 --> 00:08:54,890
Powodem Musiałem to zrobić, że możemy tylko dodać słuchacza za pomocą kwerendy j na elementach, które występują, gdy ten kod jest uruchamiany po raz pierwszy.

84
00:08:55,180 --> 00:08:59,190
A gdy ten kod jest uruchamiany po raz pierwszy, nie mamy wszystkich sojuszników.

85
00:08:59,200 --> 00:09:04,710
Mamy tylko trzy, więc jeśli dodamy szybki słuchacza sojuszników doda tylko do tych trzech.

86
00:09:04,720 --> 00:09:09,590
Więc to, co robimy, a nie to dodać detektor do całego UL rodzica.

87
00:09:09,910 --> 00:09:13,590
Tak więc w każdej chwili możemy przejrzeć że będzie to słuchacz będzie ogień.

88
00:09:13,810 --> 00:09:16,690
Z wyjątkiem dodamy ten drugi argument.

89
00:09:17,140 --> 00:09:24,470
A co ten kod robi to mówi, gdy sojusznik kliknięciu wewnątrz testamentu uruchomieniu tego kodu.

90
00:09:24,580 --> 00:09:28,670
Więc dodaliśmy słuchacza do elementu, który istnieje po załadowaniu strony.

91
00:09:28,900 --> 00:09:33,930
Ale my naprawdę tylko słuchać kłamstw, które należy kliknąć wewnątrz tego.

92
00:09:34,380 --> 00:09:36,300
Więc pozwól mi zademonstrować to teraz.

93
00:09:37,000 --> 00:09:40,400
Będę odświeżyć i dodajmy kilka nowych tutaj.

94
00:09:40,930 --> 00:09:44,720
Starych nadal działać, a nowe można sprawdzić także wyłączyć.

95
00:09:45,070 --> 00:09:46,550
Ale delete nie działa.

96
00:09:46,840 --> 00:09:50,250
Więc musimy wrócić i zrobić dokładnie taki sam zmianę.

97
00:09:50,410 --> 00:10:03,520
Więc będziemy nasłuchiwać na zdarzenie, które występuje, gdy strona ładuje się z nich i kliknij, ale chcemy tylko tego kodu podczas przęsło kliknięciu wewnątrz studni.

98
00:10:04,120 --> 00:10:06,690
A jeśli zostawimy go na tym powinniśmy być dobrze iść.

99
00:10:06,700 --> 00:10:08,810
Teraz przetestować go.

100
00:10:09,040 --> 00:10:14,890
Możemy usunąć stare i nowe i możemy przekroczyć zarówno off, jak również.

101
00:10:15,730 --> 00:10:18,620
Dobrze więc podsumujmy niektóre z nowym materiałem tutaj.

102
00:10:18,640 --> 00:10:27,110
Pierwszą rzeczą jest metoda append, które mogą podjąć ciąg HMO, a zostanie on dołączyć te elementy, do tego, co wybraliśmy.

103
00:10:27,340 --> 00:10:34,940
I druga rzecz używał zamiast na szybkie i dodając w tym UL na szybko.

104
00:10:34,960 --> 00:10:46,300
I drugi argument, który określa sojuszników, które mogą lub nie mogły być na stronie, gdy załadowany wewnątrz studni, który na pewno był na stronie, gdy strona załadowana.

105
00:10:46,450 --> 00:10:53,530
Więc dodajemy detektory zdarzeń do elementów, które występują, gdy strona ładuje się tak, że możemy stanowić elementy, które nie są tam jeszcze.

106
00:10:53,980 --> 00:10:55,800
To wszystko na naszej podstawowej funkcjonalności.

107
00:10:55,810 --> 00:10:57,810
Mamy kompletne listy zadań do wykonania.

108
00:10:57,880 --> 00:11:00,710
Co skupimy się na w następnym filmie jest stylistyka.

109
00:11:00,850 --> 00:11:02,350
I na pewno mają sposoby, aby tam pojechać.