บทความ IT เจ๋งๆ

5 JavaScript Utility Libraries ที่ Front-End Developer ควรรู้จักไว้

11-ม.ค.-23

คัมภีร์เทพ IT

ในฐานะของ Front-End Developer คุณสามารถปรับปรุงประสิทธิภาพผ่าน JavaScript Libraries เหล่านี้ได้ เช่น การจัดรูปแบบวันที่, การประมวลผล URL Parameters และการ Debug Mobile Web Pages และนี่ก็คือ 5 JavaScript Utility Libraries ที่ Front-End Developer ควรรู้จักไว้

1. ใช้ "Vconsole" เพื่อ Debug Web Page บน Mobile Terminal

การ Debug Web Page บน Mobile นั้นเป็นสิ่งที่ทำได้ไม่ง่ายเลย แต่ด้วย "Vconsole" ทุกอย่างจะง่ายขึ้นมาก เราสามารถสัมผัสกับ Features ของมันได้โดยการสแกน QR Code นี้หรือคลิกที่ URL นี้

เคล็ดลับ: คล้ายกับ Devtools ของ Chrome Browser, Vconsole มี Features ต่อไปนี้ ที่จะช่วยให้คุณสามารถ Debug Web Page ได้ดีขึ้น

  • Logs: console.log|info|error|…
  • Network: XMLHttpRequest, Fetch, sendBeacon
  • Element: HTML Elements Tree
  • Storage: Cookies, LocalStorage, SessionStorage
  • Execute JS Command ได้ด้วยตนเอง
  • Plugin ที่คุณสามารถ Custom เองได้

2. ใช้ “Day.js” เพื่อจัดรูปแบบ Date & Time

ในฐานะของ Developer คงมีหลายคนที่เบื่อหน่ายกับการจัดการ วันที่และเวลา ใน JavaScript เพราะมันมีความยุ่งยาก

ตัวอย่างเช่น เมื่อเราต้องการ Print วันที่และเวลาปัจจุบัน เราต้องเขียน Code ขนาดใหญ่เพื่อทำในเรื่องดังกล่าว

แต่โชคดีที่คุณสามารถใช้ Day.js ซึ่งเป็น Code สั้น ๆ เพียงแค่บรรทัดเดียว

หมายเหตุ: “Day.js เป็น JavaScript Library ที่เรียบง่ายและใช้ง่ายง่าย โดยมันสามารถ แยกวิเคราะห์ ตรวจสอบ จัดการ และแสดงวันที่และเวลาสำหรับ Browsers สมัยใหม่ด้วย API ที่เข้ากันได้กับ Moment.js เป็นส่วนใหญ่ ซึ่งหากคุณใช้ Moment.js แสดงว่าคุณรู้วิธีใช้งาน Day.js แล้ว”

3. ใช้ “qs.js” เพื่อจัดรูปแบบ URL Parameters

ในการทำงาน คุณต้องรับ Parameter ของ “URL” บ่อยไหม? บางทีคุณอาจเขียน Function แบบนี้

แต่ตอนนี้คุณมี Function ใหม่ที่จะใช้งานแล้ว เช่น คุณเพียงเพิ่ม 2 Parameters ของ name และ age ลงใน “https://medium.com/"

4. ใช้ “js-cookie.js” เพื่ออ่านและเขียน Cookies

เราทุกคนทราบดีว่า การจัดการ Cookies ใน JavaScript นั้นไม่ใช่เรื่องง่าย และเพื่อปรับปรุงประสิทธิภาพการทำงานของคุณ ขอแนะนำ 'js-cookie.js' ซึ่งเป็น JavaScript API สำหรับจัดการกับ Cookies ที่ทั้งเรียบง่ายและน้ำหนักเบา

5. ทำไมต้อง Lodash?

Lodash จะช่วยทำให้ JavaScript ง่ายขึ้นโดยขจัดความยุ่งยากในการทำงานกับ Arrays, Numbers, Objects, Strings เป็นต้น ที่สำคัญคือ Modular Methods ของ Lodash นั้นยอดเยี่ยมมาก สำหรับ:

  • การ Iterate กับ Arrays, Objects, & Strings
  • การจัดการและการทดสอบ Values
  • การสร้าง Composite Functions

ที่มา: https://javascript.plainenglish.io/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

เพิ่มเพื่อน

 

บทความล่าสุด

ประเภทบทความ