צור מהר בנייה עם פריסות רשת עם Bricks.js

זה תמיד היה די פשוט ליצור רשתות עם jQuery, באמצעות תוספים הדרכות חינם מפתחים.

עם זאת, רשתות בנייה קשה יותר לבנות, שכן הם אינם מתאימים באופן שווה לאורך הדף. יהיו לך רוחב בגודל קבוע עבור עמודות, אבל הגבהים פריט יכול להשתנות בפראות.

להכין פיקסל מושלמת בנייה ברשת אתה צריך תוסף כגון לבנים.

תוסף זה הוא לגמרי קוד פתוח ומהיר עד גיחוך. זה יהיה להפוך את הרשת בתוך פחות מחצי שנייה, אפילו עם עשרות פריטים בדף.

רוב האנשים מכירים רשתות בנייה מ Pinterest מאז הם popularized הפריסה. אבל, מאז הוא גדל להיות בשימוש באתרים רבים אחרים, מדי.

כדי להתחיל עם Bricks.js, תצטרך קצת תוכן א פריסת עמוד ברירת המחדל. אתה מתקין את הפלאגין ישירות מ- npm או דרך GitHub אם זה קל יותר.

עם ההתקנה הראשונית, אתה עובר שלושה פרמטרים ספציפייםYou

1. מכולה - א רכיב מיכל DOM עבור הרשת
2. ארוז - א תכונה הקובעת את זרימת הפריטים ברשת
3. גדלים - א מערך של רוחב ומרזבים, המוגדרים בפיקסלים

תוסף משתמש בכל הערכים האלה כדי להפוך את הרשת בנייה מאפס.

וגם, אתה יכול אפילו להשתמש בו עבור טעינה אינסופית אם אתה רוצה רשתות בנייה כי לעבוד בדיוק כמו Pinterest.

בדוק את דף ההדגמה עבור רשת אינטראקטיבית כי אתה יכול לשנות לבדיקה. אתה להגדיר את המספר הכולל של אלמנטים וזה יהיה להפוך את התהליך תוך הצגת זמן טיוח הכולל.

לדוגמה, בדקתי רשת עם 500 אלמנטים וזה רק לקח 13 אלפיות השנייה להשלים. זה לא גורם הזמן עבור כל 500 תמונות לטעון, אבל 13 ms עבור רשת שנוצרה באופן אוטומטי הוא מרשים מאוד.

התחל בעצמך על ידי הורדת הקבצים מ- GitHub ועקוב אחר הוראות ההתקנה. זה עלול להרגיש מבלבל בהתחלה אבל ככל שאתה צעצוע עם זה יותר קל להגדיר.