【文章內(nèi)容簡介】 teraction by using JavaScript or jQuery. In addition, ionic is a focus on the development of web technology, based on HTML5 to create a platform similar to the native application development platform. Angularjs is a javascript based MVC framework, very flexible to use, convenient. This paper mainly discusses how to develop cross platform web application based on ionic and angularjs and bootstrap framework Key words: HTML5,css3,javascript,ionic,Aangularjs,Bootstrap, Web application development 0 前言 在 20xx 年時，隨著 HTML5 在國內(nèi)的興起，也在不斷的推進著信息時代的發(fā)展，網(wǎng)站也逐漸脫離了傳統(tǒng)的枯燥頁面風格，如今的 HTML5 比起以前的 HTML 來說，更容易維護 和管理，而且還能實現(xiàn)跨平臺開發(fā)，減少開發(fā)成本。 同時現(xiàn)在社會上很多用 h5 來寫手機頁面再用原生的來封裝，出現(xiàn)了現(xiàn)在的webApp。 WebApp 是指基于 Web 的系統(tǒng)和應用 ，其作用是向廣大的最終用戶發(fā)布一組復雜的內(nèi)容和功能。 他相比于原生 APP 有以下優(yōu)點： 第一、使用 W3C 標準 的 HTML(標準通用標記語言 下的一個應用）語言開發(fā)，能夠輕松實現(xiàn)跨平臺，移動應用開發(fā)者不再需要考慮復雜的底層適配和跨平臺開發(fā)語言的問題。與此同時，使用 HTML 來開發(fā)的 Web App 在投入上會大大的低于傳統(tǒng)的 Native App。 第二、基于當下開始普及流行的 HTML5， Web App 可以實現(xiàn)很多原本 Native App 才可以實現(xiàn)的功能，比如 LBS 的功能、本地數(shù)據(jù)存儲、音視頻播放的功能，甚至還有調(diào)用照相機和結合 GPU 的硬件加速功能。 第三、移動應用的迭代周期平均不到 1 個月，用戶需要頻繁的重新下載與升級。而 Web App 則無需用戶下載，并且和傳統(tǒng)網(wǎng)站一樣可以動態(tài)升級。 1. 1 web 基礎理論 概述 web（ World Wide Web）即全球廣域網(wǎng)，也稱為萬維網(wǎng)，它是一種基于超文本和 HTTP 的、全球性的、動態(tài)交互的、跨平臺的分布式圖形信息系統(tǒng)。是建立在 Inter 上的一種網(wǎng)絡服務，為瀏覽者在 Inter 上查找和瀏覽信息提供了圖形化的、易于訪問的直觀界面，其中的文檔及超級鏈接將 Inter 上的信息節(jié)點組織成一個互為關聯(lián)的網(wǎng)狀結構。 Web 發(fā)展史與其發(fā)展趨勢 發(fā)展史 【不要】 ? Web 定義 從技術層面上看， Web 架構的精華有三處：用超文本技術（ HTML)實現(xiàn)信息與信息的連接，用統(tǒng)一資源定位技術（ URL)實現(xiàn)全球信息的精確定位；用應用層協(xié)議（ HTTP）實現(xiàn)分布式的信息共享，其本身是一種典型的分布式應用架構 。 ? 基本發(fā)展史 ? Web （信息共享） Web 技術發(fā)展的第一個階段就是靜態(tài)技術階段，在這個階段， HTML 語言就是 Web 向用戶展示信息的最有效載體。在這個階段，是以編輯為特征，網(wǎng)站提供給用戶的內(nèi)容是網(wǎng)站編輯處理后的，用戶閱讀網(wǎng)站提供的內(nèi)容，這個過程是網(wǎng)站向用戶的意向行為，其代表的站點主要有新浪，搜狐，雅虎，谷歌，網(wǎng)易等。 ? Web （信息共建） web 技術發(fā)展的第二個階段是動態(tài)技術階段，在Web 時代， Web 服務器會返回整個頁面或者文檔，但隨著能 AJAX(2005)的出現(xiàn)，使得動態(tài)網(wǎng)頁逐漸發(fā)展， AJAX 允許客戶端的 JavaScript腳本為局部頁面提供請求服務，然后可以在無需回到服務器情況下動態(tài)刷新部分頁面，也就是更新瀏覽器中的 document 對象 ，通常稱為 DOM。在這個階段加強了網(wǎng)站與用戶之間的互動，網(wǎng)站內(nèi)容基于用戶提供，網(wǎng)站的諸多功能也由用戶參與建設，實現(xiàn)了網(wǎng)站與用戶的雙向互動交流， 不同于 的最大之處在于它的互動性，用戶擁有自己的數(shù)據(jù)，并完全基于 WEB,所有功能都能通過瀏覽器完成。這個時期典型的代表有：社交網(wǎng)絡，博客中國等。 趨勢 ? Web （知識傳承） 強調(diào)的是任何人，在任何地點都可以創(chuàng)新，代碼編寫，協(xié)作，高度，測試，部署，運行都在云計算上完成。 里，我們不僅要消滅陷阱病毒，踢出垃圾信息，更要有序化系統(tǒng)化整個 Web 世界，以全 Web資源為基礎建設出一座 “Web 圖書館 ” 來，實現(xiàn)人類自身的 “ 知識傳承 ” 。 ? Web （知識分配） Web 時網(wǎng)絡就具備了即時特性 ,人們可以隨心所欲地獲取各種知識，但是人們并不知道應該獲取怎樣的知識，媽自己適合于學習哪些知識，也就是知識分配的問題，這個問題將在 中解決。 ? Web (語用網(wǎng) ) 在這個時代， 將仿真人類社會，在數(shù)字空間里建立 “ 虛擬社會 ” ，以興趣、語言、主題、職業(yè)、專業(yè)進行聚焦和管理。 2 web 應用 開發(fā)技術 介紹 Web 開發(fā)主要用到的技術： （ 1）前端開發(fā)技術：其中包括 CSS， HTML， DOM， Ajax 等，在掌握這些技術的同時，還要清楚的了解他們在不同瀏覽器的兼容情況，渲染原理和存在的 Bug。 （ 2）優(yōu)化技術：在一名合格的 web 開發(fā)工程師的知識結構中，網(wǎng)站性能優(yōu)化、SEO 和服務器端的基礎知識也是必須掌握的。 （ 3）開發(fā)工具： 必須學會使用 各種工具進行輔助開發(fā)。 HTML5 20xx 年 5月 6日， HTML 正式草案公布。該規(guī)范定義了第五次重大版本，第一次要修訂 萬維網(wǎng) 的核心語言：