前端資源（框架，庫，網站）

前端有不少優美的框架和庫，以及一些資源不少的網站和博客，今天我準備和你們分享分享

　　　　框架

　　　　庫

　　　　插件

　　　　工具

　　　　網站

 （因爲Vue和React的UI庫比較多，我將在下一篇文章中展現）

框架

 　   Vue:

　　　　　　Vue (讀音 /vjuː/，相似於 view) 是一套用於構建用戶界面的漸進式框架。

　　　　　　Vue 被設計爲能夠自底向上逐層應用。

　　　　　　Vue 的核心庫只關注視圖層，不只易於上手，還便於與第三方庫或既有項目整合。

　　　　　　與現代化的工具鏈以及各類支持類庫結合使用時，Vue 也徹底可以爲複雜的單頁應用提供驅動

　　　　　　連接：https://cn.vuejs.org/v2/guide/index.html

 

　　React：

　　　　　　React 是一個用於構建用戶界面的 JAVASCRIPT 庫。

　　　　　　React主要用於構建UI，不少人認爲 React 是 MVC 中的 V（視圖）。

　　　　　　React 起源於 Facebook 的內部項目，用來架設 Instagram 的網站，並於 2013 年 5 月開源。

　　　　　　React 擁有較高的性能，代碼邏輯很是簡單，愈來愈多的人已開始關注和使用它

　　　　　　連接：https://react.docschina.org/

 

　　React Native:

　　　　　　React Native使你只使用JavaScript也能編寫原生移動應用。它在設計原理上和React一致，經過聲明式的組件機制來搭

　　　　　　建豐富多彩的用戶界面。

　　　　　　最終產品是一個真正的移動應用，從使用感覺上和用Objective-C或Java編寫的應用相比幾乎是沒法區分的。 React

　　　　　　Native所使用的基礎UI組件和原生應用徹底一致

　　　　　　連接：https://reactnative.cn/

 

　　angular：

　　　　　　徹底使用JavaScript編寫的客戶端技術。同其餘歷史悠久的Web技術（HTML、CSS和JavaScript）配合使用，使Web應用

　　　　　　開發比以往更簡單、更快捷

　　　　　　AngularJS主要用於構建單頁面Web應用。它經過增長開發人員和常見Web應用開發任務之間的抽象級別，使構建交互式的

　　　　　　現代Web應用變得更加簡單。

　　　　　　AngularJS的開發團隊將其描述爲一種構建動態Web應用的結構化框架

　　　　　　AngularJS使開發Web應用變得很是簡單，同時也下降了構建複雜應用的難度。它提供了開發者在現代Web應用中常常要用

　　　　　　到的一系列高級功能

　　　　　　連接：https://angularjs.org/

 

　　Flutter:

　　　　　　Flutter是谷歌的移動UI框架，能夠快速在iOS和Android上構建高質量的原生用戶界面。

　　　　　　Flutter能夠與現有的代碼一塊兒工做。

　　　　　　Flutter是徹底免費、開源的

　　　　　　Flutter是一款移動應用程序SDK,一份代碼能夠同時生成iOS和Android兩個高性能、高保真的應用程序

　　　　　　連接：https://flutterchina.club/

 

　　Taro（泰羅）:

　　　　　　一套遵循React規範的多端統一開發框架（京東的凹凸實驗室開發）

　　　　　　能夠只書寫一套代碼，再經過 Taro 的編譯工具，將源代碼分別編譯出能夠在不一樣端（微信/百度/支付寶/字節跳動小程序、

　　　　　　H五、React-Native 等）運行的代碼

　　　　　　全面支持TypeScript

　　　　　　連接：https://taro.aotu.io/

 

 　　Chameleon（變色龍）：

　　　　　　多端統一開發框架，「一端所見即多端所見」，你只需開發一次就能跑全部端（滴滴開發）

　　　　　　首創強大的跨多端語法檢查功能

　　　　　　首創多態協議，輕鬆維護一套代碼實現跨多端

　　　　　　一鍵導出原生組件無污染引用原生組件

　　　　　　連接：https://cml.js.org/#/

 

　　UIkit:

　　　　  UIkit 是 YOOtheme 團隊開發的一款輕量級、模塊化的前端框架，可快速構建強大的web前端界面。

　　　　　   UIKit提供了全面的HTML、CSS及JS組件，它們使用簡單，容易定製和擴展。

　　　　　   基於LESS開發，代碼結構清晰簡單，易於擴展和維護，而且具備體積小、反應靈敏的響應式組件，

　　　　　　你能夠根據 UIKit 基本的風格樣式，輕鬆地自定義建立出本身喜歡的主題樣式。

　　　　　   連接：http://www.getuikit.net/

 

　　layUI:　　

　　　　　　layui（諧音：類UI) 是一款採用自身模塊規範編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，

　　　　　　門檻極低，拿來即用。

　　　　　　很是適合界面的快速開發。

　　　　　　她區別於那些基於 MVVM 底層的 UI 框架，卻並不是逆道而行，而是信奉返璞歸真之道。

　　　　　　準確地說，她更可能是爲服務端程序員量身定作，你無需涉足各類前端工具的複雜配置，只需面對瀏覽器自己，

　　　　　　讓一切你所須要的元素與交互，從這裏信手拈來　

　　　　　　layui 兼容人類正在使用的所有瀏覽器（IE6/7除外），可做爲 PC 端後臺系統與前臺界面的速成開發方案。　

　　　　　　其獨立組件layer 做爲 layui 的一個彈層模塊，是國內最多人使用的彈層模塊

 

　　Amaze UI:

　　　　　　是一個輕量級（全部 CSS 和 JS gzip 後 100 kB 左右）、 Mobile first 的前端框架， 基於開源社區流行前端框架編寫

　　　　　　以移動優先（Mobile first）爲理念，從小屏逐步擴展到大屏，最終實現全部屏幕適配，適應移動互聯潮流

　　　　　　面向 HTML5 開發，使用 CSS3 來作動畫交互，平滑、高效，更適合移動設備，讓 Web 應用更快速載入。

　　　　　　

庫

　　ramda：

　　　　　一款實用的 JavaScript 函數式編程庫

　　　　　　連接:http://ramda.cn/docs/

　　  lodash:

　　　　　　是一個一致性，模塊化，高性能的JavaScrip使用工具庫

　　　　　　連接：https://www.lodashjs.com/

　　  Moment:

　　　　　　一個Javascript時間日期處理類庫（大小約200多Kb）

　　　　　　連接：https:http://momentjs.cn/　　　

　　DayJS:

　　　　　　一個輕量級的Javascript時間日期處理類庫（大小約7kb）

　　　　　　連接：https://www.npmjs.com/package/dayjs

　　　

插件

　　Swipper：

　　　　　　Swiper是純javascript打造的滑動特效插件，面向手機、平板電腦等移動終端。

　　　　　　Swiper能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等經常使用效果。

　　　　　　Swiper開源、免費、穩定、使用簡單、功能強大，是架構移動終端網站的重要選擇！

　　　　　　連接：https://www.swiper.com.cn/

　　Sortable.js:

　　　　　　是一款輕量級的拖放排序列表的js插件(雖然體積小,可是功能很強大)

　　　　　　連接：https://www.npmjs.com/package/sortablejs

工具：

　　飛冰（ice）：

　　　　　　Iceworks工具,這是一個圖形化界面的開發平臺,它承載了ICE的物料體系和開發體驗,飛冰(ICE)是一套基於React的中後臺應用解決方案

　　　　　　特地吹兩句，開源沒有多久，可是十分好用

　　　　　　連接：https://alibaba.github.io/ice/

網站

　　SegmentFault(思否)：　　　　　　連接：https://segmentfault.com/

　　

　　掘金：

　　　　

　　　　　　　　連接：https://juejin.im/timeline

　　

　　博客園：

　　　　　　連接：https://www.cnblogs.com/

 

　　CSDN：

　　

 

 　　　　　　　連接：https://www.csdn.net/

 

　　W3School:

　　

　　　　　　　　連接：http://www.w3school.com.cn/

　　51CTO：

　　　　　　　　連接：http://www.51cto.com/

 

　　小老弟，看完了？看完了能不能給個推薦或者贊啊，躺等一手