ระบบนิเวศ Vue
Vite, Vue DevTools, VueUse, Headless UI, Radix Vue, TailwindCSS, UnoCSS, ไลบรารีจากชุมชน
1Vite คืออะไรและข้อได้เปรียบหลักในการพัฒนาคืออะไร？
Vite คืออะไรและข้อได้เปรียบหลักในการพัฒนาคืออะไร？
คำตอบ
Vite เป็นเครื่องมือ build สมัยใหม่ที่ใช้ ES modules ดั้งเดิมของเบราว์เซอร์ในระหว่างการพัฒนา ทำให้ไม่จำเป็นต้องทำ bundling และเปิดใช้งาน Hot Module Replacement ได้แทบจะทันที ต่างจาก Webpack ที่รวมโค้ดทั้งหมดตอนเริ่มต้น Vite จะคอมไพล์เฉพาะไฟล์ที่ร้องขอตามต้องการเท่านั้น แนวทางนี้ช่วยลดเวลาเริ่มต้นของโปรเจกต์ Vue และ Nuxt ลงอย่างมาก โดยเฉพาะในโค้ดเบสขนาดใหญ่
2Vite ใช้บันด์เลอร์ใดสำหรับ production?
Vite ใช้บันด์เลอร์ใดสำหรับ production?
คำตอบ
Vite ใช้ Rollup สำหรับการ bundle ในโหมด production ตัวเลือกนี้ใช้ประโยชน์จากระบบนิเวศปลั๊กอินที่เติบโตเต็มที่ของ Rollup และการเพิ่มประสิทธิภาพขั้นสูง เช่น tree-shaking ที่มีประสิทธิภาพและ code splitting อัตโนมัติ ในระหว่างการพัฒนา Vite ใช้ esbuild เพื่อ transpile อย่างรวดเร็ว แต่ในโหมด production Rollup ให้การควบคุมการสร้างบันเดิลที่ปรับให้เหมาะสมได้ดีกว่า
3จะกำหนดค่า alias เส้นทางแบบกำหนดเองในโปรเจกต์ Vite ที่ใช้ Vue ได้อย่างไร?
จะกำหนดค่า alias เส้นทางแบบกำหนดเองในโปรเจกต์ Vite ที่ใช้ Vue ได้อย่างไร?
คำตอบ
alias เส้นทางถูกกำหนดค่าในไฟล์ vite.config.ts ผ่านพร็อพเพอร์ตี้ resolve.alias การกำหนดค่านี้ช่วยให้สามารถนิยามทางลัด เช่น @ เพื่อชี้ไปยังโฟลเดอร์ src ทำให้หลีกเลี่ยง import แบบสัมพัทธ์ที่ซับซ้อนได้ นอกจากนี้ยังจำเป็นต้องซิงค์การกำหนดค่านี้กับ tsconfig.json เพื่อให้ TypeScript รู้จัก alias เหล่านี้และให้การเติมข้อความอัตโนมัติที่ถูกต้องในเอดิเตอร์
ฟีเจอร์ใดของ Vue DevTools ที่ช่วยให้ตรวจสอบสถานะ reactive ของคอมโพเนนต์ได้?
จะใช้ Vue DevTools เพื่อดีบักประสิทธิภาพการเรนเดอร์ของคอมโพเนนต์ได้อย่างไร?
+15 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Vue.js / Nuxt.js อื่นๆ
พื้นฐาน JavaScript
JavaScript สมัยใหม่ (ES6+)
พื้นฐาน Vue
คอมโพเนนต์ Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
ระบบ Reactivity ของ Vue
พื้นฐาน Nuxt
การดึงข้อมูล (Data Fetching) ใน Nuxt
SSR และ SSG ใน Nuxt
Server Routes ของ Nuxt
โมดูล Nuxt
Composables ใน Vue
ฟอร์มและการตรวจสอบ Vue
การจัดการสถานะใน Nuxt
การทดสอบ Vue
การ Deploy Nuxt และ CI/CD
ประสิทธิภาพของ Vue
รูปแบบขั้นสูงของ Vue
TypeScript กับ Vue
การยืนยันตัวตน Nuxt
SEO ด้วย Nuxt
การทำ Internationalization ใน Nuxt
สถาปัตยกรรม Vue
ความปลอดภัยของ Nuxt
การย้าย Vue 2→3 & Nuxt 2→3
เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี