คำถามและคำตอบสัมภาษณ์นักพัฒนาเว็บ 17 อันดับแรก
คำถามสัมภาษณ์การพัฒนาเว็บ
ต่อไปนี้เป็นคำถามและคำตอบในการสัมภาษณ์การพัฒนาเว็บไซต์สำหรับนักศึกษาใหม่และผู้สมัครนักพัฒนาเว็บที่มีประสบการณ์เพื่อรับงานในฝัน
1) อธิบายว่าความรับผิดชอบหลักของนักพัฒนาเว็บคืออะไร?
- ทดสอบโปรแกรมและดีบักแอปพลิเคชันเว็บทั้งหมด
- ออกแบบ พัฒนา ทดสอบ และปรับใช้เว็บแอปพลิเคชัน
- การอัปโหลดไซต์ไปยังเซิร์ฟเวอร์และลงทะเบียนกับเครื่องมือค้นหาต่างๆ
- ประสานงานกับนักออกแบบและโปรแกรมเมอร์คนอื่นๆ เพื่อพัฒนาโครงการเว็บ
- แก้ไขข้อบกพร่อง แก้ไขปัญหา และแก้ไขปัญหา
- ในกรณีที่ระบบล้มเหลว ให้เริ่มการทดสอบเป็นระยะและดำเนินการตามแผนฉุกเฉิน
- พัฒนาโครงสร้างโค้ดที่เหมาะสมเพื่อแก้ไขงานเฉพาะ
- สนับสนุนและช่วยเหลือในการดูแลรักษาและ การบำรุงรักษา ของเว็บไซต์
- ถือว่าเป็นเจ้าของโค้ดตลอดทั้งการจัดเตรียม การพัฒนา การทดสอบ และการใช้งานจริง
ดาวน์โหลด PDF ฟรี: คำถามสัมภาษณ์นักพัฒนาเว็บ
2) สิ่งที่นักพัฒนาเว็บควรรู้?
นักพัฒนาเว็บที่ดีควรรู้
3) อธิบายว่า CORS คืออะไร? มันทำงานอย่างไร?
(CORS) การแบ่งปันทรัพยากรข้ามแหล่งกำเนิดเป็นกลไกที่ช่วยให้ทรัพยากรจำนวนมาก (เช่น JavaScript, แบบอักษร ฯลฯ) บนหน้าเว็บได้รับการร้องขอจากโดเมนอื่นภายนอกโดเมนที่เป็นแหล่งที่มาของทรัพยากร เป็นกลไกที่รองรับใน HTML5 ที่จัดการการเข้าถึง XMLHttpRequest ไปยังโดเมนอื่น
4) แสดงรายการข้อดีของ HTTP/2 เมื่อเปรียบเทียบกับ HTTP 1.1 หรือไม่
ข้อดีของ HTTP/2 เมื่อเทียบกับ HTTP/1.1 คือ
- การบีบอัดข้อมูลส่วนหัว HTTP
- เทคโนโลยีพุชเซิร์ฟเวอร์
- ผ่านการเชื่อมต่อ TCP เดียวการโหลดองค์ประกอบของหน้าแบบขนาน
- การจัดลำดับความสำคัญของคำขอ
5) อธิบายว่า ETag คืออะไร และทำงานอย่างไร
ETag คือตัวระบุทึบแสงที่เว็บเซิร์ฟเวอร์จัดสรรให้กับเวอร์ชันเฉพาะของทรัพยากรที่พบใน URL ETag เป็นส่วนหนึ่งของ HTTP ซึ่งเป็นโปรโตคอลสำหรับเวิลด์ไวด์เว็บ และเมื่อเซิร์ฟเวอร์อ่าน ETag จากคำขอของลูกค้า เซิร์ฟเวอร์จะสามารถบอกได้ว่าจะส่งไฟล์ (HTTP 200) หรือบอกลูกค้าให้ใช้สำเนาในเครื่องของตนเท่านั้น (HTTP304).
6) อธิบายว่าการโพลแบบยาวคืออะไร?
การโพลแบบยาวเป็นรูปแบบการพัฒนาเว็บแอปพลิเคชันที่ใช้ในการจำลองการส่งข้อมูลจากเซิร์ฟเวอร์ไปยังไคลเอนต์ เมื่อใช้การโพลแบบยาว ไคลเอนต์จะส่งคำขอไปยังเซิร์ฟเวอร์ และการเชื่อมต่อยังคงอยู่จนกว่าเซิร์ฟเวอร์จะพร้อมที่จะส่งข้อมูลไปยังไคลเอนต์ การเชื่อมต่อจะถูกปิดหลังจากที่ข้อมูลถูกส่งกลับไปยังไคลเอนต์หรือเกิดการเชื่อมต่อหมดเวลาเท่านั้น
7) อธิบายว่า DTD (Document Type Declaration) คืออะไร? พูดถึงความแตกต่างระหว่าง CDATA และ PCDATA ใน DTD คืออะไร
DTD หมายถึง Document Type Definition (DTD) ซึ่งกำหนดโครงสร้าง องค์ประกอบทางกฎหมาย และคุณลักษณะของ XML เอกสาร
- พีซีดาต้า: PCDATA คือข้อมูลอักขระที่แยกวิเคราะห์ ตัวแยกวิเคราะห์ XML มักจะแยกวิเคราะห์ข้อความทั้งหมดในเอกสาร XML
- ซีดีดาต้า: แม้ว่า CDATA จะเป็นข้อมูลอักขระที่ไม่ได้แยกวิเคราะห์ แต่คำว่า CDATA จะใช้เกี่ยวกับข้อมูลข้อความที่ไม่ควรแยกวิเคราะห์โดยตัวแยกวิเคราะห์ XML
8) พูดถึงเคล็ดลับบางอย่างที่คุณสามารถใช้เพื่อลดเวลาในการโหลดแอปพลิเคชันเว็บที่คุณเขียนไว้ได้หรือไม่?
หากต้องการลดเวลาในการโหลดแอปพลิเคชันเว็บ คุณต้องปฏิบัติตามคำแนะนำต่อไปนี้
- ปรับภาพให้เหมาะสมไม่เกินความละเอียดหน้าจอและบันทึกเป็นไฟล์บีบอัด
- กำจัดไฟล์ JavaScript ทั้งหมดเพื่อลดปริมาณข้อมูลที่ถ่ายโอนได้
- รวมและย่อขนาดทั้งหมด CSS และ JS และเรียกพวกเขาในส่วนท้าย
- ไฟล์ Defer หรือ Asynch JS
9) พูดถึงวิธีที่ถูกต้องในการรวม JavaScript ลงใน HTML ของคุณคืออะไร?
วิธีที่ถูกต้องในการรวม JavaScript ลงใน HTML ของคุณคือการใช้ตัวจัดการเหตุการณ์แบบอินไลน์หรือโค้ดแบบอินไลน์
10) อธิบายใน CSS คุณจะเปลี่ยนสีพื้นหลังขององค์ประกอบแบบฟอร์มเมื่อผู้ใช้ป้อนข้อความได้อย่างไร ใช้งานได้กับเบราว์เซอร์ทั้งหมดหรือไม่
ใช่ คุณสามารถเปลี่ยนรูปลักษณ์เริ่มต้นขององค์ประกอบแบบฟอร์มได้โดยจัดสไตล์แท็ก HTML: อินพุต การเลือก และพื้นที่ข้อความ แต่จะใช้งานไม่ได้กับทุกเบราว์เซอร์
11) อธิบายว่าคุกกี้และที่จัดเก็บในตัวเครื่องแตกต่างกันอย่างไร
คุกกี้ | เก็บข้อมูลท้องถิ่น | |
ฝั่งไคลเอ็นต์/ฝั่งเซิร์ฟเวอร์ | ข้อมูลสามารถเข้าถึงได้ทั้งฝั่งไคลเอ็นต์และฝั่งเซิร์ฟเวอร์ ข้อมูลจะถูกส่งไปยังเซิร์ฟเวอร์พร้อมกับทุกคำขอคุกกี้ | เข้าถึงได้เฉพาะข้อมูลด้านเบราว์เซอร์ในเครื่องเท่านั้น เซิร์ฟเวอร์ไม่สามารถใช้ที่จัดเก็บในตัวเครื่องได้จนกว่าจะส่งคำขอไปยังเซิร์ฟเวอร์โดยเจตนาผ่าน POST หรือ GET |
ขนาด | ความจุของคุกกี้คือ 4095 ไบต์/คุกกี้ | ความจุของที่จัดเก็บในเครื่องคือ 5MB ต่อโดเมน |
การหมดอายุ | คุกกี้มีวันหมดอายุและข้อมูลคุกกี้จะถูกลบหลังจากผ่านไประยะหนึ่ง | ไม่มีวันหมดอายุและต้องลบออกด้วยตนเอง |
12) ใน HTML แท็กใดที่สามารถใช้สำหรับการควบคุมการป้อนข้อความแบบหลายบรรทัด?
สำหรับการควบคุมการป้อนข้อความแบบหลายบรรทัด คุณสามารถใช้ "แท็ก textarea"
13) อธิบายว่าคุณสามารถอ้างถึงไฟล์ CSS ในหน้าเว็บได้อย่างไร?
คุณสามารถอ้างถึงไฟล์ .CSS ในหน้าเว็บได้โดยใช้ แท็ก ก็ควรจะเก็บไว้ระหว่าง. แท็ก ตัวอย่างเช่น <linkhref=”/css/mystyle.css” type=”text/css” rel=”stylesheet”/>
14) ระบุวิธีที่คุณสามารถลดเวลาในการโหลดหน้าเว็บได้?
คุณสามารถทำสิ่งต่อไปนี้เพื่อลดเวลาในการโหลดหน้าเว็บ
- ลดขนาดรูปภาพ
- ลบวิดเจ็ตที่ไม่จำเป็นออก
- การบีบอัด HTTP
- วาง CSS ที่ด้านบนและการอ้างอิงสคริปต์ที่ด้านล่างหรือในไฟล์ภายนอก
- ลดการค้นหา
- ลดการเปลี่ยนเส้นทางให้สั้นสุด
- เก็บเอาไว้,
15) ใน HTML กล่าวถึงความแตกต่างระหว่าง และ -
ความแตกต่างระหว่าง และ นั่นคือก
กรอบ | DIV |
ด้วยเฟรม คุณสามารถแสดงเอกสาร HTML ได้มากกว่าหนึ่งเอกสารในหน้าต่างเบราว์เซอร์เดียวกัน | ที่ แท็ก กำหนดส่วนหรือส่วนในเอกสาร HTML |
แท็กเฟรมประกาศหน้าต่างใดหน้าต่างหนึ่งภายในเฟรมเซ็ต | ที่ ใช้เพื่อจัดกลุ่มองค์ประกอบบล็อกเพื่อจัดรูปแบบด้วยสไตล์ |
เฟรมสามารถโหลดทรัพยากรอื่น ๆ โดยใช้ HTML | ในทางกลับกัน หน่วยงานสามารถให้บริการเนื้อหาท้องถิ่นในลักษณะของเฟรม แต่เนื้อหานั้นไม่ได้เป็นอิสระจากหน้า |
16) XHTML แตกต่างจาก HTML อย่างไร
- XHTML กำหนดให้แท็กทั้งหมดควรเป็นตัวพิมพ์เล็ก
- XHTML กำหนดให้แท็กทั้งหมดควรปิดอย่างถูกต้อง
- XHTML กำหนดให้แอตทริบิวต์ทั้งหมดอยู่ในเครื่องหมายคำพูดคู่
- XHTML ห้ามไม่ให้องค์ประกอบแบบอินไลน์มีองค์ประกอบระดับบล็อก
17) แสดงรายการ API ใหม่ที่ได้รับจากมาตรฐาน HTML 5 หรือไม่
- HTML 5 มาพร้อมกับ API ใหม่จำนวนมาก
- ภาพบรรยากาศ API
- API ติดตามข้อความ
- API แคชของแอปพลิเคชัน
- API การถ่ายโอนข้อมูล
- ปฏิสัมพันธ์ของผู้ใช้
- คำสั่ง API
- API การตรวจสอบข้อจำกัด
- API ประวัติ
คำถามสัมภาษณ์เหล่านี้จะช่วยในวีว่าของคุณ (วาจา)
มันดีต่อความสดชื่น
ขอบคุณ!
ฉันกำลังจะเริ่มต้นเว็บไซต์เรียนภาษา ฉันมีไฟล์ MP64 4 ไฟล์ (รวม 577 MB) ที่ฉันต้องการให้ผู้ใช้ดาวน์โหลดฟรี ฉันจะต้องเสียค่าใช้จ่ายเท่าไรในฐานะเจ้าของไซต์?
ดี
การพัฒนาแอปพลิเคชันเว็บช่วยให้เราเข้าใจเรื่องยากๆ ขอบคุณสำหรับการแบ่งปันโพสต์ที่ยอดเยี่ยมนี้ แบ่งปันบล็อกดังกล่าวกับเราต่อไป
มันมีประโยชน์มาก ขอบคุณ
ขอบคุณมากเพื่อนของฉัน
ดี.
ดี!