เมื่อเร็ว ๆ นี้ฉันได้เขียนการทดสอบตลก ๆ สำหรับไลบรารีที่ใช้พื้นฐาน window.crypto วิธีการเช่น getRandomValues() และ window.crypto.subtle วิธีการจัดการที่สำคัญ ปัญหาหนึ่งที่ฉันพบคือ window.crypto วัตถุไม่พร้อมใช้งาน ดังนั้นฉันต้องชิม
การใช้ window.crypto วิธีการ คุณจะต้องใช้ Node 15+ คุณสามารถตั้งค่า window.crypto โดยการนำเข้า crypto แพ็คเกจและตั้งค่าเป็นโกลบอล:
const crypto = require('crypto').webcrypto;
// Shims the crypto property onto global
global.crypto = crypto;
ฉันเกลียดการสร้างฟังก์ชันจำลองสำหรับไลบรารีที่หายไปใน Node จริงๆ เพราะสิ่งเหล่านี้สามารถนำไปสู่ผลบวกที่ผิดพลาดในการทดสอบ ฉันซาบซึ้งจริงๆ webcrypto ที่มีอยู่!
LightFace: Facebook Lightbox สำหรับ MooTools
หนึ่งในองค์ประกอบของเว็บที่ฉันชอบมาตลอดคือกล่องโต้ตอบโมดอลของ Facebook “ไลท์บ็อกซ์” นี้ไม่เหมือนกับอย่างอื่น: ไม่มีโอเวอร์เลย์มืด ไม่มีแอนิเมชั่นขนาดน่าสะพรึงกลัว และไม่พยายาม “มากเกินไป” เมื่อคำนึงถึงกล่องโต้ตอบของ Facebook ฉันได้สร้าง LightFace: ไลท์บ็อกซ์ของ Facebook…
การใช้ความทึบเพื่อแสดงโฟกัสด้วย jQuery
ไม่กี่วันก่อน ฉันได้เปิดตัวบทความแสนหวานที่ใช้ MooTools JavaScript และความทึบเพื่อแสดงการโฟกัสที่องค์ประกอบที่ระบุ นี่คือวิธีการทำให้สำเร็จโดยใช้ jQuery jQuery JavaScript ที่นั่นคุณมีมัน ความทึบเป็นวิธีที่ง่ายมาก แต่มีประสิทธิภาพ…
ปลั๊กอิน MooTools Zebra Tables
ข้อมูลแบบตารางมักจะน่าเบื่อ แต่ไม่จำเป็นต้องมองแบบนั้น! ด้วยคลาส MooTools ขนาดเล็ก ฉันสามารถทำให้ข้อมูลแบบตารางอ่านง่ายมากโดยใช้ตาราง “zebra” — ตารางที่มีสีพื้นหลังของแถวสลับกัน CSS CSS ข้างต้นเป็นพื้นฐานอย่างยิ่ง