漂亮的前端

B. 有沒有好看的前端頁面

答: 有的比如說可以參考別人分享的一些關於前端界面的開源代碼。一般來說這類代碼的可擴展性非常好，你直接在其基礎上進行適配修改就行。在Github上面就可以找到非常多。如下所示，一般來說star比較多的資源都會比較好。

C. 前端如何搞一套漂亮的前端界面

可以看下antd的UI框架，組件很漂亮

D. 怎樣才能做好UI前端設計，讓界面更好看

UI設計是通過一系列的設計和優化使得軟體界面和外觀得到提升，讓使用者更加舒心和愉悅。這是個比較關鍵的一環，關繫到直接的用戶體驗。所以ITjob學習UI設計，可以讓軟體外觀再上一個台階。

E. 做web前端開發都應該會些什麼

不知道題主的意思是前端需要掌握的技能有什麼還是學成之後能做的事。

如果是前者，那前端開發中需要掌握最基礎的技能就是HTML、CSS，JavaScript，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互。這些基礎知識都必須熟知，才能進行流暢的編寫。

熟悉了程序語言之後，將會運用到多種開發工具進行開發，常用的有Dreamweaver，Sublime Text ，HBuilder、GIMPGIMP、BootstrapBootstrap 、Notepad++Notepad++等

當然工具只能解決一些特定問題，在你提升了自己之後，可以嘗試接觸框架。目前開發運用到的三大框架是Angular、React、Vue。當然框架也有很多種，都是要等待你去慢慢發掘的。

如果問題是後者，前端開發會做的事情就很多了，就業范圍也相當廣闊。能從事的崗位有前端開發工程師、資深前端開發工程師、網站重構工程師、前端架構師等等。

F. 前端哪個框架的折疊面板好用又美觀

Apache基金今發布Flex 4.8版本AdobeFlex捐獻給Apache基金發布第版本

需要注意Flex目前孵化階段Apache式項目Flex 4.8式Apache版本

Apache稱該版本標志著Flex新代始Flex未由社區驅由公司驅發者通貢獻代碼幫助改進Flex修復bug、增加功能等

G. 前端開發，有哪些好看的書籍

《CSS網站布局實錄》
《CSS權威指南》
《HTML5與CSS3權威指南》
《JavaScript非同步編程》
《圖解HTTP》
《瞬間之美：WEB界面設計如何讓用戶心動》

H. 前端ui框架好看的有哪些

推薦幾個精緻的web UI框架！

1.Aliceui

Aliceui是支付寶的樣式解決方案，是一套精選的基於 spm 生態圈的樣式模塊集合，是 Arale 的子集，也是一套模塊化的樣式命名和組織規范，是寫 CSS 的更好方式。

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。

3.sui

SUI是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規范。

通過SUI，可以非常方便的設計和實現精美的頁面。

同時sui還有移動端版本msui，msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫，減少重復工作。

9.YDUI Touch

YDUI Touch 專為移動端打造，在技術實現、交互設計上兼容主流移動設備，保證代碼輕、性能高;使用 Flex 技術，靈活自如地對齊、收縮、擴展元素，輕松搞定移動頁面布局;實現強大的屏幕適配布局，等比例適配所有屏幕。什麼？用得不開心？輕松切換 px;自定義Javascript組件、Less文件、Less變數，定製一份屬於自己的YDUI;

10、後台UI開發框架 MuseUI

一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的後端UI開發組件。

I. 現在比較好用的前端開發工具有哪些啊

1. node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器JavaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。

6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在各個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。

J. 前端框架是什麼有什麼用、有什麼好處

前端框架一般指用於簡化網頁設計的框架，比如，jquery，extjs，bootstrap等等，這些框架封裝了一些功能，比如html文檔操作，漂亮的各種控制項（按鈕，表單等等）。

前段框架的好處：對於互聯網的產品而言，前端用戶體驗往往決定了一款產品的競爭力和吸引力;而對於前端工程師來說，考慮的問題更為復雜，他們既要為網站上提供的產品和服務實現一流的Web頁面、優化代碼，保證體驗的最佳，更要考慮與市面上各大瀏覽器的兼容性，還需顧及Web前端表現層和前後端交互的架構，以及模塊化、通用類庫、框架編寫等一系列問題，由此提升前端開發的效率，降低開發成本和周期。