บทความ IT เจ๋งๆ
6 สุดยอด Functions ใน JavaScript ที่ช่วยให้ชีวิตของคุณง่ายขึ้น
12-เม.ย.-22
คัมภีร์เทพ IT
JavaScript มีความสามารถที่หลากหลาย และมี Developers เป็นจำนวนมากจากทั่วโลกที่ใช้งานมัน สำหรับในบทความนี้จะมาแนะนำ 6 สุดยอด Functions ใน JavaScript ที่ช่วยให้ชีวิตของคุณง่ายขึ้น
1. ตรวจสอบว่า Element ถูกมองเห็นได้ใน Viewport หรือไม่
การใช้ IntersectionObserver ถือเป็นวิธีที่ยอดเยี่ยมในการตรวจสอบว่า Element นั้น มองเห็นได้ใน Viewport หรือไม่
คุณสามารถปรับแต่ง Behavior ของ Observer ได้โดยใช้ option Parameter สำหรับ threshold ถือเป็น Attribute ที่มีประโยชน์มากที่สุด เพราะมันจะ Define Percentage ของ Element ที่ถูกมองเห็นได้ใน Viewport สำหรับ Observer เพื่อ Trigger
2. ตรวจจับ Device
คุณสามารถใช้ navigator.userAgent เพื่อรับข้อมูลเชิงลึกและตรวจจับ Device ที่กำลัง Run Application อยู่
3. ซ่อน Elements
คุณสามารถสลับการมองเห็นของ Element โดยใช้ style.visibility Property และในกรณีที่คุณต้องการ Remove มันออกจาก Render Flow คุณก็สามารถใช้ style.display Property ได้
หากคุณไม่ Remove Element ออกจาก Render Flow พวกมันก็จะถูกซ่อน แต่พวกมันก็ยังคงใช้ Space อยู่ มันมีประโยชน์อย่างมากในขณะที่ Render Lists ของ Elements และ Elements ที่ไม่ได้อยู่ใน View (ซึ่งสามารถทดสอบได้โดยใช้ IntersectionObserver) สามารถถูกซ่อนไว้เพื่อเป็นการเพิ่มประสิทธิภาพได้
4. ดึงค่า Parameters จาก URL
เราสามารถใช้ JavaScript ในการดึงค่า parameters จาก Address ต่าง ๆ ได้อย่างง่ายดาย โดยใช้ URL Object
5. ทำการ Deep copy Object ได้อย่างง่ายดาย
คุณสามารถใช้ deep copy กับ Object ต่าง ๆ ได้ด้วยการ Convert มันเป็น String แล้ว Convert มันกลับมาเป็น Object อีกครั้งได้
6. Wait Function
JavaScript มาพร้อมกับ setTimeout Function แต่มันจะไม่ Return Promise Object กลับไปให้ จึงทำให้ยากต่อการใช้งานใน async Functions ดังนั้นเราจึงต้องเขียน wait/sleep Function เป็นของเราเอง
ที่มา: https://tapajyoti-bose.medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด