العلامات المغلقة ، الملصقات ، المتداخلة عديمي الضمير ، مما يزيد من فرصة البحث في البحث عن الروبوت ، باستخدام البرامج النصية للسلسلة الخارجية ونصوص JS ، فصل الأداء الهيكلي ، تنزيل الملفات والصفحات بشكل أسرع ، يمكن الوصول إلى المحتوى من قبل المزيد من المستخدمين ، ويمكن الوصول إلى المحتوى ورموز المحتوى ورموز المحتوى ورموز المحتوى ، من السهل الحفاظ على المكونات التي يمكن الوصول إليها من قبل أجهزة أكثر انتشارًا.
ما هو الفرق بين xhtml و html
HTML هي لغة تصميم ويب أساسية.
يجب أن يكون عنصر XHTML متداخلًا بشكل صحيح.
يجب إغلاق عناصر XHTML.
يجب أن تكون التسمية خطابًا صغيرًا.
يجب أن تحتوي مستندات XHTML على عناصر الجذر.
3.Doctype؟
تستخدم لإعلان المستند باستخدام هذا المواصفات (HTML/XHTML) عمومًا ، يتم تشغيل وثيقة HTML ذات الإطار المفرط الصارم بناءً على الإطار بواسطة عبارة XML ، ويتم تغيير طريقة التحليل إلى IE5.5 Bug مع IE5.5.
4. ما هي العناصر في النماذج؟
كتلة -عنصر المستوى: Div P H1 H2 H3 H4 Form UL
العنصر في السطر: AB BR I SPAN SELECT SELECT
نموذج مربع CSS: المحتوى ، الحدود ، الهامش ، الحشو
5. ما هي طرق تقديم BYCSS؟
داخلي داخلي وداخلي داخلي داخلي في إرشادات الارتباط
الفرق: تحميل في نفس الوقت
الأول غير متوافق ، وهذا الأخير لا يدعم المتصفح أدناه CSS2.1
Link يدعم استخدام JavaScript لتغيير النمط ، والذي لا يمكن أن يكون
6. ما هي رموز الاختيار المختارة؟
كيف تحسب؟
أي من الداخلية والمهمة عالية؟
تحديد العلامة منهج تحديد معرف تحديد معرف الحرف
الميراث ليس جيدًا كما هو محدد معرف> فئة> اختيار التسمية
هذا الأخير هو الأولوية العالية
7. ما هي الطبقات الثلاثة للصفحة الأمامية وما هي الاختلافات؟
تمثل طبقة الهيكل HTML طبقة سلوك CSS JS
8. تكوين الجملة الأساسية من CSS؟
Selector {Properties 1: Value 1 ؛
9. ما هي الصفحات التي صنعتها؟
ما هو جوهر؟
أي (أي kernel) Gecko (WebKit) Open (Presto)
10. اكتب عدة حلول إلى علة IE6
1. استخدم العرض الناجم عن تعويم علة المسافة الثنائية
2.3 Pixel مشكلة تستخدم dislpay: مضمّن -3px ناتج عن تعويم
3. رابط العواء يحوم بعد النقر على رابط ترتيب الكتابة الصحيح الذي زاره النشط
4.IE Z-IDEX مشكلة تضيف الموقف: النسبي
5.
6. الحد الأدنى للارتفاع! حل مهم '
7. حدد التغطية مع Iframe تعشش تحت IE6
8. لماذا لا توجد طريقة لتحديد حاوية العرض حوالي 1 بكسل (السطر الافتراضي IE6
بسبب أكثر من ذلك: مخفي ، التكبير: 0.08 ارتفاع الخط: 1 بكسل)
11. ما هو الفرق بين العنوان والممتلكات ALT على الملصق؟
يتم تمثيل ALT بالنص عندما لا يتم عرض الصورة.
يوفر العنوان معلومات لهذه السمة
12. صف دور واستخدام إعادة تعيين CSS.
إعادة تعيين مجموعة أصناف متصفح السمات الافتراضية CSS من المتصفح ،
أنماط مختلفة ، ثم إعادة ضبطها ، دعهم يتوحدون
13. اشرح كيفية استخدام العفاريت CSS.
يدمج CSS Elf مجموعة من الصور الصغيرة في صورة كبيرة ،
تقليل عدد الطلبات على الخادم
14. ما هو الفرق بين الوضع القياسي والوضع الغريب للمتصفح؟
يختلف في وضع عرض نموذج الصندوق
استخدم window.top.document.compatmode
يمكن عرض سبب الوضع
15. كيف يمكنك تحسين المستندات والموارد الخاصة بالموقع؟
اندماج الملف
الملف إلى أدنى حد/ضغط الملف
استضافة CDN
استخدام ذاكرة التخزين المؤقت
16. ما هو HTML الدلالي؟
وعي العلامة مفيد للاستيلاء على محرك البحث
17. عدة طرق لإزالة العوامات ، مزاياها وعيوبها
1. استخدم الملصق الفارغ لمسح الوضوح العائم: كلاهما (يمكن أن يكون واضحًا من الناحية النظرية
أي تسمية ،،، إضافة ملصقات لا معنى لها)
2. استخدم الفائض: Auto (عنصر علامة فارغة لإزالة الطفو بدون
لا تزيد من عيوب الكود غير المقصود ، استخدم التكبير: 1 لتوافق IE)
3. تعويم واضح مع عناصر Afert الزائفة (للمتصفح غير المقدمة)
جافا سكريبت1. ما هي أنواع البيانات الخاصة بـ JavaScript Return
وظيفة رقم الكائن underfind
2. مثال 3 تحويل النوع الإلزامي وتحويل النوع الخفي؟
إلزامي (parseint ، parsefloat ، رقم)
مخفي (== - ===)
3. الفرق بين wlit () Join ()
الأول هو شكل قطع إلى مجموعة ، والأخير هو تحويل الصفيف إلى سلسلة
4. طريقة الصفيف pop () push () unshift () shift ()
أضف pop () ذيل حذف في ذيل الدفع ()
يضيف رأس UNSHIFT () Shift () حذف الرأس
5. ما هي الاختلافات بين أحداث الحدث والأحداث العادية
6. يختلف عن تدفق الحدث التدفق ودوم
1. أمر التنفيذ مختلف ،
2. المعلمات مختلفة
3. لا تضيف الحدث
4. AHIS يشير إلى المشكلة
7. ما هي أساليب الكتابة المتوافقة بموجب المعايير الثانية والمعايير
var ev = ev || window.event
document.documentElement.clientwidth ||
var target = ev.srcelement || ev.target
8. الفرق بين أساليب GET و POST عند الطلب
يتم وضع واحد في الناقل الافتراضي خلف عنوان URL
هناك قيود على الحجم
.مسألة أمان
التطبيقات المختلفة هي منتديات وهلم جرا.
9. الفرق بين المكالمة والتطبيق
Object.Call (هذا ، OBJ1 ، OBJ2 ، OBJ3)
Object.apply (هذا ، الحجج)
عندما 10
Eval Parse أكثر موثوقية لاستخدام التحليل في ضوء اعتبارات الأمن
11.B كيفية ورث أ
12. اكتب وظيفة للحصول على نمط غير خط
وظيفة getStyle (obj ، attr ، value) {if (! value) {if (obj.currenstyle) {return obj.currenstyle (attr)} else {obj.getComputestyle (attr ، false)}} ell {obj.style ] = القيمة}}13. ما هي عمولة الحادث
دع مبدأ الفقاعات في هذا الحدث ، دع الأحداث التي تم تشغيلها ، دع عنصره الوالد يتم تنفيذه!
14. ما هو الإغلاق ، ما هي الخصائص ، والتأثير على الصفحة
الإغلاق هو وظيفة يمكنها قراءة المتغيرات الداخلية الأخرى للوظائف الأخرى.
1. احفظ المتغير I إلى كل كائن فقرة (P)
1. وظيفة init1 () {
2. var pry = document.getElementSbyTagname (p) ؛
3. لـ (var i = 0 ؛ i <prry.length ؛ i ++) {
4. pary [i] .i = i ؛
5. pary [i] .onclight = function () {
6. في حالة تأهب (this.i) ؛
7.}
8.}
9.}
2. احفظ المتغير I في الوظيفة المجهولة نفسها
1. وظيفة init2 () {
2. var pry = document.getElementSbyTagname (p) ؛
3. لـ (var i = 0 ؛ i <prry.length ؛ i ++) {
4. (pary [i] .onclight = function () {
5. التنبيه (الحجج. callee.i) ؛
6.}).
7.}
8.}
3. أضف إغلاق طبقة من الإغلاق ، أقوم بنقلها إلى وظيفة الطبقة الداخلية في شكل معلمة دالة
1. وظيفة init3 () {
2. var pry = document.getElementSbyTagname (p) ؛
3. لـ (var i = 0 ؛ i <prry.length ؛ i ++) {
4. (وظيفة (arg) {
5. pary [i] .onclight = function () {
6. تنبيه (arg) ؛
7.} ؛
8.}) (i) ؛
9.}
10.}
4. أضف إغلاق طبقة من الإغلاق ، أقوم بنقلها إلى وظيفة الطبقة الداخلية في شكل متغير محلي
1. وظيفة init4 () {
2. var pry = document.getElementSbyTagname (p) ؛
3. لـ (var i = 0 ؛ i <prry.length ؛ i ++) {
4. (function () {
5. var temp = i ؛
6. pary [i] .onclight = function () {
7. تنبيه (درجة الحرارة) ؛
8.}
9.}) () ؛
10.}
11.}
5. أضف إغلاق طبقة وإرجاع وظيفة كحدث استجابة (انتبه إلى الفرق الدقيق من 3)
1. وظيفة init5 () {
2. var pry = document.getElementSbyTagname (p) ؛
3. لـ (var i = 0 ؛ i <prry.length ؛ i ++) {
4. pary [i] .onclight = function (arg) {
5. وظيفة الإرجاع () {// إرجاع وظيفة
6. تنبيه (arg) ؛
7.}
8.} (i) ؛
9.}
10.}
6. للتنفيذ مع الوظيفة ، في الواقع ، كل حالة دالة ستولد إغلاق
1. وظيفة init6 () {
2. var pry = document.getElementSbyTagname (p) ؛
3. لـ (var i = 0 ؛ i <prry.length ؛ i ++) {
4. pary [i] .onclight = وظيفة جديدة ( + i +)
5.}
6.}
7. التنفيذ مع الوظيفة ، انتبه إلى الفرق من 6
1. وظيفة init7 () {
2. var pry = document.getElementSbyTagname (p) ؛
3. لـ (var i = 0 ؛ i <prry.length ؛ i ++) {
4. pary [i] .onclight = function ('Alert ('+i+')') ؛
5.}
6.}
15. كيف تتوقف
canceBubble العودة خطأ
16. أضف لحذف واستبدال طريقة الإدراج في جهة اتصال معينة
obj.appendchidl ()
obj.innersetbefore
obj.replacechild
obj.removechild
17. اشرح مبدأ JSONP ، ولماذا ليس Ajax الحقيقي
قم بإنشاء تسمية نصية بشكل ديناميكي ، وظيفة رد الاتصال
AJAX عبارة عن عملية بيانات طلب تحديث بدون طيبة
18. الكائن المحلي لـ JavaScript ، كائن مبني ومضيف
الكائن المحلي هو Array OBJ regexp ، إلخ.
الكائن المدمج في الرياضيات Gload ، إلخ.
Documen ، نافذة ، وما إلى ذلك أن المضيف يأتي مع المتصفح
19. الفرق بين تحميل المستند وجاهز المستند
document.onload هو تنفيذ JS بعد تحميل الهيكل والأناقة
Document.dered الأنواع المحلية لا تحتوي على هذه الطريقة ، لقد توفر jQuery
$ () جاهزة (وظيفة)
20. == و === مختلف
السابق سيقوم بتحويل النوع تلقائيًا
هذا الأخير لن
21. استراتيجية جافا سكريبت المتماثلة
يمكن للنص قراءة فقط سمات النوافذ والمستندات من نفس المصادر ،
يشير المصدر نفسه هنا إلى مزيج من اسم المضيف والاتفاق ورقم المنفذ
22. اكتب طريقة للذهاب إلى صفيف
وظيفة Osort (ARR)
{{
var result = {} ؛
var newarr = [] ؛
لـ (var i = 0 ؛ i <arr.length ؛ i ++)
{{
إذا (! النتيجة [arr])
{{
newarr.push (ARR)
النتيجة [ARR] = 1
}
}
إرجاع نيار
}
23. محدد الوسائط
Media (Min-Width: 992px) و (Max-Width: 1199px)
شاشة Media و (Min-Width: 768px)
HTML و CSS
1. ما هي اختبارات المتصفح الشائعة الاستخدام؟ ما هي النواة (محرك تخطيط)؟
(Q1) المتصفح: IE ، Chrome ، Firefox ، Safari ، Opera.
(Q2) kernel: trident ، gecko ، presto ، webkit.
2. الحديث عن الاختلافات بين عناصر الوصلة الهابطة وعناصر مستوى الكتلة؟ ما هو توافق عنصر الكتلة الداخلية؟ (IE8 أدناه)
(Q1) في العناصر -line: سيتم ترتيبها في الاتجاه الأفقي ، والتي لا يمكن أن تتضمن عناصر كتلة ، والعرض غير صالح.
الارتفاع غير صالح (يمكنك تعيين ارتفاع السطر) ، والهامش غير صالح ، الحشو غير صالح.
عناصر الحظر -المستوى: يحتل كل خط ، ويتم ترتيب الاتجاه العمودي. من نهاية الخط الجديد ، تم فصل أحدهم.
(Q2) التوافق: العرض: inline block ؛*العرض: inline ؛*Zoom: 1 ؛
3. ما هي طرق إزالة العوامات؟ أيهما أفضل؟
(Q1)
(1) تعريف الارتفاع div.
(2) علامة DIV فارغة في النهاية.
(3) تعريف العائلة div pseudo: بعد والتكبير.
(4) تعريف الفائض: مخفي.
(5) تعريف الفائض: Auto: Auto.
(6) يطفو الوالد الافتراضي ويحتاج إلى تحديد العرض.
(7) عرض التعريف: الجدول.
(8) أضف علامة BR واضحة: كلاهما في النهاية.
(Q2) هو أفضل للطريقة الثالثة.
4. ما هي السمات شائعة حجم صندوق الوارد؟ ما هو الدور؟
(Q1) SIZE: Content-Box |
(Q2) صندوق المحتوى: يتم تطبيق العرض والارتفاع على مربع المحتوى للعنصر ، على التوالي.
ارسم الجزء الداخلي والحدود للعنصر خارج العرض والارتفاع (التأثير الافتراضي للعنصر).
صندوق الحدود: سيتم إعداد أي إطار داخلي وإطار محدد في العنصر
رسم العرض والارتفاع. انخفاض من العرض المحدد والارتفاع على التوالي
يمكن الحصول على عرض وارتفاع المحتوى فقط عن طريق الحدود والمسافة الداخلية.
5.doctype؟ ما هي الاختلافات بين الوضع القياسي ووضع التوافق؟
(Q1)>!
التحليل القياسي لهذا المستند. Doctype غير موجود أو تنسيقات غير صحيحة ستؤدي إلى نص
يتم تقديم الملف في وضع متوافق.
(Q2) وضع التنضيد وطريقة تشغيل JS للوضع القياسي هي الأكثر دعمًا من قبل المتصفح
تشغيل مستوى عالٍ. في الوضع المتوافق ، تكون الصفحة فضفاضة وخلفية
أظهر أن سلوك المحاكاة المتصفحات القديمة يستخدم لمنع الموقع من عدم القدرة على العمل.
6.html5 لماذا تحتاج فقط إلى الكتابة>!
لا يعتمد HTML5 على SGML ، لذلك ليست هناك حاجة للرجوع إلى DTD ، ولكن
بحاجة إلى doctype لتنظيم سلوك المتصفح (دع المتصفح يتبعهم
يجب أن يتم تشغيله).
يعتمد HTML4.01 على SGML ، لذلك يجب الرجوع إلى DTD
أبلغ نوع الوثائق المستخدمة في مستند المتصفح.
7. عندما يتم استيراد الصفحة ، ما هو الفرق بين استخدام Link و Import؟
(1) الرابط ينتمي إلى علامة XHTML.
لتحديد RSS ، حدد دور Relive Connection ، إلخ.
للإمداد ، لا يمكن استخدامه إلا لتحميل CSS ؛
(2) عند تحميل الصفحة ، سيتم تحميل الرابط في نفس الوقت ، و emport Quotes
سوف تنتظر CSS حتى يتم تحميل الصفحة قبل التحميل ؛
(3) يتم اقتراح الاستيراد بواسطة CSS2.1.
الرابط هو ملصق XHTML ، وهو غير متوافق ؛
8. تقديم فهمك لنواة المتصفح؟
مقسمة بشكل أساسي إلى جزأين: محرك تقديم (مهندس تخطيط أو
محرك تقديم) ومحركات JS.
محرك تقديم: مسؤول عن الحصول على محتوى صفحة الويب (HTML ، XML ، الصورة ، إلخ) ،
فرز الرسالة (مثل إضافة CSS ، إلخ) ، وطريقة العرض لحساب صفحة الويب ،
ثم الإخراج إلى الشاشة أو الطابعة. جوهر مختلف من نواة المتصفح
سيكون التفسير النحوي لصفحة الويب مختلفة ، وبالتالي فإن تأثير العرض مختلف.
يجب تحرير جميع متصفحات الويب وعملاء البريد الإلكتروني وغيرها
التطبيقات التي تعرض محتوى الشبكة تتطلب kernel.
محرك JS: تحليل وتنفيذ JavaScript لتحقيق التأثير الديناميكي لصفحة الويب.
في البداية لم يميز محرك التقديم ومحرك JS بشكل واضح
مع المزيد والمزيد من الاستقلال ، تميل النواة إلى الإشارة إلى محركات تقديم.
9. ما هي الميزات الجديدة لـ HTML5؟ كيفية التعامل مع المتصفح وكلا التسمية الجديدة لـ HTML5
هل يمكن استجوابه؟ كيف تميز HTML و HTML5؟
(Q1)
لم يعد HTML5 مجموعة فرعية من SGML ، وخاصة حول الزيادة في وظائف مثل الصور والمواضع والتخزين والمهام المتعددة.
(1) اللوحة قماش ؛
(2) عناصر الفيديو والصوت المستخدمة للمتوسطة ؛
(3) بيانات تخزين LocalStorage Localstorage المحلية لفترة طويلة ، لا تضيع البيانات بعد إغلاق المتصفح ؛
(4) يتم حذف بيانات SessionStorage تلقائيًا بعد إغلاق المتصفح ؛
(5) عناصر محتوى أفضل ، مثل المقالة ، تذييل ، رأس ، قناة NAV ، القسم ؛
(6) التحكم في النماذج ، التقويم ، التاريخ ، الوقت ، البريد الإلكتروني ، عنوان URL ، البحث ؛
(7) عمال الويب التكنولوجي الجديد ، WebSocket ، الجيولوجيا ؛
(Q2)
يدعم IE8/IE7/IE6 الملصقات التي تم إنشاؤها بواسطة document.createlement.
يمكنك استخدام هذه الميزة للسماح لهذه المتصفحات بدعم الملصق الجديد لـ HTML5.
بعد أن يدعم المتصفح الملصق الجديد ، يجب أيضًا إضافة النمط الافتراضي للتسمية.
بالطبع ، يمكنك أيضًا استخدام الأطر الناضجة ، مثل HTML5Shim ؛
>-[إذا lt ie 9] <] <]
> البرنامج النصي <src = http://html5shim.googlecode.com/svn/trunk/html5.js>/script <
>!
10. صف بإيجاز فهمك للدائرة الدلالية HTML؟
افعل الشيء الصحيح مع التسمية الصحيحة.
يحتوي HTML Semantic على محتوى منظم وهيكل أوضح ، وهو مريح للمتصفحات ومحركات البحث ؛
حتى لو لم يكن هناك نمط CSS ، يتم عرضه بتنسيق مستند ، ومن السهل القراءة ؛
يعتمد زاحف محرك البحث أيضًا على علامة HTML لتحديد وزن السياق والكلمات الرئيسية لكل كلمة رئيسية ، والتي تفضي إلى كبار المسئولين الاقتصاديين ؛
إنه يجعل الأشخاص الذين يقرؤون الكود المصدري أسهل في فصل موقع الويب لموقع الويب ، بحيث يكون من السهل قراءة الصيانة والتفاهم.
جافا سكريبت
1. إدخال نوع البيانات الأساسية من JS
غير محدد ، لاغية ، منطقية ، رقم ، سلسلة
2. ما هي الأشياء المدمجة من JS؟
كائنات تغليف البيانات: كائن ، صفيف ، منطقي ، رقم ، سلسلة
كائنات أخرى: الوظيفة ، الوسائط ، الرياضيات ، التاريخ ، regexp ، خطأ
3. فهم كائن Athis
يشير هذا دائمًا إلى المتصل المباشر للوظيفة (بدلاً من المتصل غير المباشر) ؛
إذا كانت هناك كلمات رئيسية جديدة ، يشير هذا الكائن إلى الجديد ؛
في الحادث ، يشير هذا إلى موضوع الحادث.
هذا في الملحق يشير دائمًا إلى نافذة الكائن العالمي ؛
4. ماذا تفعل التقييم؟
تتمثل وظيفتها في حل سلسلة الأحرف المقابلة إلى رمز JS وتشغيلها ؛
يجب تجنب EVAL ، غير آمن ، واستهلاك للغاية (مرتين ، تم حلها في عبارات JS في وقت واحد ، تنفيذ واحد).
عند تحويله من سلسلة JSON إلى كائن JSON ، يمكنك استخدام eval ، var obj = eval (' + str +') ') ؛
5. كيفية إضافة العقد وإزالتها ونقلها ونسخها وإنشائها والعثور عليها
// إنشاء عقدة جديدة
CreateCumentFraagment () // إنشاء جزء DOM
CreateElement () // إنشاء عنصر معين
CreateTextNode () // إنشاء عقدة نصية
// إضافة ، إزالة ، استبدال ، إدراج
AppendChild ()
removechild ()
ReplaceChild ()
insertbefore () // أدخل نود فرعي جديد قبل عقدة الطفل الموجودة
// يجد
getElementsByTagName () // من خلال اسم التسمية
getElementsByName () // قيمة خاصية اسم العنصر
(أي قدرة تحمل الخطأ قوية ، وسيتم الحصول على صفيف ، بما في ذلك المعرف يساوي قيمة الاسم)
getElementByid () // من خلال معرف العنصر ، والتفرد
6. الفرق بين فارغ و undefinine؟
NULL هو كائن لا يفعل شيئًا ، وهو 0 عند التحول إلى القيمة ؛
القيمة الأصلية التي تشير إلى أن لا شيء نان عندما يتحول إلى القيمة.
غير محدد:
(1) يتم الإعلان عن المتغيرات ، ولكن عندما لا تكون هناك مهمة ، فإنها تساوي غير محدد.
(2) عند استدعاء الوظيفة ، لا يتم توفير المعلمات التي يجب توفيرها.
(3) لا توجد سمة للكائن ، وقيمة هذه السمة غير محددة.
(4) عندما لا تُرجع الوظيفة القيمة ، يتم إرجاع غير المحدد افتراضيًا.
باطل:
(1) كمعلمة للدالة ، فإن معلمة الوظيفة ليست كائنًا.
(2) نهاية السلسلة الأولية للكائن.
7. ماذا يفعل رمز التشغيل Thenew؟
(1) إنشاء كائن فارغ ، ويشير هذا المتغير إلى الكائن ،
في الوقت نفسه ، تم ورث النموذج الأولي للوظيفة.
(2) تتم إضافة السمات والأساليب إلى الكائن المشار إليه بواسطة هذا.
(3) تم الاستشهاد بالكائن الذي تم إنشاؤه حديثًا من قبل هذا ، والنوع المخفي النهائي يعيد هذا.
8. فهم JSON؟
JSON (تدوين كائن JavaScript) هو نوع من الضوء
تنسيق تبادل البيانات زيادة الوزن. إنها مجموعة فرعية من JavaScript.
تنسيق البيانات بسيط وسهل القراءة والكتابة ، ويشغل النطاق الترددي الصغير.
التنسيق: استخدم أزواج قيم المفاتيح ، على سبيل المثال: {'age': '12' ، 'name': 'back'}
9. الاختلافات ووظائف الاتصال () وتطبيق ()؟
تحتوي وظيفة تطبيق () على معلمتان: المعلمة الأولى هي السياق ، والثاني
المعلمة هي صفيف يتكون من المعلمة. إذا كان السياق فارغًا ، فاستخدم الكائن العالمي بدلاً من ذلك.
مثل: function.apply (هذا ، [1،2،3]) ؛
المعلمة الأولى من المكالمة () هي السياق ، وتسلسل المعلمة اللاحق الذي تم تمريره بواسطة مثيلات.
مثل: function.call (هذا ، 1،2،3) ؛
10. كيف تحصل على UA؟
وظيفة whatbrowser () {
document.browser.name.value = navigator.appname ؛
document.browser.version.value = navigator.appversion ؛
document.browser.code.value = navigator.appcodename ؛
document.browser.agent.value = navigator.useragent ؛
}
آخر
1. ما هو رمز حالة doHTTP يعرف؟
يستمر 100 مستمر ، عادة عند إرسال طلبات البريد ، تم إرسالها
بعد رأس HTTP ، سيقوم الخادم بإرجاع هذه المعلومات للإشارة إلى التأكيد ، ثم إرسال معلومات معلمة محددة
200 OK Normal Return Information
كان الطلب الذي تم إنشاؤه ناجحًا وأنشأ الخادم موارد جديدة
202 قبل الخادم المقبول الطلب ، ولكن لم تتم معالجته
تم نقل صفحة الويب التي طلبها 301 تم نقلها بشكل دائم إلى موقع جديد.
302 وجدت إعادة التوجيه المؤقت.
303 انظر الآخر إعادة توجيه مؤقت ، واستخدم دائمًا الحصول على طلب URI جديد.
304 لم يتم تعديل تعديل منذ الطلب الأخير.
لا يمكن لخادم الطلب السيئ 400 فهم تنسيق الطلب ، ويجب ألا يحاول العميل استخدام نفس المحتوى لبدء طلب مرة أخرى.
401 طلبات غير مصرح بها غير مصرح بها.
403 محظور ممنوع من الوصول.
404 لم يتم العثور عليها لا يمكن العثور على مورد يطابق URI.
500 خطأ خادم خادم الإنترنت الأكثر شيوعًا.
503 خدمة الخادم غير المتاح غير قادر مؤقتًا على معالجة الطلبات (ربما تكون محملة أو صيانة).
2. ما نوع أساليب تحسين الأداء التي لديك؟
(1) تقليل عدد طلبات HTTP: CSS Sprites ، JS ، CSS CODERSED ، صورة كبيرة
التحكم الصغير مناسب ؛
(2) يتم تقليل بيانات القالب الأمامي JS+إلى نفايات النطاق الترددي بسبب تسمية HTML.
يحفظ المتغير الأمامي نتائج طلب AJAX.
(3) استخدم InnerHTML لاستبدال عملية DOM ، وتقليل عدد عمليات DOM ، وتحسين أداء JavaScript.
(4) يتم تعيين ClassName عندما تحتاج إلى إعداد العديد من الأنماط بدلاً من أسلوب التشغيل المباشر.
(5) استخدام نتائج المتغيرات العالمية وعقد DOM Cache. تقليل عملية قراءة IO.
(6) تجنب استخدام تعبير CSS (تعبير CSS) ، والمعروف أيضًا باسم الخصائص الديناميكية.
(7) تحميل ما قبل الصورة ، ضع طاولة النمط في الأعلى ، ضع البرنامج النصي في الأسفل وأضف طابعًا زمنيًا.
3. ما هو التصنيف الأنيق والتعزيز التدريجي؟
الهبوط الأنيق: يمكن أن تعمل مواقع الويب بشكل طبيعي في جميع المتصفحات الجديدة
يتم استخدام المتصفح القديم -الأزياء ، وسيتم التحقق من الرمز لتأكيد ما إذا كان بإمكانه العمل بشكل طبيعي.
نظرًا لمشكلة تصميم طراز الصندوق الفريد من IE ، للحصول على إصدارات مختلفة من ممارسة الاختراق لـ IE
تم تخفيف الأناقة ، مضيفًا خطة المرشح لتلك المتصفحات التي لا تستطيع دعم الوظيفة ،
اجعلها تجربة هبوط في المتصفح القديم بشكل ما ، ولكن لن يتم إبطالها تمامًا.
تعزيز التخرج: بدءًا من الوظائف الأساسية التي تدعمها جميع المتصفحات ، أضفها تدريجيًا
يتم دعم وظيفة المتصفحات الجديدة فقط ، مما يضيف كمية غير ضارة من المتصفح الأساسي إلى الصفحة
النمط الخارجي والوظيفة. عندما يدعم المتصفح ، سيقدم تلقائيًا ويلعب دورًا.
4. ما هي العمليات الشائعة التي يمكن أن تسبب تسرب الذاكرة؟
تسرب الذاكرة يعني أن أي كائن لا يزال موجودًا بعد عدم امتلاكه أو تحتاجه.
يقوم جهاز استرداد القمامة بفحص الكائن بانتظام ويحسب عدد الكائنات الأخرى لكل كائن.
إذا كان عدد مراجع كائن ما هو 0 (لم يقتبس أي كائن آخر الكائن) ،
أو المرجع الوحيد للكائن دائري ، ثم يمكن إعادة تدوير ذاكرة الكائن.
تستخدم المعلمة الأولى من setTimeOut سلسلة بدلاً من وظيفة ، والتي ستؤدي إلى تسرب الذاكرة.
الإغلاق ، سجل وحدة التحكم ، الدورة (عندما يقتبس كائنان بعضهما البعض ويحتفظون ببعضهما البعض ، سيتم إنشاء دورة)
5. الفرق بين الموضوع والعملية
هناك عملية واحدة على الأقل في البرنامج ، وعملية تحتوي على موضوع واحد على الأقل.
مقياس تقسيم الخيط أقل من العملية ، مما يجعل مضاعفات البرامج متعددة الخيوط عالية.
بالإضافة إلى ذلك ، تحتوي العملية على وحدة ذاكرة مستقلة أثناء التنفيذ ، وتشارك مؤشرات الترابط المتعددة الذاكرة ،
نتيجة لذلك ، تم تحسين كفاءة تشغيل البرنامج بشكل كبير.
لا يزال الخيط مختلفًا عن العملية أثناء التنفيذ. كل موضوع مستقل لديه برنامج واحد
خروج من التسلسلات والتسلسل وتسلسل التسلسل. لكن الخيوط لا يمكن أن تكون مستقلة
يجب تنفيذ التنفيذ وفقًا لتطبيق مؤشرات ترابط متعددة في وجود التطبيق.
من منظور منطقي ، فإن أهمية الرأي المتعددة هي أنه في تطبيق واحد ، هناك عمليات إعدام متعددة
يمكن تنفيذ الجزء في نفس الوقت. لكن نظام التشغيل لا ينظر
تطبيقات لتحقيق جدولة العملية وإدارتها وتخصيص الموارد. هذه هي العملية والخيط
اختلافات مهمة.
واجهة التنمية مهندس التنمية وجه سؤال اختبار جافا سكريبت
1. الطرق التي يمكن استخدامها ديناميكيًا لتغيير المحتوى في الطبقة هي (AB)
أ) innerhtml
ب) النص الداخلي
ج) إدراك من خلال إخفاء وعرض طبقة الإعداد
د) سمات عرض سمة نمط الطبقة
2. عند الضغط على لوحة المفاتيح A ، فإن نتيجة Printing Event.KeyCode مع حدث OnKeyDown هو (أ)
أ) 65
ب) 13
ج) 97
د) 37
3. في JavaScript ، فإن الخيارات التالية ليست طريقة صفيف (ب) ؛
أ) فرز ()
ب) الطول ()
ج) CONCAT ()
د) عكس ()
4. أي من الخيارات التالية يمكن استخدامها لاسترداد رقم الفهرس للخيار المحدد؟
أ) معاق
ب) SelectionIndex
ج) الخيار
د) متعددة
5. آمل أن يكون لدى الصورة نفس زر التقديم.
أ) إرسال يدويًا في حدث OnClick من الصورة
ب) إضافة حدث onsubmit إلى الصورة
ج) إرسال يدويًا في حدث OnSubmit للصورة
د) إرسال تلقائيًا في النموذج
6. الرمز الذي يجعل طبقة DIV ومربع النص صحيحًا (D) ؛
أ)
ب)
ج)
د)
7. في الخيارات التالية ، الوصف الصحيح هو (حدد عنصرين). (إعلان)
أ) الخيارات.
ب) الخيار. ADD (خيار جديد ("A" ، "A")) يمكنه إضافة خيار قائمة المنخفضة بشكل ديناميكي
ج) خيار جديد ('A' ، 'A') 'A "يمثل قيمة خيار القائمة ،" A "يستخدم لعرضه على الصفحة
د) خيار جديد ('A' ، 'A') 'A "يمثل قيمة خيار القائمة ،" A "يستخدم لعرضه على الصفحة
8. var emp = new array (3) ؛
لـ (var i in emp)
في الإجابات التالية ، يمكن استبداله برمز الحلقة: (حدد واحد). (د)
A لـ (var i = 0 ؛ i
ب (var i = 0 ؛ i
C لـ (var i = 0 ؛ i
D لـ (var i = 0 ؛ i
9. عندما تسمى وظيفة صنع أطباق الفصل الحادثة (أ) لحادث قائمة القائمة المنسدلة.
أ) onchange
ب) onfocus
ج) محدد
د) onclick
10. في العبارات التالية للمصفوفة ، يكون الخيار الخاطئ (ج).
أ) var arry = صفيف جديد ()
ب) var arry = صفيف جديد (3)
ج) var arry [] = صفيف جديد (3) (4)
د) var arry = صفيف جديد ('3' ، '4')
11. أي من السمات التالية يمكن أن تحقق طبقة؟
أ) العرض: FALS
ب) العرض: مخفي
ج) العرض: لا شيء
د) العرض:
12. أي من الخيارات التالية ليست طريقة لكائن المستند؟
أ) التركيز ()
ب) getElementByid ()
ج) getElementsByName ()
د) BGColor ()
13. أي مما يلي يضغط على حدث لوحة المفاتيح (AB)
أ) onkeydown
ب) onkeypress
ج) رمز المفاتيح
د) onMouseover
14. الغرض من JavaScript للتحقق من التحقق من النموذج هو (ب)
أ) إرسال المعلومات الصحيحة للمستخدم إلى الخادم
ب) تحقق من البيانات المقدمة يجب أن تلبي الواقع
ج) اجعل الصفحة جميلة وسخية
د) تقليل الضغط على جانب الخادم
15. لا تشمل القيمة الشائعة الاستخدام لقيمة سمة العرض (ج)
أ) مضمنة
ب) كتلة
ج) مخفي
د) لا شيء
16. العبارات التالية حول سمة pixeltop والسمة العلوية صحيحة. (د)
أ) جميع سمات كائنات الموقع
ب) قيم الإرجاع عند الاستخدام كلها سلسلة
ج) جميع إرجاع قيمة وحدات البكسل
د) ما سبق ليس صحيحًا
17. استخدم الطريقة المفتوحة لفتح النافذة مع أدوات المستعرض ، وأعمدة العنوان ، وأشرطة القائمة.
أ) افتح (X.HTML ، HI ، أدوات = 1 ، شريط التمرير = 1 ، الحالة = 1) ؛
ب) افتح (مرحبًا ، أشرطة التمرير = 1 ، محلي = 1 ، الحالة = 1) ؛
ج) فتح (x.html ، الحالة = نعم ، menubar = 1 ، محلي = 1) ؛
D) OPEN (X.HTML ، HI ، Toolbas = نعم ، Menubar = 1 ، Local = 1) ؛
18. الرمز المغلقة أدناه صحيح (ج)
a) document.getElementByIdx_x_x_x (myDiv) .style.display = none ؛
ب) document.getElementByidx_x_x_x (myDiv) .style.display = none ؛
C) document.getElementByIdx_x_x_x (myDiv) .style.display = none ؛
D) document.getElementByidx_x_x_x (myDiv) .style.display == none ؛
19. لماذا تستخدم تخطيط Div+CSS
شكل وفصل المحتوى
قلل بشكل كبير من رمز الصفحة وزيادة سرعة تصفح الصفحة
الهيكل واضح ، وهو مفضي إلى كبار المسئولين الاقتصاديين
قصيرة وقت الثورة ، التصميم أكثر ملاءمة
التصميم ، استخدم عدة مرات
20. ما هي خصائص عناصر الكتلة؟
ابدأ دائمًا في رحلة جديدة ؛
الارتفاع والارتفاع والتحكم في المسافة العلوية والسفلية.
العرض الافتراضي هو 100 ٪ من حاويةه ، ما لم تضع عرضًا
هناك عناصر: ،
،
ما هي خصائص 21. وعناصر مضمنة؟
كلاهما مع العناصر الأخرى على الخط ؛
لا يمكن تغيير الهامش المرتفع والعالي والأعلى والسفلي ؛
العرض هو عرض نصه أو صوره ولا يمكن تغييره.
إنه عنصر مضمّن :،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،،ذر
،،،
و.
22. ما هي نتيجة التعبير عن الحاجز (x8x8)+pasefloat ('8') في جافا سكريبت؟
أ) 8+8
ب) 88
ج) 16
د) 8+ '8
23. لا تتضمن طريقة كائن السلسلة (ج)
أ) charat () ؛
ب) فرعية ()
ج) الطول
د) touppercase ()
24. حول setTimeout (تحقق ، 10) البيان صحيح (د)
أ) تنفيذ دورة البرنامج 10 مرات
ب) تحقق من تنفيذ وظيفة كل 10 ثوانٍ
ج) 10 كمعلمة تم تمريرها إلى فحص الوظيفة
د) التحقق من الوظيفة تنفذ مرة واحدة كل 10 مللي ثانية
25. أي من الكلمات التالية لا تنتمي إلى الكلمات الرئيسية JavaScript: (C)
أ) مع
ب) الوالد
ج) الفصل
د) باطلة
مقدمة
تلخص هذه المقالة بعض أسئلة المقابلة الجبلية عالية الجودة (معظمها من الإنترنت). لا تكهن ، فقط طلب مستوى المقابلة خاطئ!
هناك بضع نقاط للانتباه إلى المقابلة: (مصدر معلم تشنغ يان فاي جيثب: wintercn)
موضوع المقابلة: وفقًا لمستولك وتغيير الموقف ، فإن الدخول إلى مستوى الخبراء: النطاق ↑ ، العمق ↑ ، الاتجاه ↑.
أنواع الأسئلة: الرؤية الفنية ، تفاصيل المشروع ، أسئلة المعرفة النظرية ، أسئلة الخوارزمية ، أسئلة الانفتاح ، أسئلة الحالة.
الأسئلة: يمكنك التأكد من أنك لا تفهم أو لا تفهم المقابلة. لأن هذا النوع من المعرفة ذات الصلة هو التعلم على المدى الطويل ، فهو بالتأكيد لا يتم تذكره مؤقتًا.
أجب على السؤال ، القائم بإجراء المقابلة (ربما يكون ذلك مقابلة القيادة المباشرة) ، هل ستفكر في ما إذا كنت أريد أن يكون هذا الشخص زميلي؟ لذلك الموقف مهم. (يبدو الأمر أشبه بتاريخ أعمى)
يمكن أن يخلط كبار المهندسين المطلق والنسبي ، لذلك لا يحتاج هؤلاء الأشخاص إلى ذلك ، لأنك بحاجة إليك كشخص يمكنه الاعتماد عليه (موثوق به).
الخطوط العريضة لنقطة معرفة مقابلة التنمية الأمامية:
HTML و CSS:
فهم معايير الويب ، واختلافات kernel في المتصفح ، والتوافق ، والاختراق ، والمهارات الأساسية CSS: التخطيط ، ونموذج المربع ، وأولوية المحدد والاستخدام ، HTML5 ، CSS3 ، تكييف طرفية متنقلة
جافا سكريبت:
نوع البيانات ، الكائن الموجود ، الميراث ، الإغلاق ، المكونات ، المجال ، المجال ، المتقاطع ، سلسلة النموذج الأولي ، modularization ، الحدث المخصص ، تسرب الذاكرة ، آلية الأحداث ، استرداد التحميل غير المتزامن ، محرك القالب ، nodejs ، json ، ajax ، etc .
آخر:
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：
此条由王子墨发表在前端随笔
1、DOM结构- 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作-如何添加、移除、移动、复制、创建和查找节点等。
3、事件- 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest - 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式- 如何触发这两种模式，区分它们有何意义。
6、盒模型- 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素- 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素-怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML-二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON - 作用、用途、设计结构。