一個很實用的前端框架Zui

傑哥給我推薦了一個頗有用的前端框架-Zui,我看着以爲很神奇的,由於有不少我都不懂。
在這裏分享總結一下。
首先,這是一箇中國本身開發的框架,比起不少外國的框架來講,有很詳細的API,並且是全中文的,不須要再通過其餘人的翻譯了。而後,它的內容十分豐富,很系統的分爲了:基礎,控件,組件,JS插件,視圖幾大塊;並且使用起來,只須要導入js,在適當的地方加上正
確的class類就能夠了。對於,沒有什麼js基礎的人,也是十分容易上手的。
下面我就大致的介紹一下它的各個模塊的功能。
基礎:基礎裏面我以爲頗有用的主要包括 全局樣式表,兼容性,響應式設計,滾動條和主題。這裏主要是方便css的編寫。全局樣式表使用的是 normalize.css,開始我都不曉得這個css是什麼,而後在網上查了下,發現他很厲害,這個CSS的功能就是對幾乎全部的默認樣式進行重置,讓全部的瀏覽器上對於未定義的樣式瀏覽效果達到一致(百度的);兼容性主要是兼容ie8以上的瀏覽器。
標題就是h1-h6,h1是最大文字,數字越大字越小,針對多樣性的內容使用。
組件:組件是非單一的元素。包括輸入組,列表組,分頁器等等。
JS插件:插件裏面能夠實現通常須要用到的網頁動態效果,不須要本身再另外寫js了 直接引用它內部定義的function就能夠了。
裏面的內容說的很是詳細,但仍是有不少我沒有怎麼看懂。有時間話會仔細研究css

另外,Zui是擁有簡潔版的,這樣就能夠很好的減小代碼的大小問題了。並且結構很清晰,你只須要引用你所須要的功能的css和js就能夠了。
前端

雖然我想成爲一名網頁設計師,可是不得不說之後在設計的時候,能夠考慮與Zui裏面的樣式多結合,這樣切圖和須要一些js動態特效的時候,就會輕鬆不少。並且Zui的頁面是能夠兼容各個瀏覽器和不一樣屏幕的;這一點也是頗有好的。瀏覽器

相關文章
相關標籤/搜索