Contenu connexe
Similaire à Frontend developer 2016 | cloudcourse.io (20)
Frontend developer 2016 | cloudcourse.io
- 22. 1. จุดมุ่งหมำย
2. เจตนำ หรือสิ่งที่ต้องกำรให้เป็น
3. ระบุขั้นตอนที่กระทำ
4. กำรดำเนินกำร
5. รับรู้กำรตอบสนอง
6. กำรตีควำม
7. สรุปผล (บรรลุจุดมุ่งหมำย)
7 ขั้นตอนการดาเนินการ
- 45. 1. ไฟล์มีขนำดเล็กกว่ำ .jpg และมีควำมละเอียดสูงกว่ำ
2. รองรับทุก Browser
3. รองรับรูปภำพโปร่งแสงเช่น png
4. ไม่ลดคุณภำพของรูปทั้งที่มีขนำดเล็กกว่ำ
5. สำมำรถเพิ่ม meta data เข้ำไปยังรูปภำพได้
6. รองรับภำพเคลื่อนไหวแบบ gif
- 46. 1. ยังต้องใช้ JavaScript ในกำร Decode .bpg เพื่อนำมำแสดงผลที่
เว็บไซต์จึงทำให้เสียเวลำในกำรแปลงไฟล์ส่วนนี้
2. กำรแปลงรูปภำพจำก jpg, png, gif หรืออื่นๆไปเป็น bpg และกำร
ใช้งำนอำจจะยำกสำหรับบุคคลทั่วไป
- 77. เล็ก, กลำง, ใหญ่, ใหญ่มำก, ใหญ่มาก มาก มาก
1 เว็บไซต์สาหรับการแสดงผลทุกขนาดหน้าจอ
- 91. Bootstrap มีควำมสำมำรถในกำรทำ Responsive Website ซึ่งเดิมทีในเวอร์ชั่นที่ 1 และ 2
ถูกเรียกใช้โดยคลำสที่ชื่อว่ำ .span* แต่ยังพบปัญหำกำรทำงำนซึ่งไม่สำมำรถทำงำน
ในรูปแบบ Fully Responsive ได้เนื่องจำกข้อจำกัดต่ำงๆที่เว็บเบรำเซอร์ไม่สนับสนุน
- 101. เทคโนโลยีที่ใช้ในกำรพัฒนำ Bootstrap ใช้ Less CSS ในกำรพัฒนำมำตั้งแต่ต้นจนถึง Bootstrap 3.2
ทำงผู้พัฒนำจึงได้เพิ่ม Source Code ของ Sass Lang ขึ้นมำเพื่อให้เข้ำกับยุคสมัยที่ Sass กำลังเป็นที่นิยม
มำกขึ้นๆจนถึง Bootstrap 4 ทีมพัฒนำก็ได้ย้ำยมำเขียนโค้ดด้วย Sass อย่ำงเต็มตัวและยกเลิก Less CSS
- 102. ระบบ Grid ใหม่เพิ่มควำมสำมำรถในกำรใช้งำน Flexbox ซึ่งเป็น property ของ CSS3 นั้นจะทำให้ไม่สำมำรถ
เปิดเว็บไซต์ที่สร้ำงด้วย Flexbox บน IE9 ได้เนื่องจำก IE9 นั้นไม่สนับสนุน Flexbox แต่เรำก็ยังสำมำรถใช้
งำนระบบ Grid แบบปรกติและสำมำรถทำงำนบน IE9 ได้ปรกติ ส่วนกำรใช้งำน Flexbox เป็น Option เสริม
สำมำรถเปิดใช้งำนได้ใน $enable-flex boolean true ในไฟล์ the _variables.scss
- 107. CSS Reset ตัวใหม่สำหรับ Bootstrap 4 โดยเฉพำะใช้ชื่อว่ำ Reboot.css แต่จริงๆแล้วก็คือ normalize.css
ซึ่งถูก fork มำและถูกปรับแต่ง CSS เพิ่มเติมให้เหมำะสมกับ Bootstrap 4
- 108. Bootstrap 4 ถูกเขียน JavaScript ใหม่ทมั้งหมดด้วย ES6 หรือ ES2015 จึงทำให้ performance สูงขึ้นด้วย
- 109. Bootstrap 4 นั้นไม่มีกำรเรียกใช้งำน Icon ใดๆทั้งนั้นถ้ำเกิดเรำต้องกำรใช้ icon font ต่ำงๆก็ต้องโหลดมำ
เพิ่มเติมจำกผู้ให้บริกำรอื่นๆ เช่น Font Awesome, icon moon และ Glyphicons เป็นต้น
- 184. เลือกลง Plugin เองได้ ฟีเจอร์ไหนรันช้ำก็ไม่ต้องลง
ฟีเจอร์ไหนที่สร้ำงปัญหำเยอะ ๆ อย่ำง @extend ก็ไม่ต้องลง