前端框架結合

時間 2019-11-24

標籤前端框架結合简体版

原文原文鏈接

Framework7

Framework7 是一個開源免費的框架能夠用來開發混合移動應用（原生和HTML混合）或者開發 iOS & Android 風格的WEB APP。也能夠用來做爲原型開發工具，能夠迅速建立一個應用的原型。html

Framework7 最主要的功能是可使用HTML、CSS和JS來開發iOS7應用。Framework7 是徹底免費開源的。前端

Framework7 並不能兼容全部的設備。她只專一於爲 iOS 和 Google Material 設計提供最好的體驗。html5

http://www.framework7.cn/react

http://docs.framework7.cn/Index/form_elements.htmlgit

SUI mobilegithub

SUI Mobile 是一套基於 Framework7 開發的UI庫。它很是輕量、精美，只須要引入咱們的CDN文件就可使用，而且能兼容到 iOS 6.0+ 和 Android 4.0+，很是適合開發跨平臺Web App。web

http://m.sui.taobao.org/瀏覽器

MUI前端框架

最接近原生APP體驗的高性能前端框架app

Sea.js

追求簡單、天然的代碼書寫和組織方式

更多信息：http://www.admin5.com/article/20160112/642447.shtml

2015年已通過去了，做爲一個親歷前端開發多年的開發者，目擊和見證了前端開發從最初的Javascript 語言類庫到HTML5標準定稿後帶來的Web Components 跨終端組件的快速發展。

　　隨着Web 愈來愈規範和標準的統一，Web組件化技術不斷革新以及移動端開發不斷昇華的今天，我以爲有必要把過去一年幫助過我或朋友們的優秀開源前端框架作個盤點，但願這些與時俱進，具備行業表明性的項目可以愈來愈好，幫助到更多的前端開發者們。

　　此榜單根據github上star數做爲排名依據，一我的力量有限，若是收集有遺漏歡迎補充。(榜單中大部分爲組件式框架，react、Angular等基礎框架不在此篇討論)

　　一、名稱：Bootstrap

　　類別/語言：HTML、CSS、JavaScript

　　建立者：Twitter

　　人氣：在Github上有91007 stars

　　描述：主流框架中毋庸置疑的老大，Bootstrap 是基於 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發更加快捷。

　　核心概念/原則: RWD 和移動優先制。

　　瀏覽器支持： Firefox, Chrome, Safari, IE8+ (你須要 Respond.js forIE8)

　　響應式: Yes

　　模塊化: Yes

　　二、名稱：html5-boilerplate

　　類別/語言：HTML、CSS、JavaScript

　　建立者：Paul Irish

　　人氣：在Github上有32,349stars

　　描述：HTML5 Boilerplate 幫你構建快速, 健壯, 而且適應力強的web app或網站。

　　核心概念/原則：響應式

　　瀏覽器支持：Firefox, Chrome, Safari, IE8+,Edge,Opera

　　預處理器：None

　　響應式：Yes

　　模塊化：Yes

　　三、名稱：Meteor

　　類別/語言：HTML、CSS、JavaScript

　　建立者：immir

　　人氣：在Github上有31,092 stars

　　描述：Meteor是新一代的開發即時web應用的開源框架，它能幫助你在最少的時間內完成開發。

　　核心概念/原則：響應式

　　預處理器: Less

　　響應式: Yes

　　模塊化: Yes

　　四、名稱：Semantic UI

　　類別/語言：HTML、CSS、JavaScript

　　建立者: Jack Lukic

　　人氣: 在Github上有22,325 stars

　　描述: 「基於天然語言有效原則的UI組件框架」

　　核心概念/原則: 語義，標籤的矛盾性、響應式

　　瀏覽器支持：Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only),Android 4, Blackberry 10。

　　預處理器: Less

　　響應式: Yes

　　模塊化: Yes

　　五、名稱：Foundation

　　類別/語言：HTML、CSS、JavaScript

　　建立者: ZURB

　　人氣: 在Github上有22,206+ stars

　　描述: 「世界上最優秀的響應式前端框架」

　　核心概念/原則: RWD 、手機優先、語義的

　　瀏覽器支持： Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+

　　預處理器: Sass

　　響應式: Yes

　　模塊化: Yes

　　六、名稱：Materialize

　　類別/語言：CSS

　　建立者：Google

　　人氣：在Github上有15,288stars

　　描述：Materialize是一個個基於材料設計的一個現代化的響應式前端框架。他們作了最繁重的工做，爲您提供默認的樣式，結合了您的自定義組件。此外，他們還改進動畫和過渡，爲開發人員提供流暢的體驗。

　　核心概念/原則：響應式

　　預處理器：Sass

　　響應式：Yes

　　模塊化：Yes

　　瀏覽器支持：Chrome 35+, Firefox 31+, Safari 7+, IE 10+

　　七、名稱：Pure

　　類別/語言：CSS

　　建立者: Yahoo

　　人氣: 在Github上有13,161 stars

　　描述: 「您能夠在每個web項目中使用的一組小的和響應式的CSS模塊」

　　核心概念/原則:SMACSS,極簡的.

　　瀏覽器支持：Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x

　　預處理器: None

　　響應式: Yes

　　模塊化: Yes

　　八、名稱：Vue

　　類別/語言：CSS、JavaScript

　　建立者：尤雨溪

　　人氣：在Github上有12,214stars

　　描述：Vue.js 是用於構建交互式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具備簡單、靈活的 API。

　　核心概念/原則：響應式

　　瀏覽器支持：Firefox, Chrome, Safari, IE9+，Android4.2+，iOS 7+

　　預處理器：None

　　響應式：Yes

　　模塊化：Yes

　　九、名稱：Skeleton

　　類別/語言：CSS、JavaScript

　　建立者：Dave Gamache

　　人氣：在Github上有10,622stars

　　描述：Skeleton 是一個小的 JS 和 CSS 文件的集合,可幫你快速開發漂亮的網站,適合各類屏幕設備包括手機。Skeleton 基於 960 grid 開發。它是一個 UI 框架。

　　核心概念/原則：響應式

　　瀏覽器支持：Firefox, Chrome, Safari, IE10+,Opera

　　預處理器：None

　　響應式：Yes

　　模塊化：Yes

　　10.名稱： Amaze UI

　　類別/語言：HTML、CSS、JavaScript

　　建立者：雲適配

　　最後更新時間：2015年12月

　　人氣：在Github上有6425 stars

　　描述：Amaze UI是國內首個開源HTML5跨屏前端框架產品系列，中文排版支持更優、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發框架Amaze UI Touch以及針對跨屏HTML5網頁開發的Amaze UI Web。其中，Amaze UI Touch能夠幫助開發者經過豐富的組件，快速構建出與原生APP相媲美的專屬移動端的HTML5應用。

　　核心概念/原則：組件化、移動優先、輕量級、高性能。

　　瀏覽器支持： Firefox, Chrome, Safari, IE8+

　　響應式: Yes

　　模塊化: Yes

　　十一、名稱：UIkit

　　類別/語言：HTML、CSS、JavaScript

　　建立者: YOOtheme

　　人氣: 在Github上有6,050+ stars

　　描述: 「一個輕量級的和模塊化的前端框架,用於快速開發和功能強大的web接口。」

　　核心概念/原則:RWD, 手機優先.

　　預處理器: Less, Sass

　　響應式: Yes