How to reduce bundle file (Js.) with Import Cost ! วิธีนี้เป็นทริคเล็กๆน้อยๆ สำหรับคนที่ยังไม่ทราบ วิธีนี้จะช่วยคุม Performance และลดขนาดของไฟล์ลงได้อย่างง่ายดาย ขั้นตอนแรกติดตั้ง Extension ใน VS CODE ที่ชื่อว่า Import Cost มันจะช่วยให้เราสามารถดูขนาดของไฟล์ที่เราทำการ Import มาได้

Brute Force Attacks คือ การสุ่มเดา password ทุกความเป็นไปได้ของตัวอักษรในแต่ละหลัก เช่น รหัส ATM มีจำนวน 4 หลัก แต่ละหลักสามารถตั้งค่าตัวเลข 0–9 ดังนั้น โปรแกรมจะทำการไล่ตัวเลขจาก 0000 ไปจนถึง 9999 หมื่นวิธีจนได้ password ที่ถูกต้อง การป้องกันด้วยการ Validate รหัสผ่าน รหัสผ่านต้องมากกว่า 8 ตัวอักษร ตัวอักษรพิมพ์ใหญ่อย่างน้อย 1 ตัว (A through Z). ตัวอักษรพิมพ์เล็กอย่างน้อย 1 ตัว (a through z). ตัวเลขอย่างน้อย 1 ตัว(0 through 9).

Lodash VS Pure javascript แบบไหนทำงานเร็วกว่ากัน ? ถ้าใครเคยใช้ Functional Programming อาจจะเคยเห็น lodash หรือ underscore ผ่านตา หรือเคยใช้งานมาก่อน หลักๆแล้วบทความนี้จะมาคุยกันเรื่อง Speed Performance บางฟังก์ชัน Support ES5 บางฟังก์ชัน Support ES6 นะครับ Find จากผลลัพธ์จะเห็นได้ว่า Find Native เร็วกว่า Find ของ Lodash

ถ้าใครเคยเขียน ระบบหน้าบ้านเชื่อมกับ NodeJs อาจจะต้องเจอปัญหานี้ ขอบอกก่อนเลยว่า Cross-Origin Resource Sharing (CORS) ไม่ใช่สิ่งแปลกใหม่อะไรสำหรับ Developer ถ้าเราเขียนเว็บดึง API จาก Domain อื่นหรือ Server กลไกลการทำงานของ CORS จากรูปจะเห็นได้ว่า เมื่อมี Request ไปยัง server ในครั้งแรก Web browser จะยิง Method OPTIONS ไปเช็คที่ Server ก่อนว่า Domain ที่เรียกเข้ามาอนุญาตหรือไม่ ถ้าอนุญาต ก็จะสามารถส่ง request เรียก API เพื่อดึงข้อมูลจาก Server ได้

รอบนี้เรามาแนวลัดไปเลยนะครับ ส่วนคำอธิบายผมจะแปะไว้เป็น Knowledge ด้านล่างนะครับ เริ่มต้นลง Docker กันก่อนนะครับ ถ้าใน Window หรือ Mac ก็โหลดได้ที่หน้าเว็บเลยนะครับ Download Docker ส่วน Ubuntu ใช้ Command ดูเพิ่มเติม sudo apt-get update sudo apt-get install docker docker-engine docker.io containerd runc วิธีการสร้างมีทั้ง Dockerfile หรือ Docker-compose ไฟล์ ตัวอย่างที่ผมจะยกขึ้นมาเป็น docker-compose.yml นะครับ

คัด 18 วิธีเขียนโค้ดให้สั้นและกระชับ ด้วย Shorthand สำหรับคนที่เคยเขียน Code มาก่อน จากหลายๆ ภาษาจะมีการใช้ Shorthand อยู่บ่อยครั้ง วันนี้เราจะมาบอกวิธีการเขียน Shorthand ที่พบเห็นใช้มากที่สุดนะครับ 1 . The Ternary Operator Short If ที่คนส่วนมากชอบเรียกกัน Longhand: const status = 1 let result = ""; if(status == 1){ result = "One" }else{ result = "Nothing" } Shorthand: (condition ? true : false)

Optional chaining คืออะไร ? (เครื่องหมาย คำถาม และ จุด) เป็น operator ที่จะช่วยทำการเช็ค object ที่เราต้องการอ่าน ว่ามีค่าหรือไม่มี ถ้าไม่มีก็จะ return เป็น undefined ให้เราแทนที่จะ ERROR สามารถใช้กับ Param, Array, Function ได้หลากหลายแบบ เช่น obj.val?.prop obj.val?.[expr] obj.arr?.[index] obj.func?.(args) ตามตัวอย่าง ไม่สามารถใช้ user.town.street เพราะว่า user.town เป็น undefined จึงใช้ ?. มาคั่นเพื่อให้บอกว่า street มีค่าหรือไม่

ใน VS CODE ก็มีการเพิ่ม Function ของ JSDoc เข้ามา ถ้าใครที่ไม่ขึ้นแนะนำให้อัพเดต Version หรือ Install extension เพิ่มก็ได้นะครับ ใช้ได้ทั้ง ไฟล์ js และ ts เลยนะครับ มันจะสามารถช่วยให้คนในทีมเข้าใจการทำงานของโค้ดได้ง่ายขึ้น เข้าใจประเภทของ Parameter ว่ารับมาเป็นแบบไหน ต้องส่งรูปแบบชนิดอะไรไปบ้าง ตัวอย่างที่เป็น Object. VSCODE จะขึ้น Autocomplete มาให้อัตโนมัติ