前端有很多優美的框架和庫,以及一些資源很多的網站和博客,今天我准備和大家分享分享
(由於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 的編譯工具,將源代碼分別編譯出可以在不同端(微信/百度/支付寶/字節跳動小程序、
H5、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/
小老弟,看完了?看完了能不能給個推薦或者贊啊,躺等一手
