手機端js框架

1. 什麼是js框架

javascript框架是指以Javascript語言為基礎搭建的編程框架。

JavaScript框架如今正融入到屬於自己的Web和移動應用程序中，構建後端API和豐富的前台客戶端是一大趨勢，而這些又多由JavaScript框架編寫而成。

在開發前台界面時應用API，便會更加熟悉API，也會對工作內容了如指掌，當應用該項技術編寫客戶端，編寫頂級iphone或者Android應用程序就會變得非常容易。

在JavaScript框架出現之前，開發人員只能在頁面上進行jQuery操作。這種方式很容易引起開發人員對編碼操作的困惑，而且也不易管理。

Backbone是最初的領跑者，提供了一個基本的結構和組織以及開發者友好的框架，如Angular和Ember。

(1)手機端js框架擴展閱讀：

javascript的特點：

1、一種解釋性執行的腳本語言。

同其他腳本語言一樣，javascript也是一種解釋性語言，其提供了一個非常方便的開發過程。

2、一種基於對象的腳本語言。

其也被看作是一種面向對象的語言，這意味著javascript能運用其已經創建的對象。因此，許多功能可以來自於腳本環境中對象的開發方法 與腳本的相互作用。

3、一種簡單弱類型腳本語言。

javascript是一種基於java基本語句和控制流之上的簡單而緊湊的設計，從而對於使用者學習java或其他c語系的編程語言是一種非常好的過渡。

4、一種相對安全腳本語言。

javascript作為一種安全性語言，不被允許訪問本地的硬碟，不允許對網路文檔進行修改和刪除，只能通過瀏覽器實現信息瀏覽或動態交互。從而有效地防止數據的丟失或對系統開發的非法訪問。

2. 有哪些優秀的前端js框架

前端開發者的都知道3大框架:Angular,Vue,React。但是除了這三個框架以外的前端框架還有那些？下面具體介紹下前端都有哪些框架：
一．前端UI框架
1.bootstrap框架，它來自 Twitte，是目前最受歡迎的前端框架。具有簡潔、直觀的前端開發特點。
2.EasyUI框架，EasyUI是一種基於jQuery、Angular.、Vue和React的用戶界面插件集合。通過使用easyui不需要寫很多代碼，只需要通過編寫一些簡單HTML標記，就可以定義用戶界面。
二．前端框架
1.Node.js框架。Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引擎，V8引擎執行Javascript的速度非常快，性能非常好。
2.Vue.js框架。 Vue.js是當下很火的一個JavaScript MVVM庫,它是以數據驅動和組件化的思想構建的。相比於Angular.js,Vue.js提供了更加簡潔、更易於理解的API。
3.React框架。React 起源於 Facebook 的內部項目，用來架設 Instagram 的網站，是一個用於構建用戶界面的 JAVASCRIPT 庫。
4.Angular.Js框架。angular.Js框架是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有著諸多特性,最為核心的是:MVC(Model–view–controller)、模塊化、自動化雙向數據綁定、語義化標簽。

3. 移動端頁面最好用的框架是哪幾個

1、jQuery Mobile

jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。

2、jQTouch

jQTouch 是一個 jQuery 的插件，主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。

3、DHTMLX Touch

DHTMLX Touch是一個免費的HTML5/JavaScript框架，專門為觸摸屏設備而優化。為您帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用於構建移動用戶界面。它能夠幫您以最少的編碼構建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用於開發餐廳應用) 和Book Shop (一個電子書店應用)。

4、Mobilize.js

Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標准網站快速，簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示，而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站，但對於基於WordPress和Sphinx的網站不需要使用該框架轉換，因為已經有非常多的插件可以使用。

5、The M Project

The-M-Project是另外一個強大的JavaScript框架，它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟體架構模式。它還支持離線，所以你的用戶可以在沒有連接網路的情況下繼續操作(當下次有連線的時候，再將數據同步到伺服器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南)。可以查看提供的示例來對該項目有一個初目的了解。這些示例包括：ToDo App(待辦事項目應用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。

6、WebApp.Net

WebApp.Net 提供了很多的 API，因此可以幫助你節省很多工作了。不需要花時間去進行 Ajax 調用的編碼，因為已經內置了，另外還有很多其它內置功能，提供了詳細的文檔和應用演示。

7、Wijmo

Wijmo是一個基於jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。

8、960 Grid on jQuery-Mobile

jquery-mobile-960 是一個用於移動 Web 開發的網格框架，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應用應許在移動終端更加易用。

9、Sencha Touch Framework

Sencha Touch 是世界上第一個基於 HTML5 的移動 Web 開發框架，支持最新的 HTML5 和 CSS3 標准，全面兼容 Android 和 Apple iOS 設備，提供了豐富的 WEB UI 組件，可以快速的開發出運行於移動終端的應用程序。Shencha是第一個使用HTML5，CSS和JavaScript並且支持音頻/視頻，本地存儲，圓角，漸變背景以及陰影的開發框架。

10、NimbleKit

NimbleKit 是為 iOS 設備構建應用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結合 JavaScript 代碼編寫 HTML 頁面就可以了。

11、Touchy™ Boilerplate

Touchy Boilerplate 是一個用來創建移動web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動態頁面導航，固定頁頭，滾動內容，瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。

12、PhoneGap

PhoneGap是一個用基於HTML，CSS和JavaScript的，創建移動跨平台移動應用程序的快速開發平台。它使開發者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。PhoneGap是免費的，但是它需要特定平台提供的附加軟體，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發。使用PhoneGap只比為每個平台分別建立應用程序好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平台分別編譯應用程序。

13、joshfire

Joshfire是一個開源的跨設備開發框架，幫助開發者創建可以在多種設備上運行的web app。它使用HTML5和JavaScript，並且允許開發者快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤，滑鼠，觸摸屏，遙控器等設備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基於HTML5的移動網頁開發框架。

14、 Julia

Julia框架由基本CSS3文件、JS庫和各個平台的運行庫構成。不像PhoneGap，Julia不僅僅包含調用本機代碼的介面層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，非同步資料庫存取介面，HTML選擇符(類jQuery調用介面)，HTML模版(允 許嵌入JS代碼)等應用開發必備的API介面。 基於Julia的應用開發就像網站開發那麼簡單，是的，你終於可以用HTML5開發一個完整的、跨平台 的、不亞於本機代碼的、易於維護的移動應用了！大幕即將揭曉，讓我們一起進入移動開發的新時代

15、SproutCore HTML5 Application Framework

SproutCore 是一個 HTML5 移動 Web 開發框架，它的目標是在無需瀏覽器插件的情況下，在瀏覽器中位應用程序提供極佳的桌面效果。

16、Titanium

這是一個強大的，健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平台開發原生移動應用。作為一個越來越大的移動Web框架，它擁有超過300個的APIs和活躍的開發者社區。你從這個社區中得到每一個開發人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設備的攝像頭和本地文件存儲系統相交互的特性。

17、Lungo.js

Lungo.js 是一個採用HTML5, CSS3 和JavaScript技術實現的移動Web應用程序開發框架。利用這框架開發的應用程序可運行所有流行的平台包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標，所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設備方向等。Lungo.js是一個模塊化並且完全可定製的框架。

18、xui.js

有時候你可能需要一個超輕量級的框架，只要擁有用於開發標准客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動畫效果。如果是這樣的話，這個框架剛好非常適合你。整個框架採用GZIP壓縮完之後只有4.2 KB。

19、EmbedJS

EmbedJS是一個用於嵌入式設備的JavaScript框架如：行動電話，TVs、tablets和so forth。EmbedJS強大之處在於，它擁有專門為特定平台和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗。而且假如你喜歡自己定製，可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基於Dojo實現，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。

20、zepto.js

zepto.js是一個專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發的一個JavaScript框架。它標榜自己在其簡約的開發理念，能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架，是超輕量級的，只有5KB。zepto.js的語法借鑒並且兼容jQuery。

21、Baker

Baker是用來在iPad或者iPhone平台上發布互動式的電子書或者電子雜志的HTML5電子書框架。

22、ChocolateChip-UI

ChocolateChip-UI 是一個手機移動 Web 開發框架，採用 HTML5, WAML, CSS 和 JavaScript等技術實現。基於 ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.

23、Magazine Grid

Magazine Grid 是一個超現代的 CSS 框架，用於 iPad 和 iPhone 手機，使用類似雜志的設計風格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁，非常輕量級(<4k)，在移動設備上載入非常快，對老的瀏覽器也支持。

24、Kendo UI

Kendo UI是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML5、CSS3和JavaScript標准。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切，包括：強大的數據源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控制項。

25、HTML App Host Framework

這是一個用於構建基於 Windows Phone 7 的 HTML/JavaScript 託管框架，使用 HTML5 技術。該框架由支持在標准 xap 格式中嵌入 html 應用的控制項。

4. 前端常用的框架有哪些

web前端的主流框架，下面，我具體給你介紹一下：
1、Angular：Angular是一款優秀的前端JS框架，Angular有著諸多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。Angular是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能，在自定義指令後可以在項目中多次使用。
2、React：React可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖，在數據改變時React也可以高效地更新渲染界面。React為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
3、Vue：近幾年最火的前端框架當屬Vue.js了，Vue.js是一個構建數據驅動的Web界面的漸進式框架。Vue.js的目標是通過盡可能簡單的API實現響應的數據綁定和組合的視圖組件。Vue對模塊很友好，可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
以上三個就是我給你介紹的關於web前端主流的框架，希望我的回答對你有所幫助

5. js除了有JQuery框架以外，還有哪些強大點的框架，或者比較實用的也可以。。誰能給我介紹一下

1. Zepto.js描述：Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫，它與jquery有著類似的api。 如果你會用jquery，那麼你也會用zepto。關於Zepto認知我也是通過與一位騰訊朋友聊天的時候知道的，只作了些基礎的了解。

   
   

2.SUI Mobile

描述：SUI Mobile 是一套基於Framework7開發的UI庫。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，並且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發跨平台Web App。

用途：你也看到了，他是用於無線端的Web App的開發。

3.Node.Js

描述：Node.js是一個Javascript運行環境(runtime)。實際上它是對Google V8引擎進行了封裝。V8引 擎執行Javascript的速度非常快，性能非常好。Node.js對一些特殊用例進行了優化，提供了替代的API，使得V8在非瀏覽器環境下運行得更好。

Node.js是一個基於Chrome JavaScript運行時建立的平台， 用於方便地搭建響應速度快、易於擴展的網路應用。Node.js 使用事件驅動， 非阻塞I/O模型而得以輕量和高效，非常適合在分布式設備上運行數據密集型的實時應用。

簡單的說 Node.js 就是運行在服務端的 JavaScript。

Node.js 是一個基於Chrome JavaScript 運行時建立的一個平台。

Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引擎，V8引擎執行Javascript的速度非常快，性能非常好。

用途：

1. RESTful API

這是NodeJS最理想的應用場景，可以處理數萬條連接，本身沒有太多的邏輯，只需要請求API，組織數據進行返回即可。它本質上只是從某個資料庫中查找一些值並將它們組成一個響應。由於響應是少量文本，入站請求也是少量的文本，因此流量不高，一台機器甚至也可以處理最繁忙的公司的API需求。

2. 統一Web應用的UI層

目前MVC的架構，在某種意義上來說，Web開發有兩個UI層，一個是在瀏覽器裡面我們最終看到的，另一個在server端，負責生成和拼接頁面。

不討論這種架構是好是壞，但是有另外一種實踐，面向服務的架構，更好的做前後端的依賴分離。如果所有的關鍵業務邏輯都封裝成REST調用，就意味著在上層只需要考慮如何用這些REST介面構建具體的應用。那些後端程序員們根本不操心具體數據是如何從一個頁面傳遞到另一個頁面的，他們也不用管用戶數據更新是通過Ajax非同步獲取的還是通過刷新頁面。

3. 大量Ajax請求的應用

例如個性化應用，每個用戶看到的頁面都不一樣，緩存失效，需要在頁面載入的時候發起Ajax請求，NodeJS能響應大量的並發請求。總而言之，NodeJS適合運用在高並發、I/O密集、少量業務邏輯的場景。

4.angular.Js

描述：AngularJS[1]誕生於2009年，由Misko Hevery 等人創建，後為Google所收購。是一款優秀的前端JS框架，已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVVM、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。

用途：通過描述我們應該就能很好的明白AngularJS的真實用途了，MVVM，模塊化，自動化雙向數據綁定等等。除了簡單的dom操作外，更能體現Js編程的強大。當然應用應該視場合而定。

5.JQuery Mobile

描述：Query Mobile是jQuery在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。

用途：jQuery Mobile 是創建移動 web 應用程序的框架。

jQuery Mobile 適用於所有流行的智能手機和平板電腦。

jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。

6.requirejs

描述：RequireJS的目標是鼓勵代碼的模塊化，它使用了不同於傳統<script>標簽的腳本載入步驟。可以用它來加速、優化代碼，但其主要目的還是為了代碼的模塊化。它鼓勵在使用腳本時以mole ID替代URL地址。

RequireJS以一個相對於baseUrl的地址來載入所有的代碼。 頁面頂層<script>標簽含有一個特殊的屬性data-main，require.js使用它來啟動腳本載入過程，而baseUrl一般設置到與該屬性相一致的目錄。

用途：模塊化動態載入。

7.Vue.js

描述：Vue.js 是用於構建互動式的 Web 界面的庫。它提供了MVVM數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。從技術上講， Vue.js 集中在MVVM模式上的視圖模型層，並通過雙向數據綁定連接視圖和模型。實際的 DOM 操作和輸出格式被抽象出來成指令和過濾器。相比其它的 MVVM 框架，Vue.js 更容易上手。

8.backbone.js

描述：Backbone為復雜Javascript應用程序提供模型(models)、集合(collections)、視圖(views)的結構。其中模型用於綁定鍵值數據和自定義事件；集合附有可枚舉函數的豐富API； 視圖可以聲明事件處理函數，並通過RESTful JSON介面連接到應用程序。

9.React

描述：React 是一個 Facebook 和 Instagram 用來創建用戶界面的 JavaScript 庫。很多人認為 React 是MVC中的V（視圖）。我們創造 React 是為了解決一個問題：構建隨著時間數據不斷變化的大規模應用程序。為了達到這個目標，React 採用下面兩個主要的思想。

10.Ionic

描述：Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產生神奇的效果，盡管通常組件不需要編碼，通過框架擴展可以很容易地使用，比如我們的AngularIonic擴展。

Ionic遵循視圖控制模式，通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中，我們將界面的不同部分分為子視圖或包含其他視圖的子視圖控制器。然後視圖控制器「驅動」內部視圖來提供交互和UI功能。一個很好的例子就是標簽欄（Tab Bar）視圖控制器處理點擊標簽欄在一系列可視化面板間切換。

瀏覽我們的API文檔來了解視圖控制器和Ionic中可用的Javascript實用工具。

Ionic 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成為 Web 和移動開發者的共同選擇。

6. 看看國外的phonegap和ionic移動app開發框架有多火

下面給大家分享一下外的phonegap和ionic移動app開發框架到底有多火：

多的不說了先看圖：

phonegap網站的日訪問量： ip:555000

大家都懂的，下面給大家簡單介紹一下 phonegap Angularjs ionic 懂的可以不看

1.Phonegap介紹

PhoneGap是一個用基於HTML，CSS和JavaScript的，創建移動跨平台移動應用程序的快速開發平台。它使開發者能夠利用iPhone，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以調用Phonegap運行速度

1. android環境：

a) 512內存手機可以放棄phoengap

b) 1G 雙核手機 運行流暢 感覺速度稍微比原生慢

c) 2G 4核+ 手機運行流暢 看不出和原生差別

d) 部分手機兼容可能會出現問題 需要調整css（原生開發也會有次問題）

2. ios環境：

a) iphone4+運行流暢

b) iphone5+ 看不出和原生差別

2. Angularjs介紹

AngularJS誕生於2009年，由Misko Hevery 等人創建，後為Google所收購。是一款優秀的前端JS框架，已經被用於Google的多款產品當中 如Gmail、Maps、Calender 等。AngularJS有著諸多特性，最為核心的是：MVVM、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入，等。

3.Ionic介紹

Advanced HTML5 Hybrid Mobile App Framework

AngularJS 移動端解決方案

http //ionicframework com/

Ionic 是一個強大的 HTML5 應用程序開發框架，可以幫助您使用 Web 技術，比如 HTML、CSS 和 Javascript 構建接近原生體驗的移動應用程序。Ionic 主要關注外觀和體驗，以及和你的應用程序的 UI 交互，特別適合用於基於 Hybird 模式的 HTML5 移動應用程序開發。

Ionic是一個輕量的手機UI庫，具有速度快，界面現代化、美觀等特點。為了解決其他一些UI庫在手機上運行緩慢的問題，它直接放棄了IOS6和Android4.1以下的版本支持，來獲取更好的使用體驗

7. Vue第一節：Vue.js框架是什麼，為什麼選擇它

1 學習目標
通過這一節，你會學會：
1.目前前端技術使用的趨勢
2.什麼是MVVM
3.Vue.js的優點
4.Vue.js的兩大核內心
5.Vue.js的適用場景容
2 誕生背景
近幾年來，得益於手機設備的普及和性能的提升，移動端的web需求大量增加，產生了一種叫webapp的東西，也就是移動端的網頁應用。
它們功能越來越復雜，交互也越來越酷炫，功能與效果越來越接近於原生的APP。比如下面這些：

（效果直逼原生APP）
這種webapp它們不僅僅像h5營銷網頁一樣有酷炫的效果，它們還有復雜的點擊、輸入、下拉選擇，視圖切換等復雜的交互。在這樣的業務需求下，我們還是沿用PC端的開發方案，難免會不太合適。比如：視圖切換。