day17-前端組件介紹
阿新 • • 發佈：2018-07-04
後端 html 導入 jqueryui 名稱 bootstrap easyu otc easyui
一、藥引子
今天開始擼day17博客，在之前我們學習了前端的基礎知識，html標簽、CSS，JS。一個頁面需要寫很多樣式，簡單的一個動態效果，需要幾十行JS代碼實現。消耗了我們大量的精力，其實有很多現成的組件，本著拿來主義，拿來就能用。下面是老師推薦的幾款
Bootstrap ，墻裂推薦。這個既適合寫前端，又適合寫後端，目前又著重支持移動端開發，
JQUERYUI ,偷懶還沒去了解過,(推薦度 1星，它和EasyUi 都是寫後臺的用的)
EasyUI, 偷懶還沒去了解過,(這個框架裏面封裝了大量的ajax的東西，我們暫時不用學)
二、我們以Bootstrap 為例
目前是 V4 版本 https://v4.bootcss.com/
2.1 下載，
2.2 解壓，導入
下載的安裝包，解壓之後，導入到 py 中。
在使用 bootstrap 之前需要，先導入bootstrap.js，所依賴的JS, 具體版本查看官網，
比如：V4 依賴 3.2.1
2.3.舉個栗子
在標簽上應用上樣式即可，具體樣式的名稱，需要參考官網栗子， 到後面是復雜的組合，
簡單的 <button class="btn btn-primary"> 一個漂亮的按鈕就出來了，節省了大量的精力。
前提是，你的大概知道它實現的方式，就是 寫CSS，背景顏色，字體顏色，高度，圓角等等。。。
在需要修改的時候，可以進行修改滿足實際使用需求，所以前面學習 HTML,CSS,JS 非常有必要，師不坑我。。。
day17-前端組件介紹