1
00:00:00,330 --> 00:00:00,660
W porządku.

2
00:00:00,650 --> 00:00:01,490
Witamy spowrotem.

3
00:00:01,680 --> 00:00:06,210
I ten film zamierzamy uruchomić poprzez zmierzenie kilku podstawowych funkcjonalności naszej liście.

4
00:00:06,210 --> 00:00:16,380
Mamy zamiar rozpocząć łatwo i przyjemnie, dodając szybko słuchaczy do aliantów tak, że gdy klikniemy mamy trochę przekreślenia efekt, który można zobaczyć tutaj, a oni GREA zewnątrz.

5
00:00:16,890 --> 00:00:20,750
A zanim to zrobimy Jestem rzeczywiście zamierza zmienić nasze tło trochę tutaj.

6
00:00:21,000 --> 00:00:22,910
Mam zamiar pozbyć się tego tła.

7
00:00:23,190 --> 00:00:25,020
A potem mam zamiar dodać ramkę zamiast.

8
00:00:25,200 --> 00:00:35,800
Więc nasza granica będzie dwa pikseli stałe szara tylko niewielka zmiana, ale uczyni to tak, że łatwiej jest zobaczyć, kiedy zwracamy się one szare.

9
00:00:35,880 --> 00:00:39,170
Gdybyśmy mieli wielkie tło to będzie po prostu całkowicie mieszają się.

10
00:00:39,490 --> 00:00:40,180
OK.

11
00:00:40,200 --> 00:00:48,190
Więc to, co chcemy, aby stało się, gdy klikniemy na sojusznika tekst wewnątrz oka jest szary i dodać efekt przekreślenia.

12
00:00:48,570 --> 00:00:50,930
Więc chodźmy do naszego pliku javascript.

13
00:00:51,210 --> 00:01:01,820
Zacznijmy dodając krótki komentarz, w którym możemy odhaczyć specyficzne Dewes klikając a następnie zróbmy tę pracę.

14
00:01:02,010 --> 00:01:04,540
Więc musimy wybrać wszystkie sojuszników.

15
00:01:04,830 --> 00:01:11,020
Więc wszystko co musisz zrobić, to sojusznik zamiast znaku dolara, a potem zrobimy kliknięcie.

16
00:01:12,150 --> 00:01:32,520
A kiedy kliknij tutaj jest funkcja, że ​​chcemy uruchomić funkcję wywołania zwrotnego i zaczniemy po prostu ładny alert kliknięciu sojusznikiem i wrócić i upewnić się, że kiedy odświeżyć i kliknij sojusznika mówi nam, że kliknął sojusznikiem ale nigdzie indziej to się stało.

17
00:01:32,550 --> 00:01:34,260
Wspaniały.

18
00:01:34,260 --> 00:01:59,210
Następna w kolejce niech pracują na zmianę indywidualnej sojusznika że kliknął i zmieniając jego kolor koloru i przekreślenie lub efekt dekoracji tekstu, a nie alarmując, co chcemy zrobić, to użyć metody dot CSSA a co za tym patrz SS Idziemy chcą pracować z właściwością koloru i obrócić szary kolor i właściwości dekoracji tekstu i dokonać tego poprzez linię.

19
00:01:59,690 --> 00:02:01,210
Zacznijmy od koloru.

20
00:02:01,380 --> 00:02:05,090
Tak to będzie wyglądać kolor szary tak po prostu.

21
00:02:05,370 --> 00:02:09,610
A potem musimy zdecydować, co mamy do stosowania, które co mamy wyboru.

22
00:02:09,990 --> 00:02:15,180
I to nie jest to, co chcemy zrobić, jeśli po prostu wybrać kłamstwo i zrobić gutsiest nas.

23
00:02:15,210 --> 00:02:24,000
Teraz po kliknięciu wszyscy się szary i wiem, że jest to trochę trudne do zauważenia, że ​​jeśli zrobię coś bardziej oczywistego jak czerwony, gdy kliknę.

24
00:02:24,060 --> 00:02:29,880
Wszyscy stają się czerwone, które nie jest to, co chcemy, co chcemy, a nie tylko ten, który został kliknięty.

25
00:02:30,150 --> 00:02:34,410
I w tym miejscu słowo klucz to przychodzi z owijki J Querrey.

26
00:02:34,410 --> 00:02:41,460
To odnosi się do konkretnego kłamstwa, który został kliknięty i chcemy zmienić tylko jeden SEUS nas tak, że jego kolor jest szary.

27
00:02:41,760 --> 00:02:43,510
I będziemy testować to.

28
00:02:43,560 --> 00:02:47,740
Teraz kliknij na indywidualnym sojusznika i okazuje szarości.

29
00:02:47,910 --> 00:02:51,000
Oczywiście, że nie zawrócić do czerni, gdy kliknę ponownie.

30
00:02:51,030 --> 00:02:53,790
Nie mamy tę funkcjonalność.

31
00:02:53,790 --> 00:02:59,370
Teraz przejdźmy do przekreślenia z linią przechodzącą przez efekt więc możemy zrobić kolejną linię takiego.

32
00:02:59,370 --> 00:03:18,200
To robi SEUS us a następnie dekoracji tekstu okrężnicy lub linia przecinek kreska przez i zapisać i wrócić brakuje Prentis zobaczyć tutaj.

33
00:03:20,070 --> 00:03:27,940
Teraz, gdy klikniemy uzyskujemy efekt przekreślenia tam i zmienia kolor na szary.

34
00:03:29,610 --> 00:03:32,200
Ale oczywiście zawsze istnieje łatwiejszy sposób to zrobić.

35
00:03:32,220 --> 00:03:43,100
Tak więc, zamiast robić to na dwóch oddzielnych linii mogłeś sobie, jak możemy zdefiniować obiekt z par wartości klucza i po prostu zrobić jeden to wezwanie CSSA.

36
00:03:43,290 --> 00:03:52,880
Więc musieliśmy dodać obiekt tutaj ot tak i musimy włożyć w kolorze szarym przecinkiem.

37
00:03:53,280 --> 00:03:59,300
I to jest trochę trudne, jeśli robimy tekstu Dasch dekorację w obiekcie i ustawić to za pośrednictwem linii.

38
00:03:59,580 --> 00:04:05,520
I zapisać i odświeżyć widać nic się nie dzieje.

39
00:04:05,530 --> 00:04:11,240
Oni rzeczywiście pojawia się błąd, ponieważ w javascript Nie można mieć nazwy właściwości, które mają łączniki w nich.

40
00:04:11,760 --> 00:04:20,890
Więc jeśli używamy składni, gdzie definiujemy obiekt musimy użyć deklaracji tekstu na wielbłądzie sprawę, która jest zawsze trochę skomplikowane.

41
00:04:20,940 --> 00:04:30,290
A jeśli są świeże Teraz widać, że uzna, że ​​dekoracja tekst tak, własności CSSA i ma zastosowanie linię przez i szary kolor.

42
00:04:30,510 --> 00:04:36,540
Następną rzeczą, którą możesz zrobić, to włączyć go z powrotem do czerni i pozbyć się linii przez jedno kliknięcie ponownie.

43
00:04:37,460 --> 00:04:39,800
Aby to zrobić użyjemy prosty if.

44
00:04:39,900 --> 00:04:53,780
Będziemy więc sprawdzić, czy Ally jest szara to będziemy przekształcić go czarna indziej przekształcić go na szaro.

45
00:04:53,920 --> 00:05:00,820
Więc, by sprawdzić, czy kłamstwo jest szary, co możemy zrobić, jeśli i my możemy korzystać z tej rzeczy.

46
00:05:00,890 --> 00:05:19,230
SS A jeśli po prostu robimy to w ten sposób, więc jeśli by sprawdzić, czy sojusznikiem jest szary faktycznie możemy skorzystać z tej kropki C SS i poprosić go o kolorze bez podania inną wartość i że będzie pobierać aktualny kolor.

47
00:05:19,620 --> 00:05:28,370
Więc mamy if jeśli to widzi poczucie koloru jest równa szary.

48
00:05:29,410 --> 00:05:39,120
Zróbmy dziennik koncert jest aktualnie szary i to wszystko ze względu na start.

49
00:05:39,490 --> 00:05:51,150
Więc to posprzątać trochę i nie mamy albo jeszcze tak będziemy po prostu zostawić go, jak to jest i wrócić.

50
00:05:51,310 --> 00:06:00,030
Jeśli więc odświeżyć i otwieramy konsolę i kliknij na jeden z nich nie mówi nam nic jeszcze, ponieważ nie jest szary.

51
00:06:00,190 --> 00:06:03,230
Ale teraz, gdy kliknę ponownie nadal nie działa.

52
00:06:03,270 --> 00:06:05,420
A powodem tego jest trochę trudne.

53
00:06:05,470 --> 00:06:06,930
Jeśli wrócimy tutaj.

54
00:06:07,180 --> 00:06:12,820
Rzućmy okiem na to, co to robi CSSA kolor jest poza if.

55
00:06:12,910 --> 00:06:15,400
Więc zrobimy konsolę logowania.

56
00:06:15,690 --> 00:06:19,760
Zaczyna kolor SS i odśwież stronę.

57
00:06:20,250 --> 00:06:25,230
A kiedy klikam zobaczysz, że zaczyna się jak R. G. 000.

58
00:06:25,440 --> 00:06:33,270
A jeśli kliknę ponownie mamy do ustawiania koloru być szary i uważamy, że jest to szara teraz jeśli mamy kontroli.

59
00:06:33,750 --> 00:06:40,100
Mówi, że kolor jest szary, ale gdy klikam znowu to rzeczywiście R. G. wersja.

60
00:06:40,320 --> 00:06:45,550
Kiedy więc mamy porównanie, aby sprawdzić, czy kolor jest równa szarości, które nie będzie działać.

61
00:06:45,670 --> 00:06:49,820
Musimy porównać go do R. G. wynosić 1 2 8 1 2 8 1 2 8.

62
00:06:50,310 --> 00:06:57,840
A teraz, jeśli spróbujemy to i odświeżyć powinniśmy zobaczyć po kliknięciu po raz pierwszy nic nie mogę kliknąć ponownie.

63
00:06:58,090 --> 00:07:00,730
Teraz mówi, że obecnie jest szary.

64
00:07:01,150 --> 00:07:01,460
OK.

65
00:07:01,480 --> 00:07:02,710
Tak więc możemy użyć.

66
00:07:03,030 --> 00:07:05,710
Więc zamiast po prostu drukowania jest obecnie Siwy.

67
00:07:05,920 --> 00:07:08,070
To, co chcemy zrobić, to włączyć go na czarno.

68
00:07:08,130 --> 00:07:15,950
Więc zrobimy to, że nas widzą kolor, a my po prostu wrócić do czarnego.

69
00:07:16,120 --> 00:07:16,930
Właśnie tak.

70
00:07:17,110 --> 00:07:20,670
A potem możemy obsłużyć dekoracji tekstu w ciągu sekundy.

71
00:07:20,980 --> 00:07:24,240
Więc odświeżyć i klikamy i mamy szarości.

72
00:07:24,420 --> 00:07:26,660
A jeśli kliknę ponownie nadal nie będzie działać.

73
00:07:26,840 --> 00:07:29,650
A to dlatego, że jesteśmy po prostu zastąpieniem go na końcu tutaj.

74
00:07:29,710 --> 00:07:31,870
Jesteśmy przekręcanie szary każdym razem.

75
00:07:31,960 --> 00:07:41,060
Dlatego chcemy, aby poruszać się, że nasz indziej, więc dodamy oświadczenie innego tutaj i będziemy to zrobić tylko wtedy, gdy nie jest to obecnie Siwy.

76
00:07:41,740 --> 00:07:42,220
W porządku.

77
00:07:42,390 --> 00:07:43,260
Powinniśmy więc być dobre.

78
00:07:43,260 --> 00:07:50,400
Teraz po prostu przenieść ten komentarz tutaj czyste rzeczy się trochę i odświeżyć.

79
00:07:50,640 --> 00:07:54,490
Klikamy okazuje szary kucharz znów wraca do czarnego.

80
00:07:54,550 --> 00:07:58,110
Wciąż mamy linię przez ale przynajmniej kolor się zmienia.

81
00:07:58,420 --> 00:08:05,870
Tak więc, aby pozbyć się linii przez to wszystko musimy zrobić, to po prostu skopiować to lub przerobić obiekt.

82
00:08:06,780 --> 00:08:10,460
I zamiast być ustawienie koloru szarego zrobimy to czarny.

83
00:08:10,840 --> 00:08:15,560
I zamiast dekoracji tekstu do linii za pośrednictwem będziemy ustawić go za żadne.

84
00:08:15,900 --> 00:08:25,390
A teraz, jeśli były świeże i bardzo szybko jesteśmy przełączanie się robi i wyłączać, gdzie mamy szare i prostą przechodzącą przez punkty.

85
00:08:26,010 --> 00:08:31,560
Miejmy nadzieję, że będziemy przez to widzisz, że jest to rodzaj dużo pracy do wykonania tej kontroli.

86
00:08:31,650 --> 00:08:33,230
Czy obecnie Siwy.

87
00:08:33,250 --> 00:08:39,580
RGV 128 128 128, czy to wtedy zrobimy to czarny i usunąć dekoracji tekstu.

88
00:08:39,700 --> 00:08:41,310
Inaczej to zrobić.

89
00:08:41,490 --> 00:08:46,020
Jest znacznie łatwiejszy sposób, że nie mamy faktycznie zrobić żadnej z tą logiką.

90
00:08:46,450 --> 00:08:59,630
Co możemy zrobić, to utworzyć klasę, więc musimy utworzyć klasę w naszej Css, a my nazywamy to zakończone lub po prostu zakończone i będzie miał kolor szary.

91
00:08:59,800 --> 00:09:00,890
Nie potrzebujemy tych cytatów.

92
00:09:01,000 --> 00:09:09,070
Nie jesteśmy w JavaScript i tekst dekoracji będzie linia przechodząca i zapisać, a następnie są to zrobić.

93
00:09:09,140 --> 00:09:27,240
Tak naprawdę możemy wymienić cały ten kod i usunięciu wszystkich i wszystko, co chcesz zrobić, to ta klasa dot przełącznik zakończone pojedynczą linię.

94
00:09:27,490 --> 00:09:43,980
Więc kiedy klikamy na sojusznika mamy zamiar przełączana klasę na szkiełku, że kliknął klasy ukończone i że będzie to szary i nadać mu linię poprzez efekt i będzie śledzić, czy to musi go usunąć lub dodawane automatycznie.

95
00:09:44,380 --> 00:09:48,240
Więc widać tutaj, że wygląda dokładnie tak samo jak to miało miejsce wcześniej.