1
00:00:00,000 --> 00:00:00,380

2
00:00:00,380 --> 00:00:03,000
>> سرور 1: الآن في هذا المثال الأخير،
أذكر أننا تتخللها بعض

3
00:00:03,000 --> 00:00:07,170
شفرة جافا سكريبت داخل بلدي HTML،
على وجه التحديد، في الداخل من قيمة

4
00:00:07,170 --> 00:00:10,460
السمة يسمى في إرسال
لذلك العلامة النموذج.

5
00:00:10,460 --> 00:00:12,850
الآن لصفحات صغيرة، وهذا
ليس مثل هذه الصفقة الكبيرة.

6
00:00:12,850 --> 00:00:15,950
ولكن كما يحصل على صفحة ويب أطول وأكثر
معقدة، ببساطة وضع الخاص بك

7
00:00:15,950 --> 00:00:19,660
شفرة جافا سكريبت هنا وهناك داخل
من قيمة الصفات ليست

8
00:00:19,660 --> 00:00:20,830
أفضل تصميم.

9
00:00:20,830 --> 00:00:23,440
أفضل إذا كنا عامل أن من و
على الأقل وضعها داخل

10
00:00:23,440 --> 00:00:25,200
العلامة النصي مركزيا.

11
00:00:25,200 --> 00:00:26,080
>> كيفية القيام بذلك؟

12
00:00:26,080 --> 00:00:30,040
حسنا دعونا العودة إلى بلدي شكل العلامة و
أولا حذف هذه السمة لها و

13
00:00:30,040 --> 00:00:31,780
نقدر تماما.

14
00:00:31,780 --> 00:00:35,730
ثم هنا، بدلا من تعريف
وظيفة تسمى سلموا، دعونا شنق على

15
00:00:35,730 --> 00:00:39,405
إلى سطر من التعليمات البرمجية التي في نهاية المطاف نحن
سوف لا تزال ترغب في تنفيذ واستبدال

16
00:00:39,405 --> 00:00:41,560
سلموا على وظيفة على النحو التالي.

17
00:00:41,560 --> 00:00:48,190
Document.get عنصر بواسطة معرف
أقتبس التجريبي نهاية الاقتباس -

18
00:00:48,190 --> 00:00:52,410
حيث التجريبي، أذكر، هي فريدة من نوعها
المعرف للنموذج نفسه -

19
00:00:52,410 --> 00:00:56,600
نقطة على تقديم، والتي أذكر هو اسم
من معالج الحدث الذي

20
00:00:56,600 --> 00:00:57,710
نحن مهتمون.

21
00:00:57,710 --> 00:01:01,990
ودعونا تعيين ذلك على تقديم معالج
القيمة التي في الواقع

22
00:01:01,990 --> 00:01:03,740
تعمل نفسها.

23
00:01:03,740 --> 00:01:06,390
>> الآن لاحظ أنني لست في الواقع
استدعاء دالة هنا.

24
00:01:06,390 --> 00:01:10,650
أنا بدلا تعريف مجهول،
والمعروف باسم وظيفة لامدا،

25
00:01:10,650 --> 00:01:14,100
عن طريق تحديد بين هذه الأقواس المتعرجة
مجموعة من التعليمات البرمجية التي ينبغي

26
00:01:14,100 --> 00:01:15,490
في الواقع يتم تنفيذها.

27
00:01:15,490 --> 00:01:18,500
على وجه التحديد، والتعليمات البرمجية التي أود
لتنفيذ هذا الخط هو الذي كان لي

28
00:01:18,500 --> 00:01:23,370
من قبل، ثم دعونا نضيف إلى ذلك
عودة كاذبة حتى أن هذا النموذج ليس

29
00:01:23,370 --> 00:01:26,950
قدمت في نهاية المطاف إلى إنهاء بعيد على شبكة الإنترنت
الخادم في الطريقة التقليدية.

30
00:01:26,950 --> 00:01:30,345
>> دعونا الآن حفظ هذا الملف، فتحه
في المتصفح، ونرى ما سيحدث.

31
00:01:30,345 --> 00:01:33,050

32
00:01:33,050 --> 00:01:39,800
http://localhost/dom-1.html.

33
00:01:39,800 --> 00:01:43,060
دعونا الآن اكتب في اسمي،
ديفيد، إرسال.

34
00:01:43,060 --> 00:01:46,900
ويظهر شيء قد حدث
باستثناء عنوان الصفحة الخاصة بي ويبدو أن

35
00:01:46,900 --> 00:01:52,580
تغيرت كما لو كان الشكل
قدمت فعلا إلى نفس الملف.

36
00:01:52,580 --> 00:01:53,870
>> الآن لماذا يمكن أن يكون؟

37
00:01:53,870 --> 00:01:55,340
كذلك انا بحاجة الى بعض مزيد من المعلومات.

38
00:01:55,340 --> 00:01:58,700
لذلك دعونا نمضي قدما وتفتح كروم
أدوات المطور بحيث أستطيع فعلا

39
00:01:58,700 --> 00:02:01,440
ننظر في إطار وحدة التحكم لرؤية
إذا كنت قد فعلت شيئا خاطئا.

40
00:02:01,440 --> 00:02:03,330
أستطيع أن الوصول إلى ذلك عن طريق
زوجين من الطرق.

41
00:02:03,330 --> 00:02:07,250
واحد منها هو عبر هذه القائمة هنا،
ثم ضمن أدوات، ثم وصولا الى

42
00:02:07,250 --> 00:02:08,509
أدوات المطور.

43
00:02:08,509 --> 00:02:12,890
>> وتلاحظ هنا في علامة التبويب وحدة التحكم،
هناك خطأ نوع غير مسك، لا يمكن

44
00:02:12,890 --> 00:02:15,390
تعيين الخاصية على تقديم لاغية.

45
00:02:15,390 --> 00:02:16,900
الآن لماذا يمكن أن يكون؟

46
00:02:16,900 --> 00:02:21,380
كذلك مرة أخرى في بلدي شفرة المصدر هنا، لاحظ
أن يقدم على ما أعتقد أنه

47
00:02:21,380 --> 00:02:25,360
خاصية العنصر الذي
المعرف الفريد هو تجريبي.

48
00:02:25,360 --> 00:02:27,810
عنصر، مرة أخرى، هو مجرد
عقدة في شجرة.

49
00:02:27,810 --> 00:02:30,870
>> لذلك يبدو أن متصفحي لا
أعتقد أن هذا العنصر

50
00:02:30,870 --> 00:02:32,500
أو عقدة موجودة حتى الآن.

51
00:02:32,500 --> 00:02:33,790
وبالفعل، فإنه لا يفعل ذلك.

52
00:02:33,790 --> 00:02:37,690
أذكر أن صفحة ويب يتم تحليل أو قراءة
من قبل متصفح الإنترنت، من أعلى إلى أسفل،

53
00:02:37,690 --> 00:02:38,430
من اليسار إلى اليمين.

54
00:02:38,430 --> 00:02:41,810
وذلك عندما شفرة جافا سكريبت هو
واجه، عادة، انها تنفيذه

55
00:02:41,810 --> 00:02:42,700
على الفور.

56
00:02:42,700 --> 00:02:46,460
>> ولكن في هذه الحالة، ليس لدينا حتى حصلت
بعد إلى جزء من دوم، و

57
00:02:46,460 --> 00:02:51,100
HTML، الذي شكل مع أن فريدة من نوعها
وقد أعلن المعرف التجريبي.

58
00:02:51,100 --> 00:02:54,320
ولذا فإننا نحاول تنفيذ بلدي
شفرة جافا سكريبت قبل تلك العقدة حتى

59
00:02:54,320 --> 00:02:58,530
موجود في شجرة وهذا، بالطبع، هو
إشكالية لأن ثم، وبالتأكيد،

60
00:02:58,530 --> 00:03:01,390
فإن العنصر نفسه لاغيا
عند هذه النقطة في الوقت المناسب.

61
00:03:01,390 --> 00:03:02,390
>> فكيف لإصلاح؟

62
00:03:02,390 --> 00:03:03,810
كذلك لدينا اثنين من الحلول.

63
00:03:03,810 --> 00:03:07,200
ولكن دعونا نحاول أبسط عن طريق نقل
بلدي علامة النصي من الرأس

64
00:03:07,200 --> 00:03:11,560
علامة على جسدي، ولكن على وجه التحديد، نحو
الجزء السفلي من الجسم صفحتي في ذلك

65
00:03:11,560 --> 00:03:14,170
أنه من دون عقد
والأسئلة.

66
00:03:14,170 --> 00:03:19,930
على وجه التحديد، دعونا تسليط الضوء وخفض
العلامة مفتوحة وعلامة انهاء للالنصي

67
00:03:19,930 --> 00:03:24,720
ونقل أن كتلة كاملة من التعليمات البرمجية
إلى أسفل الملف هنا.

68
00:03:24,720 --> 00:03:27,690
>> الآن هذا ليس بالضرورة أنظف
تصميم، ولكن على الأقل فإنه سوف

69
00:03:27,690 --> 00:03:29,530
فرض الترتيب الصحيح للعمليات.

70
00:03:29,530 --> 00:03:31,495
دعونا حفظ الملف و
تحميل في متصفحي.

71
00:03:31,495 --> 00:03:34,620

72
00:03:34,620 --> 00:03:40,240
دعونا إعادة تحميل الصفحة، وإعادة إدخال اسم بلدي،
وهناك، مرحبا ديفيد هو العودة.

73
00:03:40,240 --> 00:03:42,784