1. ui框架有哪些，web前端開源框架
推薦幾個精緻的web UI框架及常用前端UI框架
1.Aliceui
Aliceui是支付寶的樣式解決方案，是一套精選的基於 spm 生態圈的樣式模塊集合，是 Arale 的子集，也是一套模塊化的樣式命名和組織規范，是寫 CSS 的更好方式。
2.Amazeui
Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。
3.sui
SUI是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規范。
通過SUI，可以非常方便的設計和實現精美的頁面。
同時sui還有移動端版本msui，msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫，減少重復工作。
4.FrozeUI
Frozen UI是一個開源的簡單易用，輕量快捷的移動端UI框架。基於手Q樣式規范，選取最常用的組件，做成手Q公用離線包減少請求，升級方式友好，文檔完善，目前全面應用在騰訊手Q增值業務中。
5.uiKit
uiKit是一款輕量級、模塊化的前端框架，可快速構建強大的web前端界面。
6.H-ui
H-ui是輕量級前端框架，簡單免費，兼容性好，適用於中國網站。
7.Weui
weUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信 Web 開發量身設計，可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
8.layui
Layui 誕生於2016年金秋，是一款帶著濃烈情懷的國產前端UI框架，她追求極簡，又不失豐盈的內在，說她是史上最輕量的結晶，似乎並不為過。一切都源自於她對原生態的執著，對前端社區的那些噪雜聲音的過濾，以及她本身的精心雕琢。
9.YDUI Touch
YDUI Touch 專為移動端打造，在技術實現、交互設計上兼容主流移動設備，保證代碼輕、性能高;使用 Flex 技術，靈活自如地對齊、收縮、擴展元素，輕松搞定移動頁面布局;實現強大的屏幕適配布局，等比例適配所有屏幕。什麼？用得不開心？輕松切換 px;自定義Javascript組件、Less文件、Less變數，定製一份屬於自己的YDUI;
10、後台UI開發框架MuseUI
一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的後端UI開發組件。
2. 前端開發應該學什麼看完這篇不在迷茫
初級階段：從零基礎到網頁大師
HTML5標簽
HTML5表單
CSS3頁面美化
CSS3頁面布局
CSS3動畫
瀏覽器兼容和SEO
Bootstrap響應式框架
項目管理和原型設計
UI設計及切圖技巧
JavaScript入門
HTML 相當於蓋房子的原材料。學習了HTML之後，我們只是掌握了各種「原材料」的製作方法，要想蓋一幢樓房就還需要把這些「原材料」按照我們設計的方案組合布局在一起並進行一些樣式的美化。
而css就是做這些工作的。
CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。
學完css，我們就可以順利完成「一幢樓房」的建設。
「樓房」建設完成之後，我們可以交給用戶使用，但是如果想讓用戶獲得更佳的體驗，我們還可以對「樓房」進行更深一步的「裝修」，讓它看起來更「豪華」一些。就要我們就用到了JavaScript。
基礎階段：從網頁大師到前端開發工程師
JavaScript語言基礎
JavaScript核心對象
DOM、BOM、事件驅動編程
閉包、原型、面向對象編程
jQuery、插件、Underscore
Promise、Defferred非同步編輯
Ajax、RESTful
SVG、Chart圖表
Node.JS服務端和應用介面設計
GIT源代碼管理
JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，藉助這些內容我們可以來實現一些客戶端的特效、驗證、交互等，使我們的頁面看起來不那麼呆板，屌絲瞬間逆襲高富帥!
剛學會JavaScript，你會沉浸在JavaScript給你帶來的驚喜之中不能自拔，產生一種「天下你有」的錯覺。但這個時候你去找一份工作，你的項目經理會經常對你大吼道：
這個效果在××瀏覽器下不兼容，重新搞……」
「不兼容?」瞬間石化！「我擦，坑爹啊!那可是花了我一個晚上寫了幾百行代碼搞定的啊，吐血了都!」
JavaScript的兼容性和復雜性有時候的確讓我們頭疼，還好有「大神」幫我們做了封裝。
jQuery 是一個免費、開源的輕量級的JavaScript庫，並且兼容各種瀏覽器(jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支持)，同時現在有很多基於jQuery的插件可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其 write less,do more的核心宗旨。這個Feel倍兒爽!有么有?
「豪華大樓」至此拔地而起，但是每天這樣日復一日，年復一年的蓋樓，好繁瑣！能不能將大樓裡面每一個單獨部件模塊化，當需要蓋樓時就像堆積木一樣組合在一起，這樣豈不是爽歪歪？
可以實現嗎？答案是肯定的。
這種思想在Web前端開發中也是適合的，於是乎就出現了各種前端框架。在項目開發過程中，我們可以藉助框架提供的CSS樣式、組件、JavaScript插件等快速的完成頁面布局和樣式設置，然後再有針對性的微調樣式，這樣基於框架進行開發大大縮短了開發周期。站在巨人的肩膀上就是爽！
進階階段：前端高級開發工程師
HTML5存儲、多線程
HTML5 Canvas
PHP服務端
SUI、HTML模版化
HTML模板化引擎
AMD、RequireJs模塊化
設計模式與MVC架構
Backbone高級編程
Angular高級編程
自動化構建、測試、缺陷管理
基礎的東西以完成，到了本階段，就是量變到質變的過程。學完本階段可以掌握大型網站、管理系統、Web應用的整體架構體系，能夠獨立完成或帶領團隊完成中大型前端項目的研發工作。
項目實施：經驗豐富的業界高手
Java及.NET服務端技術
新浪微博/騰訊第三方OAuth登錄
網路地圖 JS SDK
支付寶在線支付集成
Web Socket即時通訊
React高級編程
微信平台、微網站開發
HTML5游戲開發
項目管理技術
全棧綜合項目實戰
學完本階段可以極大地豐富前端開發經驗、掌握到當前前端開發領域中最熱門、最具商業價值的前沿技術和高端技術，在前端開發方面達到專家級別，成為市場上炙手可熱的高端人才。
以上每個階段均會有1~2個真實項目實操訓練，幫助同學熟練掌握並運用所學知識，以解決具體項目、具體問題出發，在見招拆招中提高。
當然，從菜鳥到大牛，路很長。前端是一個看似入門門檻不高，但要學好很難的領域。前端的知識體系龐雜又鬆散，技術演進快，如果摸不清脈絡的話很容易陷入盲人摸象的困境甚至跑偏。
經常在前端的論壇上看到有人說，「前端都是自學的，一點都不難」。我毫不懷疑，95% 的想學前端的人都可以通過網路組建自己的關於前端的「超級無敵」學習資料包。用不了多久你的網頁收藏夾里就會堆滿互聯網上豐富的前端學習資源，你的購物車里也會多出幾本待付款的經典教材，你甚至還會興沖沖地跑去注冊一些在線課程。
提前恭喜你，即將從「編程小白」成功蛻變為「准程序員」。
但是，如果你沒有掌握正確的學習方法和循序漸進的學習路線，你將處於並將長期處於「學習前端」的階段。所以，我更期待剩餘的5% 的人，能夠體會到上文一直在強調的方法：以解決某個具體問題為出發點，直接上手一個小項目，在見招拆招的過程中提高學習的效率。
掌握了正確的方法，「學習前端」和「學好前端」就只是個時間問題。
3. 有什麼軟體可以學鋼琴嗎
可以學鋼琴的軟體有：
free piano(電腦鍵盤模擬鋼琴軟體)、全鍵盤模擬鋼琴軟體、DreamPiano、
1，free piano(電腦鍵盤模擬鋼琴軟體)：是一款使用電腦鍵盤演奏鋼琴音曲的開源軟體。
特點：
完全免費的，您不需要購買就可以使用全部的功能。
直接調用VSTi音源，不需要安裝虛擬MIDI設備。
支持多種音頻輸出方式，包括DirectSound, WASAPI和ASIO。
可以定義鍵盤上任意一個按鍵的功能與顯示。
多套鍵盤配置可以在演奏中任意切換。
可將錄制的樂曲導出成視頻MP4文件。
2，《全鍵盤模擬鋼琴軟體》：是一款休閑益智類游戲，運行環境支持Android 1.6。啟動軟體會自動切換到橫屏狀態，由於屏幕大小限制並考慮到玩家手指大小，軟體採用3屏來顯示鋼琴鍵盤。與之前的一些軟體不同，xPiano支持連彈，而且手指劃過鍵盤也會產生相應效果；
按「Menu」鍵調出設置菜單，可以選擇「全屏顯示」激活連彈「自動切換鍵盤」等多種模式方便玩家操作；單擊界面上方的「Acoustic Grand Piano」還可在「槍聲」鳥叫「電話鈴」等十幾種音效中任意選擇，充分發揮你的想像力和創造力。
3，DreamPiano：是一款模擬鋼琴軟體，用它可以在電腦鍵盤上彈出美妙的樂曲。它音色逼真，並且可以實時演奏（無延遲）。 還有小提琴、二胡等其他常見樂器的音色。支持錄音、放音、樂譜顯示、移調、8度音區調整等多項功能，是您學習音樂和業余娛樂的好工具。
(3)鋼琴前端開源項目擴展閱讀
鋼琴（義大利語：pianoforte）是西洋古典音樂中的一種鍵盤樂器，有「樂器之王」的美稱。由88個琴鍵（52個白鍵，36個黑鍵）和金屬弦音板組成。義大利人巴托羅密歐·克里斯多佛利（Bartolomeo Christofori，1655-1731）在1709年發明了鋼琴。
鋼琴音域范圍從A0（27.5Hz）至 C8（4186Hz），幾乎囊括了樂音體系中的全部樂音，是除了管風琴以外音域最廣的樂器。鋼琴普遍用於獨奏、重奏、伴奏等演出，作曲和排練音樂十分方便。演奏者通過按下鍵盤上的琴鍵，牽動鋼琴裡麵包著絨氈的小木槌，繼而敲擊鋼絲弦發出聲音。鋼琴需定時的護理，來保證它的音色不變。
參考資料
網路-全鍵盤模擬鋼琴軟體
網路-free piano
網路-iDreamPiano
4. web前端開源框架有哪些
web前端開源框架有很多，給你舉例幾個：
1、Bootstrap是最流行的前端開發框架，可以讓不是前端工程師也能開發出優美的頁面，更加快捷、方便的開發web頁面和移動端應用。也能開發響應式web頁面，上手也非常快。
2.React 是Facebook 開發的框架，用於構建頁面、javascript庫。主要功能是對DOM操作，聲明式設計，更快的開發出web應用系統
3、Semantic UI是一個完全語義化的前端CSS界面開發框架，跟 Bootstrap 比起來更加豐富些，不那麼單一，在用戶體驗、樣式都很豐富
4、Foundation by ZURB是開發適應各種設備上的前端框架，主要開發響應式web應用框架，提供很豐富的DEMO實例，學起來也非常方便上手，也提供豐富的圖標庫。
5、Amaze UI是輕量級的前端應用框架，是國內比較流行的框架，比較適用於移動端響應式開發框架，可以按照項目要求生成專屬的UI框架庫進行使用，組件非常豐富，可以構建出漂亮的web頁面。
5. Web前端項目開發
常用的web前端開發工具web前端開發工具有哪些： 1、Bootstrap Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和HTML 的集合，它使用了最新的瀏覽器技術，給你的 Web 開發提供了時尚的版式，表單，buttons，表格，網格系統等等。 2、Foundation Foundation 是一個易用、強大而且靈活的框架，用於構建基於任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等。 3、Cloud9 IDE Cloud9 IDE 是一個基於 Node.JS 構建的 JavaScript 程序開發 Web IDE。它擁有一個非常快的文本編輯器，支持為 JS，HTML，CSS 和這幾種的混合代碼進行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調試器，可以在IDE 中啟動、暫停和停止。 4、Notepad++ Notepad++ 是一款非常有特色的編輯器，是開源軟
6. 前端獨立在github上做幾個開源項目可以找到好工作嘛
可以的。
因為你有著豐富的經驗，在社會中找工作經驗往往是非常重要的。而且獨立在github上做幾個開源項目，說明你的能力也是非常不錯的，是肯定可以找到好的工作的。
7. 請問：有沒有適合新手的前端開發項目
分享千 鋒的幾個前端項目：
1、小程序全棧開發之喵喵交友
2、NodeJS+Express+MongoDB實戰項目
3、uniApp視頻全套資料配源碼
4、實戰項目之拉勾網
5、實戰項目之網易雲
6、實戰項目之頭條
7、實戰項目之幸福西餅
8、一小時開發996.ICU
9、Vue實戰項目之喵喵電影
這9個Web前端項目合集包含了前期准備、項目開發、多賬號測試、項目發布等多個環節。通過這些項目實戰，可以手一步步帶大家搭建自己的小程序項目、構建一個完整的Web系統、熟悉靜態頁面和移動端布局的一些方法、加深了對HTML和CSS的了解以及了解整個項目演示與開發流程。
8. 請問市場上大多數開源前台框架bootstrap、easyUI、 ligerUI等，這些框架有哪些共同點啊
bootstrap是全能的，重量級的，提供的功能比後兩者豐富的多，也復雜的多。第三個我第一次聽說。
第二個easyui是輕量級的，比jquery ui多了內置的與後台交互的部分，jquery ui更偏向於純粹的前端處理。easyui我用過，挺好用的，CMS系統需要的都能提供。
第三個沒聽過，第一次聽說。
1 這種前端UI是封裝了很多的東西，讓你以很簡單的調用就能實現較為復雜的UI效果。
你可以自己處理事件，最簡單的就是tree，你點擊時獲得URL，在右側打開URL的內容。
兩種做法，一種是調用UI的單機事件，得到控制項傳遞過來的conent，包括了URL等信息，你很容易就能做一些自己想要做的事。
另一種是用.class的選擇器，寫一溜，獲取到html中的內容，跟控制項沒有任何關系。復雜。但是很多人都這么用，因為第一種用法需要一定的學習時間，哪怕只是兩個小時。
再比如控制項提供的button，你可以通過button的屬性，定義單機事件，你也可以自己加一個ID，自己用jquery綁定單機事件，或者html中加onclick。三種都可以。但是第一種是與控制項互動式的，單擊時會提供一些特定的參數，幫助你做一些事情。
2 不是，你也可以自己加一些css樣式，自己打上class，自己控制某些東西。用於實現某些特定的效果。
只是你既然用了這種東西，就代表了前端實力較弱，否則不會用這種東西的。那麼對於CSS的處理也不夠強。
你用別人的東西，也就意味著如果要自己修改，則會比較困難，無法做到隨心所欲，你要看別人的源碼。
他們都不是開源的。。
9. 有哪些好用的前端開發軟體
1、Bootstrap
Bootstrap是快速開發Web應用程序的前端工具包。它是一個CSS和HTML的集合，它使用了新的瀏覽器技術，給你的Web開發提供了時尚的版式，表單，buttons，表格，網格系統等等。
2、藍湖
藍湖用於查看標注和切圖下載非常方便
3、Cloud9IDE
Cloud9IDE是一個基於Node.JS構建的JavaScript程序開發WebIDE。它擁有一個非常快的文本編輯器，支持為JS，HTML，CSS和這幾種的混合代碼進行著色顯示。Cloud9IDE還為node.js和GoogleChrome集成調試器，可以在IDE中啟動、暫停和停止。
4、Notepad++
Notepad++是一款非常有特色的編輯器，是開源軟體，可以免費使用。我們開發人員都是必備的。支持的語言:C,C++,Java,C#,XML,HTML,PHP,Javascript!
5、VisualStudioCode
VisualStudioCode是一個運行於OSX，Windows和Linux之上的，針對於編寫現代web和雲應用的跨平台編輯器。
6、GIMP
GIMP是GNU圖像處理程序(GNUImageManipulationProgram)的縮寫。包括幾乎所有圖象處理所需的功能，號稱Linux下的PhotoShop。GIMP在Linux系統推出時就風靡了繪圖愛好者圈。
7、SecureHeaders
SecureHeaders是Twitter送給Web開發者的一份大禮，作為一款Web安全開發工具，Secureheaders能夠自動實施安全相關的header規則，包括內容安全政策(CSP)，防止XSS、HSTS等攻擊，防止火綿羊(Firesheep)攻擊以及XFO點擊劫持等。
8、Fontello
Fontello是個圖標字體生成器。這個工具允許用戶把這些圖標web字體放到自己的項目中。主要特性如下：縮小字形集合，減小字體大小;合並一些字體標記到單個文件中；訪問大量專業級的開源圖標。