trimmings
1.0.0
จะเกิดอะไรขึ้นกับกระบวนการพัฒนาเว็บของคุณเมื่อคุณสามารถมุ่งเน้นไปที่การออกแบบมุมมองและหยุดคิดเกี่ยวกับวิธีการเย็บเข้าด้วยกัน Trimmings โดย Postlight เป็นไลบรารี JavaScript ที่กำหนดค่าเป็นศูนย์ซึ่งเพิ่มเลเยอร์ของการโต้ตอบในหน้าเว็บที่ราบรื่นและรวดเร็วในหน้าเว็บของคุณ สิ่งที่คุณต้องทำคือเพิ่มคำแนะนำบางอย่างลงใน HTML ที่คุณมีอยู่แล้ว
อ่านเพิ่มเติมเกี่ยวกับเรื่องนี้ในบทนำของเราเกี่ยวกับการตัดแต่ง
โครงการนี้เป็นไปตามรอยเท้าของห้องสมุดเช่น turbolinks และสิ่งเร้า เชื่อว่าสถานที่ที่ดีที่สุดสำหรับธุรกิจและตรรกะการแสดงผลของคุณอยู่บนเซิร์ฟเวอร์คุณควรส่ง HTML ผู้ใช้ของคุณและ JavaScript นั้นเหมาะที่สุดสำหรับการจัดการ DOM ที่เพิ่มขึ้นอย่างต่อเนื่อง Trimmings เป็นชุดของรูปแบบที่ช่วยให้คุณเพิ่มการจัดการ DOM ลงในแอปของคุณโดยการเพิ่ม data-trimmings-* *************************************************************** JavaScript น้อยลงในโครงการของคุณหมายถึงความเสี่ยงน้อยลง
เมื่อคุณสร้างเว็บไซต์ของคุณและให้บริการ HTML ที่นำเสนอวิธีที่คุณชอบคุณสามารถเริ่มเพิ่มคำแนะนำการตัดแต่งที่จะช่วยเพิ่มวิธีการโต้ตอบของคุณ
บางทีคุณอาจมีลิงค์ไปยังหน้ารายละเอียดที่คุณต้องการเปิดในโมดอล หน้าสแตนด์อโลนอาจมีส่วนหัวและส่วนท้ายที่คุณไม่ต้องการแสดงในโมดอลของคุณ นั่นไม่มีปัญหา เพียงเพิ่มคำใบ้ inline ลงในลิงค์ของคุณ:
<a data-trimmings-inline="from: .detail-container, to: .modal-container" href="/photos/2">
View as a modal
</a>
หากผู้เข้าชมของคุณคลิกลิงก์นั้นหน้าจะถูกนำไปใช้ในพื้นหลังองค์ประกอบที่มีคลาสราย detail-container จะถูกแยกออกจากผลลัพธ์และมันจะถูกแทรกในองค์ประกอบที่มีคลาส modal-container ที่มีอยู่แล้วในหน้า คุณสามารถเขียน CSS ที่จะทำให้การแสดงนี้เป็นไปตามที่คุณต้องการ ตอนนี้คุณมีคำกริยา! นั่นคือทั้งหมดที่มีอยู่!
เพียงแค่รวม trimmings.js ใน <head> ของคุณ แค่นั้นแค่นั้น การตัดแต่งจะเปิดใช้งานโดยอัตโนมัติเมื่อหน้าของคุณโหลด - ไม่จำเป็นต้องคิดถึงชีวิต
<script src="/trimmings.js"></script>
คุณสมบัติการตัดแต่งจะเปิดใช้งานในองค์ประกอบเฉพาะโดยการเพิ่ม data-trimmings-* สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการใช้งานของคุณลักษณะการตัดแต่งแต่ละรายการโปรดปรึกษาคู่มือ Trimmings
ได้รับใบอนุญาตภายใต้
ตามตัวเลือกของคุณ
หากคุณพบข้อผิดพลาดหรือต้องการเสนอคุณสมบัติใหม่ให้ส่งปัญหาและพูดคุยกัน!
เราคาดหวังว่าผู้มีส่วนร่วมทุกคนในการตัดแต่งจะปฏิบัติตามจรรยาบรรณของเรา
หากคุณไม่ได้ระบุอย่างชัดเจนการบริจาคใด ๆ ที่ส่งโดยเจตนาเพื่อรวมไว้ในงานโดยคุณตามที่กำหนดไว้ในใบอนุญาต Apache-2.0 จะได้รับใบอนุญาตคู่ดังกล่าวข้างต้นโดยไม่มีข้อกำหนดหรือเงื่อนไขเพิ่มเติมใด ๆ
- โครงการ Labs จากเพื่อนของคุณที่ Postlight การเข้ารหัสมีความสุข!
