Kun Kode

⭐️ wordpress

งาน custom wordpress ระบบวิเคราะห์เบอร์โทรศัพท์ โดยลูกค้ามีฐานข้อมูลมาให้ ทำระบบชื่อมต่อกับ wordpress ครับ

✅ รองรับ wordpress pagination
✅ ระบบค้นหาเบอร์
✅ ระบบวิเคราะห์เบอร์
✅ ระบบวิเคราะห์เบอร์ตามวันเกิดและอาชีพ
✅ ระบบ import ข้อมูลด้วย csv

➡️ WP: 6.8
➡️ Theme: flatsome
➡️ PHP: 8.2+

ค่าจัดทำ
25,000 บาท

⭐️ wordpress

งานเว็บไซต์ระบบทัวร์ งานนี้ปรับปรุงจากเว็บเดิม อัปเดต ธีม/WP/PHP
ระบบในเว็บไซต์มีตามนี้ครับ

✅ ระบบทัวร์
✅ ระบบ Location
✅ ระบบ Booking
✅ ระบบ Car transfer
✅ ระบบ Hotel booking
✅ รองรับ Woocommerce cart/checkout
✅ รองรับ Paysolution *(ลูกค้ารีเควส)
✅ ระบบ 2 ภาษา (WPML)
✅ ระบบ Agency Price ตัวแทนจำหน่ายสามารถขายในราคาที่ถูกลง

ข้อมูลเว็บไซต์
➡️ WP: 6.7.2
➡️ Theme: traveler
➡️ PHP: 7.4 (เพื่อรองรับธีมและ custom เวอร์ชั่นเดิม)

ค่าจัดทำ
25,000 - 30,000 บาท (เนื่องจากลูกค้ารีเควสเป็นช่วงๆ เลยไม่ได้ประเมินเต็มครับ)

✔️ Who is the real button DOWNLOAD !?

⭐️ JS Math Performance Test

1️⃣ เรามักจะใช้คำสั่ง Math.max() เพื่อหาค่า MAX ของตัวเลขในอาเรย์ ซึ่งเป็นคำสั่งที่ง่าย และใช้บรรทัดโค้ดไม่เยอะ ส่วนตัวผมก็มักจะใช้คำสั่งนี้เป็นประจำเช่นกัน เพราะด้วยความสะดวกและไม่ต้องลง library อะไรให้ยุ่งยาก แต่ก็มีช่วงหนึ่งที่อยากรู้ว่า Performance มันเป็นยังไงนะ มันเร็วไหม ใช้ memory เยอะรึเปล่า

ก็เลยมาลองทดสอบในด้านของ Performance ดูครับ

2️⃣ โดยสิ่งที่จะเอามาทดสอบคือ ตัวเลขใน อาเรย์ ที่มีค่า 1 - 999 จำนวน 100,000 ตัว ทดสอบในเว็บบราวเซอร์ Google Chrome

function ที่ใช้ทดสอบ มี 4 แบบ ตามนี้
- useES6Spread
- useReduce
- useApply
- useLoop

3️⃣ ซึ่ง 3 อันแรกจะเป็นการทดสอบด้วย Mat.max() ในรูปแบบที่ต่างกัน
ส่วน useLoop จะเป็นเพียงวนค่าในอาเรย์ธรรมดา (โค้ดสามารถดูได้ในรูปครับ)

โดยเราจะทำการเรียกใช้ ทุกฟังก์ชั่น อย่างละ 5 ครั้ง

ลองมาเดากันดูไหมครับ ว่าวิธีไหน ได้ผลลัพธ์ ไวที่สุด !?

4️⃣ ผลลัพธ์คือ useLoop เร็วที่สุด

ที่เป็นแบบนี้เพราะว่า

1. ใช้ memory น้อยที่สุด (Minimal Overhead):
for loop เป็นโครงสร้างที่อยู่ในระดับพื้นฐาน (low-level construct) ซึ่งทำการวนซ้ำในอาเรย์โดยตรง โดยไม่มีการเรียกฟังก์ชันเพิ่มเติม
เมธอดอย่าง reduce หรือ Math.max(...numbers) มีการประมวลผลเพิ่ม เช่น การใช้ callback, การจัดสรรหน่วยความจำ (memory allocations) หรือการเรียกใช้ฟังก์ชัน

2. การเพิ่มประสิทธิภาพของ JIT (JIT Optimization):
เอนจิน JavaScript (เช่น V8 ใน Chrome) มีการเพิ่มประสิทธิภาพการทำงานของลูปพื้นฐาน

5️⃣ แล้วเราจะมี Math.max() ไว้ทำไมล่ะ
เรายังสามารถใช้มันได้ในกรณีที่ ข้อมูลของเราไม้ได้เยอะ และไม่ต้องการทำ Performance อะไรมากมาย (scale ไม่ใหญ่นั่นเอง)

6️⃣ Bonus
แม้แต่ library อย่าง Lodash ก็ใช้เพียงการวนลูป (while) เพื่อหาค่า max เช่นกัน (ดูโค้ดได้ในรูป)

🙂 ข้อมูลเพิ่มเติมในคอมเมนท์

🌟 ติดต่อจ้างงานใน Inbox เพจครับ