最近又鞏固了些html,css,javaScript和jQuery的知識 回頭看看之前寫的html網頁，真的是不忍直視 在這貼一下gitHub上我醜醜的介面

為了包裝一下連我自己都忍受不了的前端介面，於是搜了一些前端框架
也許有人會疑惑 你不是走java後端的嗎？學啥前端

這個問題之前也是困擾了我一段時間：一個後臺花一部分精力在前端上 是否值得？

首先第一點：興趣，個人強迫，看著自己寫巨醜的頁面實在受不了

其次：全棧聽過吧 最近都流行這個詞 總而言之就是 全棧=保姆（前臺到後臺 全包） 我也請教過阿里的大佬 是否需要花精力在前臺上。給我的回答是：像bat這樣的大廠，財大氣粗 前後臺都是分離的，都有專門的前端開發工程師。後端不需要寫前端程式碼，只需要定義好介面就可以了。 但是國內還有很多小公司，人員配備不齊，以全棧的名頭招苦力，進去啥都都要做的那種。回頭再來說說 java工程師對前端只是要有基本的瞭解，知道前後臺如何互動，會寫簡單的js，就算合格了。

所以個人還是覺得能看懂前臺程式碼，掌握一兩個前端框架，不需要深入，會使用就行 還是很有必要的。

接下來就簡單介紹一下幾個常用的框架的區別和這些工具各自能實現的功能

1.angularjs

html和js之間的資料銜接層，可以操控html元素（資料繫結、重複、隱藏）等，
上手很容易，但想要精通，瞭解內部執行機制不容易。 是js框架

2.bootstrap

用於頁面佈局樣式設計，CSS等，與資料無關，是一種UI設計工具，  
一般搭配angularjs使用。 是css框架

3.jquery

是一個 JavaScript 函式庫，與angularjs作用一致，但更偏重於操作dom元素，
對dom遍歷和修改。

4.easyUI

是基於jQuery的框架，它側重於頁面顯示部分，即UI，但是所有效果都是用  
jQuery實現的。
 

綜合一下 還是選擇了bootstrap學習一下吧 來簡單介紹一下這個廣為應用的前端框架吧

Bootstrap

是目前可用框架中無可爭議的領導者。其人氣日益增長，你可以放心的選擇這個框架，而不必擔心專案會失敗，因為具有廣泛使用基礎的框架，不太可能被拋棄。

• 說明： “Bootstrap是最流行的HTML，CSS和JavaScript框架，用於在網路上開發響應式、移動的Web專案。

• 響應式佈局：是

• 模組化：是
• 啟動模板/佈局：是
• 附加/附件：無捆綁，許多第三方外掛可用。

• 瀏覽器支援： Firefox，Chrome，Safari，IE8 +（您需要IE8的Respond.js）

  可根據客戶端調節視窗大小 自適應 這個是我最喜歡的

  Bootstrap說明

  Bootstrap的廣泛流行是它的優勢所在。在技術上，它不一定比列表中的其它框架更好，但它提供了比其它四個框架更多的資源（文章和教程、第三方外掛和擴充套件、主題構建器等）。簡而言之，Bootstrap 無處不在，這是人們繼續選擇的主要原因。

  bootstrap是一個響應式框架，基於Jquery

接下來的兩天內 就開始找資料突突突了，然後再寫篇部落格記錄一下。

參考：