หมวดหมู่: บล็อกของ David Walsh (David Walsh Blog)

ทศวรรษที่ผ่านมา HTML และ CSS ได้เพิ่มความสามารถในการ อย่างน้อย สัญญาณ การตรวจสอบความถูกต้องของฟิลด์ในแบบฟอร์ม คุณลักษณะที่ required ช่วยแจ้งให้ผู้ใช้ทราบว่าฟิลด์ใดที่จำเป็น ในขณะที่ pattern อนุญาตให้นักพัฒนาจัดเตรียมนิพจน์ทั่วไปเพื่อให้ตรงกับค่าของ <input> การกำหนดเป้าหมายฟิลด์บังคับและค่าการตรวจสอบความถูกต้องด้วย CSS และ HTML นั้นมีประโยชน์มาก

คุณรู้หรือไม่ว่า CSS มี :optional เพื่อให้คุณจัดรูปแบบองค์ประกอบของฟอร์มที่ไม่จำเป็น

  
อินพุต: ตัวเลือก, เลือก: ตัวเลือก, พื้นที่ข้อความ: ตัวเลือก {  
  เส้นขอบ: 1px ทึบ #eee;  
}  
  
[ที่จำเป็น] {  
  เส้นขอบ: 1px สีแดงทึบ;  
}  

ในแง่หนึ่ง มันให้ความรู้สึกเหมือน :optional แทน :not([required]) แต่ :optional ถูกจำกัดเฉพาะช่องแบบฟอร์ม

โพสต์ CSS:ตัวเลือก ปรากฏครั้งแรกใน บล็อกของ David Walsh

JavaScript Arrays น่าจะเป็น primitive ที่ฉันชอบที่สุดใน JavaScript คุณสามารถทำสิ่งที่ยอดเยี่ยมได้ทุกประเภทด้วยอาร์เรย์: รับค่าที่ไม่ซ้ำ โคลนพวกมัน ล้างพวกมัน ฯลฯ แล้วการรับค่าสุ่มจากอาร์เรย์ล่ะ

ในการรับไอเท็มสุ่มจากอาร์เรย์ คุณสามารถใช้ Math.random :

  
const arr = [  
    "หนึ่ง",  
    "สอง",  
    "สาม",  
    "สี่"  
    "บอก",  
    "ฉัน",  
    "นั่น",  
    "คุณ",  
    "รัก",  
    "ฉัน",  
    "มากกว่า"  
];  
const random1 = arr[(Math.floor(Math.random() * (arr.length)))]  
const random2 = arr[(Math.floor(Math.random() * (arr.length)))]  
const random3 = arr[(Math.floor(Math.random() * (arr.length)))]  
const random4 = arr[(Math.floor(Math.random() * (arr.length)))]  
  
console.log (สุ่ม1,สุ่ม2,สุ่ม3,สุ่ม4)  
// บอกอีกหนึ่งสอง  

เมื่อใดที่คุณต้องการค่าสุ่มจากอาร์เรย์นั้นขึ้นอยู่กับแอปพลิเคชันของคุณ อย่างไรก็ตาม เป็นเรื่องดีที่ทราบว่าคุณสามารถรับค่าสุ่มได้อย่างง่ายดาย Array.prototype.random ควรมีอยู่จริงหรือไม่

โพสต์ Get a Random Array Item พร้อม JavaScript ปรากฏครั้งแรกบน David Walsh Blog

ฉันตื่นเต้นเสมอที่จะได้เห็นวิธีการใหม่ๆ เกี่ยวกับ JavaScript ดั้งเดิม การเพิ่มเติมเหล่านี้เป็นการรับทราบว่าภาษาจำเป็นต้องพัฒนาและเรากำลังทำสิ่งใหม่ที่น่าตื่นเต้น ดังที่กล่าวไปแล้ว ฉันเพิ่งค้นพบวิธีสตริงแบบเดิมบางวิธีที่คุณไม่ควรใช้แต่มีอยู่ตลอดไป มาดูกัน!

เมธอดสตริงดั้งเดิมเหล่านี้ใช้สตริงข้อความพื้นฐานและรวมไว้ในแท็ก HTML ที่มีชื่อเดียวกัน:

  
"สวัสดี".big() // "<big>สวัสดี</big>"  
"สวัสดี" .blink() // "<blink>สวัสดี</blink>"  
"สวัสดี" .bold() // "<b>สวัสดี</b>"  
"สวัสดี" .italics() // "<i>สวัสดี</i>"  
"สวัสดี".link("https://davidwalsh.name") // "<a href="https://davidwalsh.name">สวัสดี</a>"  

ต้นแบบดั้งเดิมมักจะไม่ลบวิธีการและด้วยเหตุผลที่ดี พวกเขาสามารถทำลายเว็บไซต์ได้! ฉันตกใจที่ไม่รู้วิธีการเหล่านี้มาก่อนในวันนี้ มันสนุกเสมอที่ได้เห็นพระธาตุของเว็บที่ผ่านมาแม้ว่า!

โพสต์ Legacy String Methods สำหรับสร้าง HTML ปรากฏครั้งแรกใน บล็อกของ David Walsh