1
00:00:01,095 --> 00:00:02,997
JavaScript-ის ვებ-გვერდებზე გამოყენების
2
00:00:02,997 --> 00:00:06,210
კიდევ ერთი სახალისო ხერხია ობიექტების
დროის მიხედვით ანიმირება.
3
00:00:06,210 --> 00:00:08,830
მაგრამ სანამ ამაზე გადავლთ
4
00:00:08,837 --> 00:00:10,379
უნდა დავრწმუნდე, რომ იცით
5
00:00:10,379 --> 00:00:12,032
სხვა ფართოდ გავრცელებული ცვლადი,
6
00:00:12,032 --> 00:00:14,934
რომელიც ყველა ვებ-გვერდზე არსებობს,
კერძოდ window
7
00:00:14,934 --> 00:00:18,334
ახლა მე გავაკეთებ
8
00:00:18,334 --> 00:00:20,978
console.log(window) და შენ შეგიძლია
9
00:00:20,978 --> 00:00:23,145
დააპაუზო, შეამოწმო შენი დევაისები
10
00:00:23,145 --> 00:00:24,897
და ნახო, რა ხდება შიგნით.
11
00:00:26,887 --> 00:00:30,643
ხედავ? უზარმაზარია.
12
00:00:30,643 --> 00:00:34,113
უამრავ რამეს შეიცავს.
13
00:00:34,113 --> 00:00:36,519
ცოტა გავამარტივებ სიტუაციას და
14
00:00:36,519 --> 00:00:38,436
მხოლოდ ჩემს გამორჩეულ თვისებებსა და
მეთოდებს
15
00:00:38,436 --> 00:00:40,675
გაგაცნობ.
16
00:00:40,675 --> 00:00:44,184
არის window.location რომელიც
17
00:00:44,184 --> 00:00:46,194
შეიცავს ინფორმაციას გვერდის URL-ის
შესახებ.
18
00:00:46,194 --> 00:00:50,132
მოდი, პირდაპირ
19
00:00:50,132 --> 00:00:52,082
გადმოვწეროთ ეს ჩვენს გვერდზე,
20
00:00:52,082 --> 00:00:55,145
დაპაუზება რომ არ დაგჭირდეს.
21
00:00:55,145 --> 00:00:59,995
გამოდის
textContent+="The URL of this page
22
00:00:59,995 --> 00:01:04,097
is + window.location ახლა ესაა ობიექტი
23
00:01:04,097 --> 00:01:06,803
ამიტომ, შიგნით უნდა ჩავწეროთ
24
00:01:06,803 --> 00:01:09,460
.href და მზადაა.
25
00:01:09,460 --> 00:01:12,608
ეს არის iFrame-ში მოქცეული გვერდის URL
26
00:01:12,608 --> 00:01:14,887
ასე გამოიყურება ის "შიდა სამზარეულოში".
27
00:01:14,887 --> 00:01:18,466
კიდევ ერთი თვისება: window.navigator.userAgent
28
00:01:18,466 --> 00:01:21,675
რომელიც გეუბნება, რომელ ბრაუზერს
29
00:01:21,675 --> 00:01:28,308
იყენებს მომხმარებელი. დავუშვათ,
"The user Agent is " +
30
00:01:28,308 --> 00:01:33,653
window.navigator.userAgent;
31
00:01:33,653 --> 00:01:36,972
თუ ხაზი userAgent ცოტა არანორმალურად
32
00:01:36,972 --> 00:01:40,339
გეჩვენება, არაუშავს. ის არც არის შექმნილი
33
00:01:40,339 --> 00:01:43,176
ადამიანის საკითხავ ლიტერატურად და
34
00:01:43,176 --> 00:01:45,116
მისი ლოგიკა არაა სხვადასხვა ისტორიული
მოვლენებით განპირობებული.
35
00:01:45,116 --> 00:01:48,313
დეველოპერების უმეტესობა
36
00:01:48,313 --> 00:01:51,127
იყენებს ბიბლიოთეკებს იმის გასაგებად,
37
00:01:51,127 --> 00:01:53,287
თუ რას ნიშნავს ეს ხაზი, რომელ ბრაუზერზე
38
00:01:53,287 --> 00:01:56,169
მუშაობენ და რომელ ოპერაციულ სისტემაზე და
ა.შ.
39
00:01:56,169 --> 00:02:00,544
მათთვისაც კი იგი ცოტა უცნაურია
40
00:02:00,544 --> 00:02:05,332
აი, ცოტა უფრო ნორმალური: window.outerWidth
და window.outherHeight
41
00:02:05,332 --> 00:02:12,583
დავუშვათ, "This web page is "+
42
00:02:12,583 --> 00:02:21,544
window.outerWidth + " by " + window.outerHeight;
43
00:02:21,544 --> 00:02:24,787
მე მეუბნება, რომ ზომებია 1280 715-ზე
44
00:02:24,787 --> 00:02:26,426
მაგრამ შენთან შეიძლება სხვა იყოს,
45
00:02:26,426 --> 00:02:29,656
გააჩნია, როგორ გამოიყურება შენი გვერდი
როცა
46
00:02:29,656 --> 00:02:31,859
ამ ტუტორიალს უყურებ.
47
00:02:31,859 --> 00:02:33,928
ახლა ნახე:
48
00:02:33,928 --> 00:02:37,778
წავშლი კოდის ამ ხაზიდან
49
00:02:37,778 --> 00:02:40,552
window ნაწილს.
50
00:02:43,472 --> 00:02:48,215
ყვეალფერი მაინც მუშაობს, იმიტომ რომ
51
00:02:48,215 --> 00:02:50,543
window არის
52
00:02:50,543 --> 00:02:53,242
ვებ-გვერდების ჩაშენებული ცვლადი.
53
00:02:53,242 --> 00:02:56,531
როცა ბრაუზერი ეძებს, რომელ ცვლადს იყენებ
54
00:02:56,531 --> 00:02:58,687
ის მას window ობიეტში ეძებს.
55
00:02:58,687 --> 00:03:02,043
როცა შენ ახალ საერთო ცვლადს ქმნი,
56
00:03:02,043 --> 00:03:05,181
window ობიექტი მას ინახავს
57
00:03:05,181 --> 00:03:08,025
როგორც თვისებას.
58
00:03:08,025 --> 00:03:10,482
ეს ნიშნავს, რომ შენ არ უნდა გამოაცხადო
59
00:03:10,482 --> 00:03:13,318
საკუთარი outerWidth and outerHeight
ცვლადები,
60
00:03:13,318 --> 00:03:16,050
იმიტომ რომ ისინი გადააჭარბებენ
window.outerWidth
61
00:03:16,050 --> 00:03:18,847
და window.outHeight ცვლადებს.
62
00:03:18,847 --> 00:03:21,156
ისედაც, უნდა მოერიდო გლაბალურ ცვლადებს
63
00:03:21,156 --> 00:03:23,218
იმიტომ რომ შესაძლებელია
64
00:03:23,218 --> 00:03:26,090
ისინი კონფლიკტში შევიდნენ ერთმანეთთან
65
00:03:26,090 --> 00:03:28,336
ან სხვა არსეულ ცვლადებთან window-ში
66
00:03:28,336 --> 00:03:32,256
უსაფრთხოების გასაძლიერებლად შეგიძლიათ
გამოიყენოთ გლობალური ცვლადების ინდექსირება
67
00:03:32,256 --> 00:03:35,921
მაგალითად, ხანის აკადემიაზე გლაბალური
ცვლადების წინ ვწერთ
68
00:03:35,921 --> 00:03:39,979
ინდექსს KA_
69
00:03:39,979 --> 00:03:42,007
მოკლედ, ესაა window ობიექტი,
70
00:03:42,007 --> 00:03:44,457
ახლა ვნახოთ, როგორ შეიძლება
მისი ორი ფუნქციის გამოყენება
71
00:03:44,457 --> 00:03:47,815
ანიმაციების შესაქმნელად.