這是一款非常輕量級的純原生JS的瀑布流插件——Macy.js，如今圖片和視頻網站非常多，非常適應瀑布流這樣的布局方式來呈現(xiàn)給用戶。

我們擁有10多年網頁設計和網站建設經驗，從網站策劃到網站制作，我們的網頁設計師為您提供的解決方案。為企業(yè)提供網站設計制作、成都網站制作、微信開發(fā)、小程序設計、手機網站開發(fā)、H5響應式網站、等業(yè)務。無論您有什么樣的網站設計或者設計方案要求，我們都將富于創(chuàng)造性的提供專業(yè)設計服務并滿足您的需求。

這款流布局JS插件僅有4KB的大小，可以說是非常輕量級的哦。配置也比較方便，用戶可以自定義間距、列數(shù)，還有個特色就是可以定義不同屏幕分辨率，不同列數(shù)，這個應用在響應式網頁設計是非常方便的。

所以，選擇一款簡單易用的瀑布流js插件，可以讓前端工程師快速開發(fā)出漂亮的瀑布流Pc網站和react 后臺項目。

瀑布流布局代表網站就是 花瓣網，設計師一定不會陌生的設計網站。

插件特色

1. 輕量級，只有4KB的大小，min版僅2KB！
2. 布局列數(shù)可自定義配置;
3. 純JS，不需要依賴 jQuery 庫.

先看看Macy.js的項目案例截圖吧：

官網地址： http://macyjs.com/

下面就是具體的使用說明：

Step 1: 在頁尾引入JS文件，（不能放在Header里哦）

Step 2: HTML結構

Step 3: 配置JS

如果你使用了vue和react，可以采用npm安裝macy.JS

npm install macy

github倉庫地址：https://github.com/bigbitecreative/macy.js

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。