html5前端框架
A. web前端主流框架主要有哪些
現在主流的三大框架是:Angular,React,Vue。
AngularJS誕生於2009年,由Misko Hevery等人創建而成,後來被Google收購,AngularJS彌補了html在構建應用方面的不足,它是一款優秀的前端JS框架,通過使用標識符結構來擴展Web應用中的HTML詞彙,使得開發者能夠使用HTML來聲明動態內容。
React 是一個 Facebook 和 Instagram 用來創建用戶界面的javaScript 庫。很多人認為 React 是 MVC 中的 V(視圖)。我們創造 React 是為了解決一個問題:構建隨著時間數據不斷變化的大規模應用程序。React 可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖,在數據改變時 React 也可以高效地更新渲染界面。
近幾年最火的前端框架當屬Vue.js了,Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件,相比其它的 MVVM 框架,Vue.js 更容易上手。很多使用過vue的程序員這樣評價它,「vue.js兼具angular.js和react.js的優點,並剔除了它們的缺點」。
B. 開發html5 用什麼框架
Ionic 是一個神奇的框架和強大前端開源系統,使用先進的 web 技術比如 CSS、HTML 和 JS 來創建令人驚嘆的回手機應答用。它已經定製了在所有手機設備上的快速操作,並且確保簡單的功能和大量的手機組件。
Siimpler 是一個簡單的 HTML 開發框架,他可以通過選擇你自己喜歡的部分,來幫助你快速又簡單的創建 HTML5 開發結構。根據你的項目需求,你可運用 Siimpler 開發你自己熟悉的前端結構。網路設計者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個 web 項目。
C. 主流HTML5移動web開發框架
肯定使用框架啊,不然還原生 JS、自己寫樣式?
H5 做移動開發也分兩種,一種就是正常的網頁,一種是封裝的成 App 在手機上跑的。下面我只大致介紹一下又哪些框架,具體的特性不是三兩句能說完的,題主可以自行搜索相關資料。
後者比較知名的框架就是 PhoneGap、MUI 等等了。
而前者具體分的話還分 CSS 框架和 JS 框架。樣式框架有很多了,常見的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等,但說實話這些 JS 框架都比較繁重,一般是為比較復雜的場景設計的,如果你的頁面需求很簡單,那麼大可以不用它們只用樣式框架就好了。
值得一提的是國內 BAT 三大巨頭也分別有自己的 H5 框架,並且都已經開源了,網路的是 GMU(Global Mobile UI)、Clouda+、EFE 這三個,阿里的是 Kissy Mobile,騰訊的是 Frozen UI。
D. 開發html5用什麼框架
1. JX(騰訊)
JX 是一個類似 Google Closure Library 的 Web 前端開發框架,服役於 WebQQ 等大規模的 WebApp。
JX 是模塊化的非侵入式Web前端框架,開發於2008年,並於2009年開源於GoogleCode ,於2012年切換到Github。 JX 框架同時適用於 Web Page 和 Web App 項目的開發,特別適合構建和組織大規模、工業級的Web App,騰訊 WebQQ、騰訊Q+等產品都是採用JX框架開發,兼容目前所有主流瀏覽器。
騰訊團隊打造的前端開發框架JX
詳情請參考:JX
2. KISSY(淘寶)
KISSY是淘寶的前端類庫,幾乎在淘寶的每個頁面上都能看到它的身影。
KISSY提供穩定的核心,包括 oo、dom、Event、Anim、Ajax 等;強大且易用的腳本載入器,特有的 loader;豐富的UI組件,包括 Switchable、Overlay、Draggable and Droppable 等。KISSY具備模塊化、高擴展性、組件齊全等特性。
詳情請參考:KISSY
3. QWrap(網路)
QWrap是網路有啊前端團隊推出的一個Javascript框架,支持IE6+、Firefox、Chrome、Safari、Opera等瀏覽器,在BSD協議下開源發布。
QWrap的特點如下:
1. 提供jQuery一樣方便的dom功能,同時又打破jQuery「專注於dom」的約束,也提供非dom的許多功能。
2. 提供prototype方便的原型功能,同時又提供Javascript1.6的泛型功能,並且提供用戶有選擇方便與嚴謹的自由。
3. 提供YUI2一樣的靜態方法庫,同時又用所謂的Helper規范來做到真正的絕對靜態,讓組件開發者可以發布出無依賴的組件。
4. 學習YUI3的use,同時又擯棄YUI3的嚴謹性潔癖,讓use更實用。
5. QWrap獨創特的Helper + Wrap + Retouch + Apps設計,讓QWrap有更多的靈性等待你去發現。
4. Tangram(網路)
Tangram是一款實用的JavaScript基礎庫,通過它可以快速構建出高度互動的Web應用程序。Tangram具有全瀏覽器兼容,平滑升級體驗以及自由定製輸出最小尺寸的特點。
5. Como(康尚實驗室)
omo JS
Como由上海康尚實驗室開發,是一款簡易而功能強大的JS框架,對String等原生對象進行了擴展,支持常用的CSS選擇器,高效的動畫播放,強大的包擴展機制,支持類的繼承等。
E. html5前端開發,有沒有比較好的前端框架
現在主流就幾個,國內使用VUE的比較多,優點是:國人做的,文檔閱讀,完善都不錯。淘寶,知乎和國外的大廠使用的React較多,優點是和原生交互會簡單點,但入門要求會比VUE高點,還有就是angular,這個我沒用過,不好評價,你如果用了,歡迎交流
F. 手機html5前端開發用什麼框架
jquery mobile和bootstrap都是較好的框架。為了使用便利,下文列舉了目前最強大應用最廣泛的幾款前端開發框架。
1. Bootstrap
Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美,直觀並且給力的web設計工具包,可以用來開發跨瀏覽器兼容並且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件,柵格系統以及一些常用的JavaScript插件。
2. Fbootstrapp
Fbootstrapp基於Bootstrap並且提供了跟Facebook iframe apps和設計相同的功能。包含用於所有標准組件的基本的CSS和HTML,包括排版、表單、按鈕、表格、柵格、導航等等,風格與Facebook類似。
3. BootMetro
BootMetro框架的靈感來自於Metro UI CSS,基於Bootstrap 框架構建,用於創建Windows 8 的Metro風格的網站。它包括所有Bootstrap的功能,並添加了幾個額外的功能,比如頁面平鋪,應用程序欄等等。
4. Kickstrap
Kickstrap是Bootstrap的一個變體。它基於Bootstrap,並在它的基礎上添加了許多app,主題以及附加功能。這使得這個框架可以單獨地用於構建網站,而不需要額外安裝什麼。你需要做的僅僅是把它放到你的網站上,然後用就可以了。
5. Foundation
Foundation 是一款強大的,功能豐富的並且支持響應式布局的前端開發框架,你可以通過Foundation快速創建原型,利用它所包含的大量布局框架,元素以及最優範例快速創建在各種設備上可以正常運行的網站以及app。Foundation在構建的時候秉承移動優先的策略,它擁有大量實用的語義化功能,並且使用Zepto類庫來取代jQuery,這樣可以帶來更好的用戶體驗,並且提高運行的速度。
6. GroundworkCSS
GroundworkCSS 是前端框架家族裡面新添的一款小清新框架。它是基於Sass和Compass的一個高級響應式的HTML5,CSS以及JavaScript工具包,可以用於快速創建原型並且建立在各種瀏覽設備上可以正常工作的網站和app。
7. Gumby
Gumby 是一款基於Sass和Compass的簡單靈活並且穩定的前端開發框架。
它的流式-固定布局(fluid-fixed layout)可以根據桌面端以及移動設備的解析度自動優化要呈現的網頁內容。它支持多種網格布局,包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板,方便你在12列和16列的網格系統上進行設計。
8. HTML KickStart
HTML Kickstart 是一款可以用來方便創建任何布局的集合HTML5,CSS和jQuery的工具包。它提供了干凈,符合標准以及跨瀏覽器兼容的代碼。
9. IVORY
IVORY 是一款輕量,簡單但是強大的前端框架,可以用於320到1200像素寬度的響應式布局。它基於12列的響應式網格布局,包含表格,按鈕,表格,分頁,撥動開關,工具提示,手風琴,選項卡等網站中常用的組件和樣式。
10.Kube
最後,如果你的新項目需要一款實在的,不需要復雜的額外功能組件的,足夠簡單的框架,那麼 Kube 將會是你正確的選擇。Kube是一款最小化的,支持響應式的前端框架,它沒有強加的樣式設計,因此給了你充分的自由來開發自己的樣式表。它提供了一些web元素的基本樣式,比如網格,表單,排版,表格,按鈕,導航,鏈接以及圖片等等。
G. HTML5跟web前端區別
什麼是html5?
html5其實是一種技術的集合,它包括了html5,CSS3,JS等技術。而web前端則是一種職業,國內從2005年開始發展的,是由網頁設計師演變過來的。如果從技術上說,web前端涉及到的技術有很多,包括html5,除此之外還有JSON,AJAX,DOM等。不過這也看具體的公司吧,不同的公司對WEB前端開發人員的技術要求也不一樣。
什麼是web前端?
再傳統規的意義上來講,網站是分為前端和後端的,前端就是我們俗稱的頁面以及我們經常看到的各種展示效果,後端則是管理按照理解來講後台主要是指管理、更新、維護網站的後台。
網路是這樣定義的:主要職責是利用(X)HTML/CSS/Java/Flash等各種Web技術進行客戶端產品的開發。完成客戶端程序(也就是瀏覽器端)的開發,開發Java以及Flash模塊,同時結合後台開發技術模擬整體效果,進行豐富互聯網的Web開發,致力於通過技術改善用戶體驗。
通常意義上來講,web前端工程師,不僅要會開發而且還要會移動開發。也就是說,我們學習web 的時候也是需要學習html5技術的。據了解,現在企業招聘的用人標准都是會包含會html5開發這一條。
就是說html5與web前端技術他們是一種從屬的關系,html5是屬於前端web開發的一部分,但web開發所包含的技術就很廣闊了。除了html5還需要學習其他的技術如:CSS、div、Java、jQuery、網站性能優化、SEO、PHP基礎和伺服器端的基礎知識
H. 熱門的HTML5框架有哪些
Ionic 是一個神奇的框架和強大前端開源系統,使用先進的 web 技術比如 CSS、HTML 和 JS 來創建令人驚嘆的手機應用。它已經定製了在所有手機設備上的快速操作,並且確保簡單的功能和大量的手機組件。
您可以通過一個命令創建來測試和使用基於任何平台上的 ionic 應用。此外,該框架為它自己的組件提供了一套 Angular 指令(自定義的 HTML 元素),從而使它可以簡單的編寫一行 HTML 代碼。類似指令,它使用視圖動畫邏輯,非同步通信,Angular 的觸摸識別和 HTML 清潔處理。
Siimpler 是一個簡單的 HTML 開發框架,他可以通過選擇你自己喜歡的部分,來幫助你快速又簡單的創建 HTML5 開發結構。根據你的項目需求,你可運用 Siimpler 開發你自己熟悉的前端結構。網路設計者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個 web 項目。
Foundation 是世界上最精妙的前端響應框架,同時,它可以兼容所有的瀏覽器和網路設備。Foundation 擁有移動友好型的用戶介面,並且獲得了許多的原件來幫助你快速又完美的建立一個響應站點。Foundation 設置了許多關鍵的特性,例如 HTML,CSS UI 原件,模板,小代碼塊,含有按鈕,表單,字體,導航等功能的響應組件。
I. html5有沒有類似jqueryui的框架
jQuery UI是以 jQuery 為基礎的開源 JavaScript 網頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控制項。我們可以直接用它來構建具有很好交互性的web應用程序。所有插件測試能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。
目前,前端開發領域類似於有一下幾個:
1、jQuery EasyUI
jQuery EasyUI是一組基於jQuery的UI插件集合體,而jQuery EasyUI的目標就是幫助web開發者更輕松的打造出功能豐富並且美觀的UI界面。開發者不需要編寫復雜的javascript,也不需要對css樣式有深入的了解,開發者需要了解的只有一些簡單的html標簽。
2、Bootstrap
Bootstrap,來自 Twitter,是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。 它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范,它即是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。 國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap源碼進行性能優化而來。
3、Boilerplate
Boilerplate是一個由 Paul Irish(Google Chrome 開發人員、jQuery 項目成員、Modernizr 作者、yayQuery 播客主持人)主導的「前端開發模版」。
HTML5 Boilerplate 是一套具有非常多先進特性的框架,其特性簡單介紹如下:
(1)由 Paul Irish 首創的在 HTML 頁面的 body 上使用 IE 條件注釋判斷瀏覽器版本,從而大大簡化了針對 IE Hack 的成本(在後來的版本中升級為在 <html> 標簽中加入條件注釋) (2)HTML5 集成,默認使用了很多 HTML5 的特性,並且使其兼容舊版本瀏覽器
(3)大量針對伺服器的默認配置,無需修改即可配置一個安全、標準的 web 伺服器
(4)完整的 JS 調試機制 —— 即使在 IE 下
(5)大量使用 CSS3 技術,並且集成了幾乎所有來自框架中和技術大牛們口頭相傳的 CSS 技巧
(6)為所有瀏覽環境做了優化,包括移動版本和列印版本
(7)默認內置 Modernizr,可以檢測瀏覽器對新特性的支持能力,方便針對舊版本瀏覽器優化
4、 jQuery Mobile
jQuery Mobile是jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫,而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說:能開發這個項目,我們非常興奮。移動Web太需要一個跨瀏覽器的框架,讓開發人員開發出真正的移動Web網站。