คำถามสัมภาษณ์ที่ครอบคลุมมากที่สุดการรวบรวมคำถามสัมภาษณ์หน้า

การปิดแท็ก, ฉลาก, ซ้อนกันไร้ยางอายเพิ่มโอกาสในการค้นหาการค้นหาหุ่นยนต์โดยใช้สคริปต์ CSS ห่วงโซ่ภายนอกและสคริปต์ JS, การแยกประสิทธิภาพเชิงโครงสร้าง, การดาวน์โหลดไฟล์และหน้าเร็วขึ้นเนื้อหาสามารถเข้าถึงได้โดยผู้ใช้เพิ่มเติมเนื้อหาและรหัสเนื้อหาและรหัส ส่วนประกอบที่สามารถเข้าถึงได้โดยอุปกรณ์ที่แพร่หลายมากขึ้นนั้นง่ายต่อการบำรุงรักษาและแก้ไข

ความแตกต่างระหว่าง XHTML และ HTML คืออะไร

HTML เป็นภาษาการออกแบบเว็บพื้นฐาน

องค์ประกอบ XHTML จะต้องซ้อนกันอย่างถูกต้อง

องค์ประกอบ XHTML จะต้องปิด

ฉลากจะต้องเป็นตัวอักษรตัวพิมพ์เล็ก

เอกสาร XHTML ต้องมีองค์ประกอบรูท

3.doctype?

ใช้ในการประกาศเอกสารโดยใช้ข้อกำหนดนั้น (HTML/XHTML) โดยทั่วไปเอกสาร HTML ที่มีเฟรมเวิร์กที่เข้มงวดมากเกินไปตามเฟรมเวิร์กจะถูกเรียกใช้โดยคำสั่ง XML และวิธีการวิเคราะห์จะเปลี่ยนเป็นข้อผิดพลาด IE5.5 ด้วย IE5.5

4. องค์ประกอบในบรรทัดคืออะไร?

องค์ประกอบบล็อก -level: Div P H1 H2 H3 H4 Form UL

องค์ประกอบในบรรทัด: ab br ฉันขยายอินพุตเลือก

CSS Box Model: เนื้อหา, เส้นขอบ, ขอบ, padding

5. วิธีการแนะนำ BYCSS คืออะไร?

คำแนะนำภายในภายในและภายในภายใน -ลิงก์ภายใน

ความแตกต่าง: โหลดในเวลาเดียวกัน

อดีตไม่เข้ากันได้หลังไม่รองรับเบราว์เซอร์ด้านล่าง CSS2.1

ลิงค์รองรับการใช้ JavaScript เพื่อเปลี่ยนสไตล์ซึ่งไม่สามารถทำได้

6. สัญลักษณ์การเลือกที่เลือกคืออะไร?

วิธีการคำนวณ?

ข้อใดภายในและสำคัญสูง

ตัวเลือกรหัสการเลือก TAG

การสืบทอดไม่ดีเท่า ID ที่ระบุ> คลาส> การเลือกฉลาก

หลังมีความสำคัญสูง

7. หน้าสามชั้นของหน้าและความแตกต่างคืออะไร?

เลเยอร์โครงสร้าง HTML หมายถึงเลเยอร์พฤติกรรม CSS เลเยอร์ JS

8. องค์ประกอบประโยคพื้นฐาน OFCSS?

ตัวเลือก {คุณสมบัติ 1: ค่า 1;

9. หน้าคุณทำอะไร?

แกนคืออะไร?

เช่น (เช่นเคอร์เนล) Gecko (WebKit) เปิด (Presto)

10. เขียนโซลูชั่นหลายประการไปยังข้อผิดพลาด IE6

1. ใช้การแสดงผลที่เกิดจากบั๊กระยะทางทวิภาคี

2.3 ปัญหาพิกเซลใช้ dislpay: inline -3px เกิดจาก float

3. Howl Link Hover หลังจากคลิกลิงก์การเขียนคำสั่งการเขียนที่ถูกต้องเข้าเยี่ยมชม Hover Active

4.Ie z-idex ปัญหาเพิ่มตำแหน่ง: ญาติ

5. PNG การเปลี่ยนรหัส JS โปร่งใส

6. ความสูงขั้นต่ำสุดสูงต่ำสุด! ทางออกที่สำคัญ '

7. เลือกที่จะครอบคลุมด้วยการทำรัง iframe ภายใต้ IE6

8. เหตุใดจึงไม่มีวิธีกำหนดคอนเทนเนอร์ความกว้างประมาณ 1px (IE6 บรรทัดเริ่มต้น

เกิดจาก Over: Hidden, Zoom: 0.08 Line-Height: 1px)

11. อะไรคือความแตกต่างระหว่างชื่อเรื่องและคุณสมบัติ ALT บนฉลากคืออะไร?

ALT ถูกแทนด้วยข้อความเมื่อรูปภาพไม่แสดง

ชื่อให้ข้อมูลสำหรับแอตทริบิวต์นี้

12. อธิบายบทบาทและการใช้ CSS รีเซ็ต

รีเซ็ตรีเซ็ตเบราว์เซอร์เบราว์เซอร์เริ่มต้น CSS ของเบราว์เซอร์

สไตล์ที่แตกต่างจากนั้นรีเซ็ตให้พวกเขารวมกัน

13. อธิบายวิธีใช้สไปรต์ CSS

CSS Elf รวมภาพขนาดเล็กจำนวนมากเข้ากับภาพขนาดใหญ่

ลดจำนวนคำขอบนเซิร์ฟเวอร์

14. ความแตกต่างระหว่างโหมดมาตรฐานและโหมดแปลก ๆ ของเบราว์เซอร์คืออะไร?

แตกต่างกันในโหมดการแสดงผลโมเดลกล่อง

ใช้ window.top.document.CompatMode

สามารถแสดงทำไมโหมด

15. คุณจะเพิ่มประสิทธิภาพเอกสารและทรัพยากรของเว็บไซต์ได้อย่างไร

การควบรวมไฟล์

ไฟล์ย่อ/การบีบอัดไฟล์

CDN Hosting

การใช้แคช

16. HTML ความหมายคืออะไร?

การรับรู้ของแท็กนั้นดีสำหรับการจับของเครื่องมือค้นหา

17. หลายวิธีในการลบการลอยตัวข้อดีและข้อเสียตามลำดับ

1. ใช้ฉลากเปล่าเพื่อล้างความชัดเจนลอย: ทั้งสอง (ชัดเจนในทางทฤษฎี

ฉลากใด ๆ ,, เพิ่มป้ายกำกับที่ไม่มีความหมาย)

2. ใช้ overflow: auto (องค์ประกอบแท็กที่ว่างเปล่าเพื่อลบ float โดยไม่ต้อง

อย่าเพิ่มข้อเสียของรหัสที่ไม่ได้ตั้งใจใช้การซูม: 1 สำหรับ IE ที่เข้ากันได้)

3. เคลียร์ลอยด้วยองค์ประกอบ pseudo afert (สำหรับเบราว์เซอร์ที่ไม่ใช่ -ie)

1. ประเภทข้อมูลของการกลับมาของ JavaScript

ฟังก์ชั่นหมายเลขวัตถุบูลีน Underfind

2. ตัวอย่าง 3 การแปลงประเภทภาคบังคับและการแปลงประเภทที่ซ่อนอยู่ 2 ครั้ง?

ภาคบังคับ (parseint, parsefloat, จำนวน)

ซ่อน (== - ===)

3. ความแตกต่างระหว่าง WLIT () เข้าร่วม ()

อดีตคือรูปแบบของการตัดเป็นกลุ่มและหลังคือการแปลงอาร์เรย์เป็นสตริง

4. วิธีอาร์เรย์ป๊อป () push () unshift () shift ()

เพิ่ม POP () หางลบที่หางของการกด ()

หัว Unshift () เพิ่ม shift () การลบหัว

5. อะไรคือความแตกต่างระหว่างเหตุการณ์ที่มีผลผูกพันกับเหตุการณ์ทั่วไป

6. แตกต่างจากสตรีมเหตุการณ์ Flow และ DOM

1. คำสั่งการดำเนินการแตกต่างกัน

2. พารามิเตอร์แตกต่างกัน

3. อย่าเพิ่มในเหตุการณ์

4. Ahis ชี้ไปที่ปัญหา

7. วิธีการเขียนที่เข้ากันได้ภายใต้ II และมาตรฐานคืออะไร

var ev = ev ||

Document.DocumentElement.ClientWidth ||

VAR TARGET = EV.Srelement ||

8. ความแตกต่างระหว่างวิธีการรับและโพสต์เมื่อร้องขอ

หนึ่งถูกวางไว้ในผู้ให้บริการเสมือนจริงด้านหลัง URL

มีข้อ จำกัด ขนาด

คำถามความปลอดภัย

แอปพลิเคชันที่แตกต่างกันคือฟอรัมและอื่น ๆ

9. ความแตกต่างระหว่างการโทรและการสมัคร

Object.call (นี่, OBJ1, OBJ2, OBJ3)

Object.apply (นี่คืออาร์กิวเมนต์)

เมื่อ 10.AJAX คำขอวิธีอธิบายข้อมูล JSON

การแยกวิเคราะห์ Eval มีความน่าเชื่อถือมากขึ้นในการใช้การแยกวิเคราะห์ในมุมมองของข้อควรพิจารณาด้านความปลอดภัย

11.B วิธีการสืบทอดก

12. เขียนฟังก์ชั่นเพื่อรับสไตล์ที่ไม่ใช่บรรทัด

 ฟังก์ชั่น getStyle (obj, attr, value) {ถ้า (! ค่า) {ถ้า (obj.currenstyle) {ส่งคืน obj.currenstyle (attr)} else {obj.getComputestyle ] = ค่า}}

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. (ฟังก์ชัน () {

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. return function () {// ส่งคืนฟังก์ชัน

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 Return False

16. เพิ่มเพื่อลบและแทนที่วิธีการแทรกลงในการติดต่อบางอย่าง

obj.appendchidl ()

obj.innersetbefore

obj.replacechild

obj.removechild

17. อธิบายหลักการของ JSONP และทำไมจึงไม่ใช่ Ajax ที่แท้จริง

สร้างค่ายสคริปต์แบบไดนามิกฟังก์ชันการโทรกลับ

Ajax เป็นการดำเนินการตามคำขอการรีเฟรชแบบไม่ใช้

18. วัตถุท้องถิ่นของ JavaScript สร้างวัตถุและวัตถุโฮสต์และโฮสต์

วัตถุท้องถิ่นคืออาร์เรย์ obj regexp ฯลฯ

วัตถุที่สร้างขึ้นคือคณิตศาสตร์ Gload ฯลฯ

documen, window ฯลฯ ว่าโฮสต์มาพร้อมกับเบราว์เซอร์

19. ความแตกต่างระหว่างการโหลดเอกสารและเอกสารพร้อม

document.onload คือการดำเนินการของ JS หลังจากโหลดโครงสร้างและสไตล์

Document.rady Native Species ไม่มีวิธีนี้ jQuery มีให้บริการ

$ ()

20. == และ === ต่างกัน

อดีตจะแปลงประเภทโดยอัตโนมัติ

หลังจะไม่

21. กลยุทธ์ที่คล้ายคลึงกันของ JavaScript

สคริปต์สามารถอ่านแอตทริบิวต์ของ Windows และเอกสารได้จากแหล่งเดียวกันเท่านั้น

แหล่งข้อมูลเดียวกันที่นี่หมายถึงการรวมกันของชื่อโฮสต์ข้อตกลงและหมายเลขพอร์ต

22. เขียนวิธีที่จะไปอย่างหนักเพื่อจัดเรียง

ฟังก์ชั่น OSORT (arr)

-

var result = {};

var newarr = [];

สำหรับ (var i = 0; i <arr.length; i ++)

-

ถ้า (! ผลลัพธ์ [arr])

-

newarr.push (arr)

ผลลัพธ์ [arr] = 1

-

-

กลับ Newarr

-

23. ตัวเลือกสื่อ

@media (Min-Width: 992px) และ (Max-Width: 1199px)

หน้าจอ @media และ (Min-Width: 768px)

HTML & CSS

1. การทดสอบเบราว์เซอร์ที่ใช้กันทั่วไปคืออะไร? เคอร์เนลอะไร (เลย์เอาต์เอ็นจิ้น)?

(Q1) เบราว์เซอร์: IE, Chrome, Firefox, Safari, Opera

(Q2) เคอร์เนล: ตรีศูล, ตุ๊กแก, Presto, WebKit

2. การพูดถึงความแตกต่างระหว่างองค์ประกอบ downlink และองค์ประกอบระดับบล็อก? ความเข้ากันได้ขององค์ประกอบบล็อกภายในคืออะไร? (IE8 ด้านล่าง)

(Q1) ในองค์ประกอบบรรทัด: มันจะถูกจัดเรียงในทิศทางแนวนอนซึ่งไม่สามารถรวมองค์ประกอบระดับบล็อก -และความกว้างไม่ถูกต้อง

ความสูงไม่ถูกต้อง (คุณสามารถตั้งค่าความสูงของบรรทัด) ระยะขอบไม่ถูกต้องช่องว่างภายในไม่ถูกต้อง

องค์ประกอบระดับบล็อก: แต่ละเส้นมีเส้นและทิศทางแนวตั้งจะถูกจัดเรียง จากตอนท้ายของบรรทัดใหม่หนึ่งถูกตัดการเชื่อมต่อ

(Q2) ความเข้ากันได้: แสดง: Inline-block;*แสดง: inline;*zoom: 1;

3. วิธีการลบลอยตัวเป็นอย่างไร? ไหนดีกว่ากัน?

(Q1)

(1) คำจำกัดความของความสูง

(2) แท็ก div ที่ว่างเปล่าในตอนท้าย

(3) Family Div Definition Pseudo: หลังจากและซูม

(4) คำจำกัดความของการล้น: ซ่อน

(5) คำจำกัดความของการล้น: อัตโนมัติ: อัตโนมัติ

(6) ผู้ปกครอง DIV ยังลอยและต้องการกำหนดความกว้าง

(7) การแสดงความหมาย: ตาราง

(8) เพิ่ม BR Tag Clear: ทั้งคู่ในตอนท้าย

(Q2) มันจะดีกว่าสำหรับวิธีที่สาม

4. แอตทริบิวต์ที่ใช้กันทั่วไปคืออะไร? บทบาทคืออะไร?

(Q1) SIZING BOX: CONTENT-BOX |

(q2) กล่องเนื้อหา: ความกว้างและความสูงถูกนำไปใช้กับกล่องเนื้อหาขององค์ประกอบตามลำดับ

วาดการตกแต่งภายในและขอบขององค์ประกอบที่อยู่นอกความกว้างและความสูง (เอฟเฟกต์เริ่มต้นขององค์ประกอบ)

Border-Box: การตกแต่งภายในและเฟรมใด ๆ ที่ระบุในองค์ประกอบจะถูกตั้งค่า

วาดความกว้างและความสูง ลดลงจากความกว้างและความสูงที่กำหนดตามลำดับ

เฉพาะความกว้างและความสูงของเนื้อหาเท่านั้นที่สามารถรับได้โดยเส้นขอบและระยะทางภายใน

5.Doctype? ความแตกต่างระหว่างโหมดมาตรฐานและโหมดความเข้ากันได้คืออะไร?

(Q1)>!

การวิเคราะห์มาตรฐานของเอกสารนี้ Doctype ไม่มีอยู่หรือรูปแบบที่ไม่ถูกต้องจะทำให้เกิดข้อความ

ไฟล์ถูกนำเสนอในโหมดที่เข้ากันได้

(Q2) โหมดการเรียงพิมพ์และโหมดการทำงานของ JS ของโหมดมาตรฐานได้รับการสนับสนุนมากที่สุดโดยเบราว์เซอร์

การดำเนินการมาตรฐานสูง ในโหมดที่เข้ากันได้หน้าจะหลวมและย้อนกลับ

แสดงให้เห็นว่าพฤติกรรมของการจำลองเบราว์เซอร์เก่าใช้เพื่อป้องกันไม่ให้ไซต์ไม่สามารถทำงานได้

6.HTML5 ทำไมต้องเขียน>!

HTML5 ไม่ได้ขึ้นอยู่กับ SGML ดังนั้นจึงไม่จำเป็นต้องอ้างอิง DTD แต่

ต้องการ Doctype เพื่อควบคุมพฤติกรรมของเบราว์เซอร์ (ให้เบราว์เซอร์ติดตามพวกเขา

มันควรจะเรียกใช้)

HTML4.01 ขึ้นอยู่กับ SGML ดังนั้นจึงจำเป็นต้องมีการอ้างอิงถึง DTD

แจ้งประเภทของเอกสารที่ใช้ในเอกสารเบราว์เซอร์

7. เมื่อนำเข้าเพจความแตกต่างระหว่างการใช้ลิงก์และ @Import คืออะไร?

(1) ลิงก์เป็นของฉลาก XHTML

ในการกำหนด RSS ให้กำหนดบทบาทของคุณลักษณะการเชื่อมต่อ REL ฯลฯ

สำหรับการจัดหามันสามารถใช้ในการโหลด CSS เท่านั้น

(2) เมื่อโหลดหน้าเว็บลิงค์จะโหลดในเวลาเดียวกันและ @Import Quotes

CSS จะรอจนกว่าหน้าจะโหลดก่อนโหลด

(3) การนำเข้าถูกเสนอโดย CSS2.1

ลิงค์คือฉลาก XHTML ซึ่งไม่สามารถใช้งานได้

8. แนะนำความเข้าใจของคุณเกี่ยวกับเคอร์เนลเบราว์เซอร์หรือไม่?

ส่วนใหญ่แบ่งออกเป็นสองส่วน: เครื่องยนต์เรนเดอร์ (วิศวกรเลย์เอาต์หรือ

เครื่องยนต์เรนเดอร์) และเครื่องยนต์ JS

เอ็นจิ้นเรนเดอร์: รับผิดชอบในการรับเนื้อหาของหน้าเว็บ (HTML, XML, รูปภาพ ฯลฯ )

เรียงลำดับข้อความ (เช่นการเพิ่ม CSS ฯลฯ ) และวิธีการแสดงผลของการคำนวณหน้าเว็บ

จากนั้นส่งออกไปยังจอแสดงผลหรือเครื่องพิมพ์ แกนกลางของเคอร์เนลของเบราว์เซอร์

การตีความทางไวยากรณ์ของหน้าเว็บจะแตกต่างกันดังนั้นผลของการแสดงผลจึงแตกต่างกัน

เว็บเบราว์เซอร์ทั้งหมดลูกค้าอีเมลและต้องแก้ไขอื่น ๆ

แอปพลิเคชันที่แสดงเนื้อหาเครือข่ายต้องใช้เคอร์เนล

JS Engine: วิเคราะห์และดำเนินการ JavaScript เพื่อให้ได้ผลแบบไดนามิกของหน้าเว็บ

ในตอนแรกเครื่องยนต์เรนเดอร์และเครื่องยนต์ JS ไม่ได้แยกแยะความแตกต่างอย่างชัดเจน

ด้วยความเป็นอิสระมากขึ้นเคอร์เนลมีแนวโน้มที่จะอ้างถึงเครื่องยนต์ที่แสดงผล

9. คุณสมบัติใหม่ของ HTML5 คืออะไร? วิธีจัดการเบราว์เซอร์และทั้งฉลากใหม่ของ HTML5

สามารถถูกสอบสวนได้หรือไม่? จะแยกแยะ HTML และ HTML5 ได้อย่างไร?

(Q1)

HTML5 ไม่ได้เป็นเซตย่อยของ SGML อีกต่อไปส่วนใหญ่เกี่ยวกับการเพิ่มขึ้นของฟังก์ชั่นเช่นภาพตำแหน่งการจัดเก็บและหลายครั้ง

(1) ภาพวาดผืนผ้าใบ;

(2) องค์ประกอบวิดีโอและเสียงที่ใช้สำหรับสื่อ

(3) ข้อมูลการจัดเก็บข้อมูลท้องถิ่นออฟไลน์ในพื้นที่เป็นเวลานานข้อมูลจะไม่หายไปหลังจากปิดเบราว์เซอร์

(4) ข้อมูลของ SessionStorage จะถูกลบโดยอัตโนมัติหลังจากปิดเบราว์เซอร์

(5) องค์ประกอบเนื้อหาที่ดีขึ้นเช่นบทความส่วนท้าย, ส่วนหัว, NAV, ส่วน;

(6) การควบคุมแบบฟอร์มปฏิทินวันที่เวลาอีเมล URL การค้นหา

(7) ผู้สัญญาเทคโนโลยีใหม่, WebSocket, ธรณีวิทยา;

(Q2)

IE8/IE7/IE6 รองรับฉลากที่สร้างโดย Document.createElement

คุณสามารถใช้คุณสมบัตินี้เพื่ออนุญาตให้เบราว์เซอร์เหล่านี้รองรับฉลากใหม่ของ HTML5

หลังจากเบราว์เซอร์รองรับฉลากใหม่รูปแบบเริ่มต้นของฉลากก็ต้องเพิ่มด้วย

แน่นอนคุณสามารถใช้เฟรมเวิร์กที่เป็นผู้ใหญ่เช่น HTML5Shim;

>-[ถ้า lt คือ 9] <] <

> สคริปต์ <src = http://html5shim.googlecode.com/svn/trunk/html5.js>/script <

>!

10. อธิบายความเข้าใจสั้น ๆ เกี่ยวกับการสร้างความหมาย HTML หรือไม่?

ทำสิ่งที่ถูกต้องด้วยฉลากที่ถูกต้อง

HTML Semantic มีเนื้อหาที่มีโครงสร้างและโครงสร้างที่ชัดเจนซึ่งสะดวกสำหรับเบราว์เซอร์และเครื่องมือค้นหา

แม้ว่าจะไม่มี CSS สไตล์ แต่ก็จะแสดงในรูปแบบเอกสารและอ่านง่าย

ตัวรวบรวมข้อมูลของเครื่องมือค้นหายังขึ้นอยู่กับเครื่องหมาย HTML เพื่อกำหนดน้ำหนักของบริบทและคำหลักของแต่ละคำหลักซึ่งเอื้อต่อ SEO;

มันทำให้คนที่อ่านซอร์สโค้ดง่ายขึ้นในการแยกเว็บไซต์สำหรับเว็บไซต์เพื่อให้ง่ายต่อการอ่านการบำรุงรักษาและความเข้าใจ

จาวาสคริปต์

1. แนะนำประเภทข้อมูลพื้นฐานของ JS

ไม่ได้กำหนด, ว่าง, บูลีน, ตัวเลข, สตริง

2. วัตถุที่สร้างขึ้นของ JS คืออะไร?

วัตถุบรรจุภัณฑ์ข้อมูล: วัตถุ, อาร์เรย์, บูลีน, หมายเลข, สตริง

วัตถุอื่น ๆ : ฟังก์ชั่น, อาร์กิวเมนต์, คณิตศาสตร์, วันที่, regexp, ข้อผิดพลาด

3. การทำความเข้าใจวัตถุ athis

นี่หมายถึงผู้โทรโดยตรงของฟังก์ชั่น (แทนที่จะเป็นผู้โทรทางอ้อม);

หากมีคำหลักใหม่วัตถุนี้จะชี้ไปที่ใหม่

ในเหตุการณ์นี้ชี้ไปที่วัตถุประสงค์ของเหตุการณ์

สิ่งนี้ใน attaintEvent ชี้ไปที่หน้าต่างวัตถุทั่วโลกเสมอ

4. Eval ทำอะไร?

ฟังก์ชั่นของมันคือการแก้ไขสตริงอักขระที่เกี่ยวข้องลงในรหัส JS และเรียกใช้;

การประเมินควรหลีกเลี่ยงไม่ปลอดภัยและบริโภคมาก (2 ครั้งแก้ไขเป็นคำสั่ง JS ในแต่ละครั้งการดำเนินการหนึ่งครั้ง)

เมื่อแปลงจากสตริง JSON เป็นวัตถุ JSON คุณสามารถใช้ eval, var obj = eval (' + str +') ');

5. วิธีเพิ่มลบย้ายคัดลอกสร้างและค้นหาโหนด

// สร้างโหนดใหม่

createdocumentFraagment () // สร้างส่วนของ DOM

CreateElement () // สร้างองค์ประกอบเฉพาะ

createTextNode () // สร้างโหนดข้อความ

// เพิ่ม, ลบ, แทนที่, แทรก

ภาคผนวก ()

removeChild ()

replacechild ()

insertBefore () // แทรก sub -node ใหม่ก่อนโหนดลูกที่มีอยู่

// หา

getElementsByTagname () // ผ่านชื่อฉลาก

getElementsByName () // ค่าของคุณสมบัติชื่อขององค์ประกอบ

(เช่นความสามารถในการทนต่อความผิดพลาดนั้นแข็งแกร่งและจะได้รับอาร์เรย์รวมถึง ID เท่ากับค่าชื่อ)

GetElementById () // ผ่าน Element ID, เอกลักษณ์

6. ความแตกต่างระหว่าง null และ undefinine?

NULL เป็นวัตถุที่ไม่ทำอะไรเลยซึ่งเป็น 0 เมื่อเปลี่ยนเป็นค่า

ค่าดั้งเดิมที่บ่งบอกว่าไม่มีอะไรที่จะเปลี่ยนเป็นค่า

ไม่ได้กำหนด:

(1) ตัวแปรจะถูกประกาศ แต่เมื่อไม่มีการมอบหมายจะเท่ากับไม่ได้กำหนด

(2) เมื่อเรียกฟังก์ชั่นพารามิเตอร์ที่ควรให้ไว้

(3) ไม่มีแอตทริบิวต์ของวัตถุและค่าของแอตทริบิวต์นี้ไม่ได้กำหนด

(4) เมื่อฟังก์ชั่นไม่ส่งคืนค่าที่ไม่ได้กำหนดจะถูกส่งคืนโดยค่าเริ่มต้น

โมฆะ:

(1) ในฐานะพารามิเตอร์ของฟังก์ชันพารามิเตอร์ของฟังก์ชันไม่ใช่วัตถุ

(2) จุดสิ้นสุดของห่วงโซ่หลักของวัตถุ

7. สัญลักษณ์การดำเนินงานทำอะไรแล้ว?

(1) สร้างวัตถุที่ว่างเปล่าและตัวแปรนี้อ้างอิงวัตถุ

ในเวลาเดียวกันต้นแบบของฟังก์ชั่นก็ได้รับการสืบทอดเช่นกัน

(2) แอตทริบิวต์และวิธีการถูกเพิ่มเข้าไปในวัตถุที่อ้างอิงโดยสิ่งนี้

(3) วัตถุที่สร้างขึ้นใหม่นั้นถูกอ้างถึงโดยสิ่งนี้และประเภทที่ซ่อนสุดท้ายจะส่งคืนสิ่งนี้

8. ความเข้าใจ JSON?

JSON (Notation Object JavaScript) เป็นแสงชนิดหนึ่ง

รูปแบบการแลกเปลี่ยนข้อมูลที่มีน้ำหนักเกิน มันเป็นชุดย่อยของ JavaScript

รูปแบบข้อมูลนั้นง่ายอ่านและเขียนง่ายและใช้แบนด์วิดท์ขนาดเล็ก

รูปแบบ: ใช้คู่ค่าคีย์ตัวอย่างเช่น {'อายุ': '12', 'ชื่อ': 'back'}

9. ความแตกต่างและฟังก์ชั่นของการโทร () และใช้ ()?

ฟังก์ชั่น Apply () มีสองพารามิเตอร์: พารามิเตอร์แรกคือบริบทที่สอง

พารามิเตอร์เป็นอาร์เรย์ที่ประกอบด้วยพารามิเตอร์ หากบริบทเป็นโมฆะให้ใช้วัตถุทั่วโลกแทน

เช่น: 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 ข้อมูลการส่งคืนปกติ

คำขอ 201 ที่สร้างขึ้นสำเร็จและเซิร์ฟเวอร์สร้างทรัพยากรใหม่

202 เซิร์ฟเวอร์ที่ได้รับการยอมรับได้ยอมรับคำขอ แต่ยังไม่ได้ดำเนินการ

หน้าเว็บที่ร้องขอโดย 301 ย้ายอย่างถาวรได้ย้ายไปยังตำแหน่งใหม่อย่างถาวร

302 พบการเปลี่ยนเส้นทางชั่วคราว

303 ดูการเปลี่ยนเส้นทางชั่วคราวอื่น ๆ และใช้เพื่อขอ URI ใหม่เสมอ

304 ไม่ได้รับการแก้ไขไม่ได้รับการแก้ไขตั้งแต่คำขอล่าสุด

เซิร์ฟเวอร์คำขอที่ไม่ดี 400 ไม่สามารถเข้าใจรูปแบบของคำขอได้และไคลเอนต์ไม่ควรลองใช้เนื้อหาเดียวกันเพื่อเริ่มคำขออีกครั้ง

401 คำขอที่ไม่ได้รับอนุญาตไม่ได้รับอนุญาต

403 ต้องห้ามไม่ให้เข้าถึง

404 ไม่พบไม่พบทรัพยากรที่ตรงกับ URI

500 ข้อผิดพลาดเซิร์ฟเวอร์ที่พบบ่อยที่สุดของเซิร์ฟเวอร์

เซิร์ฟเวอร์ที่ไม่พร้อมใช้งาน 503 ไม่สามารถดำเนินการตามคำขอได้ชั่วคราว (อาจมีการโอเวอร์โหลดหรือบำรุงรักษา) ชั่วคราว

2. คุณมีวิธีการเพิ่มประสิทธิภาพประสิทธิภาพแบบไหน?

(1) ลดจำนวนคำขอ HTTP: CSS Sprites, JS, การบีบอัดซอร์สโค้ด CSS, ภาพขนาดใหญ่

การควบคุมขนาดเล็กมีความเหมาะสม

(2) ข้อมูลเทมเพลต JS+ด้านหน้าจะลดลงเป็นของเสียแบนด์วิดท์เนื่องจากฉลาก HTML

ตัวแปร front -end จะบันทึกผลลัพธ์การร้องขอ AJAX

(3) ใช้ InnerHTML เพื่อแทนที่การทำงานของ DOM ลดจำนวนการดำเนินงาน DOM และเพิ่มประสิทธิภาพประสิทธิภาพของ JavaScript

(4) ชื่อคลาสถูกตั้งค่าเมื่อคุณต้องตั้งค่าหลายสไตล์แทนสไตล์การทำงานโดยตรง

(5) ใช้ผลลัพธ์ของตัวแปรส่วนกลางและโหนดแคช DOM ลดการดำเนินการอ่าน IO

(6) หลีกเลี่ยงการใช้ CSS Expressionion (การแสดงออกของ CSS) หรือที่เรียกว่าคุณสมบัติแบบไดนามิก

(7) การโหลดล่วงหน้าของรูปภาพวางตารางสไตล์ไว้ด้านบนวางสคริปต์ลงด้านล่างและเพิ่มการประทับเวลา

3. การปรับลดระดับและการปรับปรุงค่อยเป็นค่อยไปคืออะไร?

การผลักไสที่สง่างาม: เว็บไซต์สามารถทำงานได้ตามปกติในเบราว์เซอร์ใหม่ทั้งหมด

ใช้เบราว์เซอร์แบบเก่าและรหัสจะตรวจสอบเพื่อยืนยันว่าสามารถทำงานได้ตามปกติหรือไม่

เนื่องจากปัญหาของเค้าโครงโมเดลกล่องที่ไม่ซ้ำกันของ IE สำหรับการฝึกแฮ็ครุ่นต่าง ๆ ของ IE

ความสง่างามได้รับการปรับลดลงเพิ่มแผนผู้สมัครสำหรับเบราว์เซอร์เหล่านั้นที่ไม่สามารถรองรับฟังก์ชั่นได้

ทำให้มันเป็นประสบการณ์การเนรเทศในเบราว์เซอร์เก่าในบางรูปแบบ แต่มันจะไม่เป็นโมฆะอย่างสมบูรณ์

การปรับปรุงการสำเร็จการศึกษา: เริ่มต้นจากฟังก์ชั่นพื้นฐานที่รองรับโดยเบราว์เซอร์ทั้งหมดค่อยๆเพิ่มเหล่านั้น

ฟังก์ชั่นของเบราว์เซอร์ใหม่เท่านั้นที่รองรับเพิ่มจำนวนเบราว์เซอร์พื้นฐานที่ไม่เป็นอันตรายลงในหน้า

สไตล์และฟังก์ชั่นภายนอก เมื่อเบราว์เซอร์รองรับพวกเขาจะนำเสนอและมีบทบาทโดยอัตโนมัติ

4. การดำเนินการทั่วไปใดที่สามารถทำให้หน่วยความจำรั่วไหลได้?

การรั่วไหลของหน่วยความจำหมายความว่าวัตถุใด ๆ ที่ยังคงมีอยู่หลังจากที่คุณไม่ได้เป็นเจ้าของหรือต้องการอีกต่อไป

อุปกรณ์กู้คืนขยะจะสแกนวัตถุอย่างสม่ำเสมอและคำนวณจำนวนวัตถุอื่น ๆ ของแต่ละวัตถุ

หากจำนวนการอ้างอิงของวัตถุคือ 0 (ไม่มีวัตถุอื่นที่อ้างถึงวัตถุ)

หรือการอ้างอิงเพียงอย่างเดียวกับวัตถุคือวงกลมจากนั้นหน่วยความจำของวัตถุสามารถรีไซเคิลได้

พารามิเตอร์แรกของ settimeout ใช้สตริงแทนฟังก์ชันซึ่งจะทำให้หน่วยความจำรั่วไหล

การปิด, บันทึกคอนโซล, รอบ (เมื่อวัตถุสองชิ้นอ้างซึ่งกันและกันและเก็บรักษาซึ่งกันและกันวงจรจะถูกสร้างขึ้น)

5. ความแตกต่างระหว่างเธรดและกระบวนการ

มีกระบวนการอย่างน้อยหนึ่งกระบวนการในโปรแกรมและกระบวนการมีอย่างน้อยหนึ่งเธรด

มาตราส่วนการแบ่งของเธรดน้อยกว่ากระบวนการทำให้เกิดภาวะแทรกซ้อนของโปรแกรมหลายเธรดสูง

นอกจากนี้กระบวนการยังมีหน่วยหน่วยความจำอิสระในระหว่างการดำเนินการและหลายเธรดแบ่งปันหน่วยความจำ

เป็นผลให้ประสิทธิภาพการทำงานของโปรแกรมได้รับการปรับปรุงอย่างมาก

เธรดยังคงแตกต่างจากกระบวนการในระหว่างการดำเนินการ แต่ละเธรดอิสระมีหนึ่งโปรแกรม

ออกจากลำดับและลำดับและลำดับของการเรียงลำดับ แต่เธรดไม่สามารถเป็นอิสระได้

การดำเนินการจะต้องดำเนินการตามแอปพลิเคชันของหลายเธรดในการดำรงอยู่ของแอปพลิเคชัน

จากมุมมองเชิงตรรกะความสำคัญของการเธรดมัลติคือในแอปพลิเคชันเดียวมีการประหารชีวิตหลายครั้ง

ส่วนสามารถดำเนินการในเวลาเดียวกัน แต่ระบบปฏิบัติการไม่ถือว่าหลายเธรดเป็นหลาย ๆ ตัวที่เป็นอิสระ

แอปพลิเคชันเพื่อให้บรรลุการกำหนดเวลากระบวนการและการจัดการและการจัดสรรทรัพยากร นี่คือกระบวนการและเธรด

ความแตกต่างที่สำคัญ

Front -end Engineer FACE TEST คำถาม JavaScript

1. วิธีการที่สามารถใช้แบบไดนามิกเพื่อเปลี่ยนเนื้อหาในเลเยอร์คือ (AB)

a) innerhtml

b) innertext

c) ตระหนักถึงการซ่อนและแสดงเลเยอร์การตั้งค่า

d) แสดงคุณลักษณะของแอตทริบิวต์สไตล์ของเลเยอร์เลเยอร์

2. เมื่อกดแป้นพิมพ์ A ผลลัพธ์ของเหตุการณ์การพิมพ์ keycode กับเหตุการณ์ onkeydown คือ (a)

a) 65

b) 13

c) 97

d) 37

3. ใน JavaScript ตัวเลือกต่อไปนี้ไม่ใช่วิธีอาร์เรย์ (b);

a) เรียงลำดับ ()

b) ความยาว ()

c) concat ()

d) ย้อนกลับ ()

4. ตัวเลือกใดต่อไปนี้สามารถใช้เพื่อดึงหมายเลขดัชนีของตัวเลือกที่เลือก

a) ปิดใช้งาน

b) SelectedIndex

c) ตัวเลือก

d) หลาย

5. ฉันหวังว่าภาพจะมีฟังก์ชั่นการส่งแบบเดียวกัน

a) ส่งด้วยตนเองในเหตุการณ์ onclick ของรูปภาพ

b) เพิ่มเหตุการณ์ onsubmit ลงในรูปภาพ

c) ส่งด้วยตนเองในเหตุการณ์ onsubmit ของรูปภาพ

d) ส่งโดยอัตโนมัติในแบบฟอร์ม

6. รหัสที่ทำให้ชั้น div และกล่องข้อความถูกต้อง (d);

a)

b)

c)

d)

7. ในตัวเลือกต่อไปนี้คำอธิบายที่ถูกต้องคือ (เลือกสองรายการ) (โฆษณา)

A) ตัวเลือก ADD (ตัวเลือกใหม่ ('A', 'A')) สามารถเพิ่มตัวเลือกรายการดรอปดาวน์ไดงวันได้แบบไดนามิก

b) ตัวเลือก ADD (ตัวเลือกใหม่ ('a', 'a')) สามารถเพิ่มตัวเลือกรายการดรอปดาวน์ไดนามิกแบบไดนามิก

c) ตัวเลือกใหม่ ('a', 'a') 'a' หมายถึงค่าของตัวเลือกรายการ 'A' ใช้เพื่อแสดงบนหน้า

d) ตัวเลือกใหม่ ('a', 'a') 'a' หมายถึงค่าของตัวเลือกรายการ 'A' ใช้เพื่อแสดงบนหน้า

8. var emp = อาร์เรย์ใหม่ (3);

สำหรับ (var i ใน EMP)

ในคำตอบต่อไปนี้สามารถแทนที่ด้วยรหัสลูป: (เลือกหนึ่ง) (d)

A for (var i = 0; i

b สำหรับ (var i = 0; i

c สำหรับ (var i = 0; i

d สำหรับ (var i = 0; i

9. เมื่อฟังก์ชั่นการทำอาหารในชั้นเรียนเรียกว่า (a) เหตุการณ์ที่เกิดขึ้นของกล่องรายการลดลง

a) onchange

b) onfocus

c) เลือก

d) onclick

10. ในข้อความต่อไปนี้ของอาร์เรย์ตัวเลือกที่ไม่ถูกต้องคือ (c)

a) var arry = อาร์เรย์ใหม่ ()

b) var arry = อาร์เรย์ใหม่ (3)

c) var arry [] = อาร์เรย์ใหม่ (3) (4)

d) var arry = อาร์เรย์ใหม่ ('3', '4')

11. คุณลักษณะใดต่อไปนี้ที่สามารถซ่อนเลเยอร์ได้ (c)

a) แสดง: Fals

b) แสดง: ซ่อน

c) แสดง: ไม่มี

d) แสดง:

12. ตัวเลือกใดต่อไปนี้ไม่ใช่วิธีการของเอกสาร

a) โฟกัส ()

b) GetElementById ()

c) getElementsByName ()

d) bgcolor ()

13. ข้อใดต่อไปนี้กำลังกดเหตุการณ์แป้นพิมพ์ (AB)

a) onkeydown

b) onkeypress

C) คีย์

d) onmouseover

14. วัตถุประสงค์ของ JavaScript เพื่อตรวจสอบการตรวจสอบแบบฟอร์มคือ (B)

a) ส่งข้อมูลที่ถูกต้องของผู้ใช้ไปยังเซิร์ฟเวอร์

b) ตรวจสอบข้อมูลที่ส่งข้อมูลจะต้องเป็นไปตามความเป็นจริง

c) ทำให้หน้าสวยงามและใจกว้าง

d) ลดแรงกดดันทางด้านเซิร์ฟเวอร์

15. ค่าที่ใช้กันทั่วไปของค่าแอตทริบิวต์การแสดงผลไม่รวม (c)

a) อินไลน์

b) บล็อก

c) ซ่อน

d) ไม่มี

16. ข้อความต่อไปนี้เกี่ยวกับแอตทริบิวต์ Pixeltop และแอตทริบิวต์ด้านบนถูกต้อง (d)

a) คุณลักษณะทั้งหมดของวัตถุตำแหน่ง

b) ค่าส่งคืนเมื่อใช้เป็นสตริงทั้งหมด

c) ส่งคืนค่าพิกเซลทั้งหมด

d) ข้างต้นไม่ถูกต้อง

17. ใช้วิธีเปิดเพื่อเปิดหน้าต่างด้วยเครื่องมือเบราว์เซอร์คอลัมน์ที่อยู่แถบเมนู

a) เปิด (x.html, hi, toolbas = 1, scrollbars = 1, สถานะ = 1);

b) เปิด (HI, scrollbars = 1, local = 1, สถานะ = 1);

c) เปิด (x.html, สถานะ = ใช่, menubar = 1, local = 1);

d) เปิด (x.html, hi, toolbas = ใช่, menubar = 1, local = 1);

18. รหัสที่ปิดด้านล่างนั้นถูกต้อง (c)

a) document.getElementByIdx_x_x_x (mydiv) .style.display = ไม่มี;

b) document.getElementByIdx_x_x_x (mydiv) .style.display = ไม่มี;

c) document.getElementByIdx_x_x_x (mydiv) .style.display = ไม่มี;

d) document.getElementByIdx_x_x_x (mydiv) .style.display == ไม่มี;

19. ทำไมต้องใช้เค้าโครง Div+CSS

รูปแบบและการแยกเนื้อหา

ลดรหัสหน้าและเพิ่มความเร็วในการท่องหน้าเว็บ

โครงสร้างมีความชัดเจนซึ่งเอื้อต่อ SEO

สั้นลงเวลาปฏิวัติเค้าโครงสะดวกกว่า

ออกแบบใช้หลายครั้ง

20. อะไรคือลักษณะขององค์ประกอบบล็อก

เริ่มต้นด้วยการเดินทางใหม่เสมอ

ความสูง, ความสูง, การควบคุมระยะทางด้านบนและล่าง;

ค่าเริ่มต้นความกว้างคือ 100%ของคอนเทนเนอร์เว้นแต่จะตั้งค่าความกว้าง

มีองค์ประกอบ: ,,

-

อะไรคือลักษณะของ 21. และองค์ประกอบอินไลน์?

ทั้งองค์ประกอบอื่น ๆ อยู่ในบรรทัด

ไม่สามารถเปลี่ยนแปลงระยะขอบสูงสูงและด้านบนและล่างได้

ความกว้างคือความกว้างของข้อความหรือรูปภาพและไม่สามารถเปลี่ยนแปลงได้

มันเป็นองค์ประกอบแบบอินไลน์: ,,,,,,,

-

และ.

22. ผลการแสดงออกของ Parseint (x8x8)+pasefloat ('8') ใน JavaScript คืออะไร (c)

a) 8+8

b) 88

c) 16

d) 8+ '8

23. วิธีการของวัตถุสตริงไม่รวม (c)

a) charat ();

b) substring ()

c) ความยาว

d) touppercase ()

24. เกี่ยวกับ settimeout (ตรวจสอบ, 10) คำสั่งถูกต้อง (d)

a) การดำเนินการรอบโปรแกรม 10 ครั้ง

b) ฟังก์ชั่นดำเนินการทุก 10 วินาที

c) 10 เป็นพารามิเตอร์ที่ส่งไปยังการตรวจสอบฟังก์ชัน

d) ฟังก์ชั่นจะดำเนินการทุก ๆ 10 มิลลิวินาที

25. คำใดต่อไปนี้ไม่ได้เป็นของคำหลัก JavaScript: (c)

a) ด้วย

b) ผู้ปกครอง

c) ชั้นเรียน

d) เป็นโมฆะ

คำนำ

บทความนี้สรุปคำถามสัมภาษณ์ที่มีคุณภาพสูง (ส่วนใหญ่มาจากอินเทอร์เน็ต) อย่าคาดเดาเพียงแค่ขอระดับการสัมภาษณ์ผิด!

มีบางจุดที่ให้ความสนใจกับการสัมภาษณ์: (แหล่งที่มาของ Cheng Yan Fei ครู GitHub: @wintercn)

หัวข้อสัมภาษณ์: ตามระดับและการเปลี่ยนแปลงตำแหน่งของคุณระดับการเข้าสู่ระดับผู้เชี่ยวชาญ: ขอบเขต↑, ความลึก↑, ทิศทาง↑

ประเภทของคำถาม: วิสัยทัศน์ทางเทคนิครายละเอียดโครงการคำถามความรู้เชิงทฤษฎีคำถามอัลกอริทึมคำถามเปิดกว้างคำถามกรณี

คำถาม: คุณสามารถมั่นใจได้ว่าคุณไม่เข้าใจหรือไม่เข้าใจผู้สัมภาษณ์ เนื่องจากความรู้ที่เกี่ยวข้องประเภทนี้คือการเรียนรู้ระยะยาวจึงไม่ได้รับการจดจำชั่วคราว

ตอบคำถามผู้สัมภาษณ์ (อาจเป็นการสัมภาษณ์ผู้นำโดยตรงของคุณ) คุณจะพิจารณาว่าฉันต้องการให้บุคคลนี้เป็นเพื่อนร่วมงานของฉันหรือไม่? ทัศนคติจึงเป็นสิ่งสำคัญ (รู้สึกเหมือนเป็นคนตาบอดมากขึ้น)

วิศวกรอาวุโสสามารถสร้างความสับสนและญาติได้ดังนั้นคนเหล่านี้ไม่ต้องการเพราะคุณต้องการให้คุณเป็นคนที่สามารถพึ่งพาได้ (เชื่อถือได้)

โครงร่างของจุดสัมภาษณ์การพัฒนาด้านหน้า: จุดความรู้:

HTML & CSS:

ความเข้าใจเกี่ยวกับมาตรฐานเว็บ, ความแตกต่างของเคอร์เนลเบราว์เซอร์, ความเข้ากันได้, แฮ็ค, ทักษะพื้นฐาน CSS: เค้าโครง, โมเดลกล่อง, ลำดับความสำคัญและการใช้งานตัวเลือก, HTML5, CSS3, การปรับเทอร์มินัล

JavaScript:

Data type, object -oriented, inheritance, closure, plug -in, action domain, cross -domain, prototype chain, modularization, custom event, memory leakage, event mechanism, asynchronous loading recovery, template engine, 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 - 作用、用途、设计结构。