สำหรับการจับคู่ key/value แบบ one-to-one ให้ใช้ Object แทน Array เพราะ Object ออกแบบมาเพื่อ key lookup ที่รวดเร็ว ตัวอย่าง Object สำหรับ key/value: var players = { 600: Sachin, 300: Brad, }; สามารถเพิ่มค่าได้ง่าย: var players = { 900: Sachin, 300: Brad, 700: Steve, 200: Rahul, 600: Kev

JavaScript จัดสรรหน่วยความจำอัตโนมัติเมื่อประกาศตัวแปร Garbage Collection (GC) คือกระบวนการค้นหาหน่วยความจำที่ไม่ได้ใช้งานแล้วและปล่อยคืน GC ใช้อัลกอริทึมหลัก 2 แบบ: Mark-and-sweep algorithm: ระบุออบเจกต์ที่เข้าถึงได้ (reachable) และลบออบเจกต์ที่เข้าถึงไม่ได้ (unreachable) Reference-Counting: นับจำ

ใช้คุณสมบัติ listStyleImage เพื่อกำหนดรูปภาพเป็น bullet point แทนเครื่องหมายมาตรฐาน ตัวอย่าง <!DOCTYPE html> <html> <body> <ol id=myID> <li>One</li> <li>Two</li> </ol> <button type=button onclick=display()>Update l

ใช้คุณสมบัติ listStylePosition เพื่อกำหนดตำแหน่งเครื่องหมายรายการ ค่า inside (อยู่ภายในบล็อกข้อความ), outside (อยู่นอกบล็อก - ค่าเริ่มต้น) ตัวอย่าง <!DOCTYPE html> <html> <body> <ol id=myID> <li>One</li> <li>Two</li> </ol>

ใช้คุณสมบัติ order เพื่อควบคุมลำดับการแสดงของ flex items ค่าตัวเลข ค่าที่น้อยกว่าจะแสดงก่อน (ค่าเริ่มต้นคือ 0) ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #box { border: 1px solid #000000; width: 420px; height: 150px; display: fl

มีครับ iOS รองรับเหตุการณ์ onscroll สำหรับการเลื่อนหน้าจอ เรียกว่า one-finger events การที่ผู้ใช้ tap หรือ touch จะตัดสินใจว่า event จะถูกสร้างขึ้นหรือไม่ ตัวอย่าง gestures: Panning gesture (ลากนิ้วเพื่อเลื่อน) Touch and hold gesture (แตะค้าง) Image credit − Apple Image credit − Apple

การใช้ Anonymous functions (ฟังก์ชันไร้ชื่อ) อาจส่งผลต่อประสิทธิภาพเล็กน้อย เพราะต้องสร้าง function object ใหม่ในแต่ละรอบ (iteration) โดยเฉพาะในลูป ตัวอย่าง Anonymous Function: var func = function() { alert(This is anonymous); } func(); อีกตัวอย่าง: // anonymous function var a = function() { ret

setInterval() ใช้เรียกฟังก์ชันซ้ำๆ ตามช่วงเวลาที่กำหนด ไม่มีที่สิ้นสุด ต้องใช้ clearInterval() เพื่อหยุดการทำงาน ตัวอย่าง setInterval: setInterval(function() { alert(Hello); }, 2000); // แสดง alert ทุก 2 วินาที วิธียกเลิก: var intervalID = setInterval(myFunction, 2000); clearInterval(intervalID); //

ใช้คุณสมบัติ fontVariant ตั้งค่าเป็น small-caps จะทำให้ตัวอักษรพิมพ์เล็กกลายเป็นตัวพิมพ์ใหญ่แต่ขนาดเล็กลง ตัวอย่าง <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p id=myID>This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. Thi

ใช้คุณสมบัติ fontStyle เพื่อกำหนดสไตล์ตัวอักษร ค่า normal (ปกติ), italic (기울임), oblique (傾斜) ตัวอย่าง <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p id=myID>This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Tex

สามารถใช้ jQuery อ่านความกว้างขององค์ประกอบแล้วนำไปตั้งค่าความสูงให้เท่ากัน เพื่อสร้างอัตราส่วนคงที่ ตัวอย่าง <!DOCTYPE html> <html> <head> <style> .wrap { width:400px; height:300px; border:2px solid yellow; } .myChild{ width: 80%; border:1px solid red; }

วิธีที่น่าเชื่อถือที่สุดคือตรวจสอบว่ามี touch event properties ใน document หรือไม่: function checkTouchDevice() { return ontouchstart in document.documentElement; } สามารถใช้แยก Mobile/Desktop ได้ดังนี้: if (checkTouchDevice()) { // Mobile device } else { // Desktop }

ใช้คุณสมบัติ fontWeight เพื่อกำหนดความหนาของตัวอักษร ค่าที่ใช้ได้: normal (400), bold (700), bolder, lighter, หรือตัวเลข 100-900 ตัวอย่าง <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p id=myID>This is Demo Text.</p> <button type=button

ใช้คุณสมบัติ height เพื่อกำหนดความสูงขององค์ประกอบ สามารถใช้หน่วย px, em, %, vh ฯลฯ ตัวอย่าง <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p>This is Demo Text.</p> <button type=button id=myID onclick=display()>Update Height</button

คุณสมบัติ pageBreakInside ควบคุมการแบ่งหน้าภายในองค์ประกอบ ค่า auto (แบ่งได้ถ้าจำเป็น), avoid (พยายามไม่แบ่ง), inherit หมายเหตุ: ผลลัพธ์จะเห็นได้เมื่อพิมพ์หรือดู Print Preview เท่านั้น ตัวอย่าง <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p>This is

ใช้คุณสมบัติ cssFloat (ตรงกับ CSS float) เพื่อจัดวางองค์ประกอบชิดซ้ายหรือขวา ค่า left, right, none ตัวอย่าง <!DOCTYPE html> <html> <body> <img id=myID src=https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg width=300 height=300> <p>This

ใช้คุณสมบัติ pageBreakBefore เพื่อบังคับให้แบ่งหน้าก่อนองค์ประกอบที่กำหนด ตั้งค่าเป็น always เพื่อแบ่งหน้าอัตโนมัติ หมายเหตุ: ผลลัพธ์จะเห็นได้เมื่อพิมพ์หรือดู Print Preview เท่านั้น ตัวอย่าง <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p>This is dem

คุณสมบัติ orphans กำหนดจำนวนบรรทัดขั้นต่ำที่ต้องเหลืออยู่ที่ด้านล่างของหน้าเมื่อมีการแบ่งหน้าภายในองค์ประกอบ ใช้สำหรับ CSS Paged Media การอ่านค่า: var res = object.style.orphans การตั้งค่า: object.style.orphans = number|initial|inherit ค่าที่ใช้ได้: number – จำนวนบรรทัดขั้นต่ำที่ต้องมองเห็นได้ init

ใช้คุณสมบัติ fontSize เพื่อกำหนดขนาดตัวอักษร สามารถใช้หน่วยต่างๆ ได้ เช่น px, em, rem, %, หรือคีย์เวิร์ดเช่น smaller, larger ตัวอย่าง <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p id=myID>This is Demo Text. This is Demo Text. This is Demo Text. Thi

ใช้คุณสมบัติ left เพื่อกำหนดตำแหน่งแนวนอนขององค์ประกอบที่มี position: absolute, relative, fixed หรือ sticky ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #myID { position: absolute; } </style> </head> <body> <h1>H