Kun Kode นำเสนอเกี่ยวกับโปรแกรมมิ่ง การทำเว็บไซต์
ติดต่อจ้างงานที่ Inbox ได้เลยครับ

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

⭐️ wordpress

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

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

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

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

⭐️ wordpressงานเว็บไซต์ระบบทัวร์ งานนี้ปรับปรุงจากเว็บเดิม อัปเดต ธีม/WP/PHPระบบในเว็บไซต์มีตามนี้ครับ✅ ระบบทัวร์✅ ระบบ ...
30/04/2025

⭐️ 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 บาท (เนื่องจากลูกค้ารีเควสเป็นช่วงๆ เลยไม่ได้ประเมินเต็มครับ)

อัปเดตราคาเพิ่มเล็กน้อย เนื่องจากค่าครองชีพสูงขึ้น สอบถามเพิ่มเติมติดต่อได้ทางเพจครับผม
22/04/2025

อัปเดตราคาเพิ่มเล็กน้อย เนื่องจากค่าครองชีพสูงขึ้น สอบถามเพิ่มเติมติดต่อได้ทางเพจครับผม

งานปรับปรุง PageSpeed Insight เว็บไซต์ (wordpress) อายุ 10 ปี+ทำเท่าที่ทำได้ โดยไม่เปลี่ยนโครงสร้างเดิมซึ่งน่าเสียดาย ใน...
20/04/2025

งานปรับปรุง PageSpeed Insight เว็บไซต์ (wordpress) อายุ 10 ปี+
ทำเท่าที่ทำได้ โดยไม่เปลี่ยนโครงสร้างเดิม
ซึ่งน่าเสียดาย ในมือถือไม่สามารถดันขึ้นสีเขียวได้เลย
ค่าทำราวๆ 3,000 - 5,000 ขึ้นอยู่กับความยากง่ายครับ

✔️ Who is the real button DOWNLOAD !?
27/03/2025

✔️ Who is the real button DOWNLOAD !?

🤔
31/01/2025

🤔

⭐️ JS Math Performance Test1️⃣ เรามักจะใช้คำสั่ง Math.max() เพื่อหาค่า MAX ของตัวเลขในอาเรย์ ซึ่งเป็นคำสั่งที่ง่าย และใช...
28/01/2025

⭐️ 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 เพจครับ

Update and restart => restartUpdate and shut down => Did you mean "restart" ?
17/01/2025

Update and restart => restart
Update and shut down => Did you mean "restart" ?

⭐️ Logo black & white ด้วย CSS บรรทัดเดียว1️⃣ บางครั้ง เราอาจเจองานดีไซน์อาจออกแบบ โลโก้ ให้มีหลายเวอร์ชั่น สำหรับใช้ในแ...
13/01/2025

⭐️ Logo black & white ด้วย CSS บรรทัดเดียว

1️⃣ บางครั้ง เราอาจเจองานดีไซน์อาจออกแบบ โลโก้ ให้มีหลายเวอร์ชั่น สำหรับใช้ในแบล็คกราวที่แตกต่างกัน ถ้าเอาแบบง่ายๆ ก็ทำภาพเพิ่มมาเลย

แต่วิธีนี้อาจสิ้นเปลืองพื้นที่จัดเก็บข้อมูลพอสมควร โดยรูป 1 รูป อาจต้องแบ่งเก็บไป 3 รูป ซ้ำยังต้องเปลี่ยน path รูป เวลาดึงมาใช้งานก็ลำบากอีก

2️⃣ ถ้าเราเปลี่ยนสีมันด้วย CSS ได้ล่ะ
CSS จะมีฟังก์ชั่น filter ไว้จัดการรูปภาพแบบง่ายๆให้เราใช้ กรณีนี้เราจะเปลี่ยนเป็นสีดำ และสีขาว สามารถใช้คำสั่งได้ตามนี้

⚫️ filter: brightness(0); // ลด brightness ให้เหลือ 0
⚪️ filter: brightness(0) invert(1); // ลด brightness ให้เหลือ 0 และ invert กลับด้านสี

3️⃣ สำหรับ TailwindCSS สามารถใส่คลาสได้ตามนี้

⚫️ className="brightness-0" // สีดำ
⚪️ className="brightness-0 invert" // สีขาว

4️⃣ อย่างไรก็ตามรูปภาพจะเหมือนการถมสีทับเข้าไป ดังนั้นโลโก้ที่มีรายละเอียดเยอะมากๆ อาจไม่เหมาะสม

แนะนำว่าใช้กับโลโก้ที่เป็น Vector จะดีที่สุดครับ

_____________________________________________________________________
ถ้าเห็นว่ามีประโยชน์: กด👍 กด🪑 ให้ด้วยนะครับ 🙂
ตัวอย่างการแสดงผล 👉 https://sidequest.kunkode.com/logo-black-white
ตัวอย่างโค้ด 👉 https://github.com/skuntawat/side-quest/blob/master/app/(quests)/(css)/logo-black-white/page.tsx
สั่งซื้อเทมเพลต NextJS 🔸 https://store.kunkode.com

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

กัดทิพย์ 🤔 guthib.com
25/12/2024

กัดทิพย์ 🤔 guthib.com

ที่อยู่

Mae Sai

เว็บไซต์

แจ้งเตือน

รับทราบข่าวสารและโปรโมชั่นของ Kun Kodeผ่านทางอีเมล์ของคุณ เราจะเก็บข้อมูลของคุณเป็นความลับ คุณสามารถกดยกเลิกการติดตามได้ตลอดเวลา

ติดต่อ ธุรกิจของเรา

ส่งข้อความของคุณถึง Kun Kode:

แชร์