【正文】 Web資源為基礎(chǔ)建設(shè)出一座 “Web 圖書(shū)館 ” 來(lái)，實(shí)現(xiàn)人類(lèi)自身的 “ 知識(shí)傳承 ” 。在這個(gè)版本中，新功能不斷推出，以幫助 Web 應(yīng)用程序的作者，努力提高新元素互操作性。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的 HTML語(yǔ)言中實(shí)現(xiàn)的。 AngularJS 是一個(gè) JavaScript 框架 。 directive 可以將很多功能封裝成 HTML 的 tag,屬性或者注釋等，這大大美化了 HTML 的結(jié)構(gòu)，增強(qiáng)了可閱讀性； ，將這種后端語(yǔ)言的設(shè)計(jì)模式賦予前端代碼，這意味著前端的代碼可以提高重用性和靈活性，未來(lái)的模式可能將大量操作放在客戶(hù)端，服務(wù)端只提供數(shù)據(jù)來(lái)源和其他客戶(hù)端無(wú)法完成的操作； ， angularjs 一開(kāi)始就以此為目標(biāo)，使用 angular 開(kāi)發(fā)的應(yīng)用可以很容易地進(jìn)行單元測(cè)試和端對(duì)端測(cè)試，這解決了傳統(tǒng)的 js 代碼難以測(cè)試和維護(hù)的缺陷 。 個(gè)人中心 首頁(yè) 主頁(yè) 理財(cái) 步驟一 ： 創(chuàng)建 頁(yè)面 ,引用 和 。如果你掌握了完整的命令，你可以用 canvas 創(chuàng)建豐富的 web 應(yīng)用程序。2d39。 當(dāng)LoadProduceList()傳入的參數(shù)是 1 時(shí)，實(shí)現(xiàn)下拉刷新的功能。 具體實(shí)現(xiàn)的代碼如下： 登錄界面如下： 8 完成產(chǎn)品頁(yè)面以及詳情頁(yè) 產(chǎn)品頁(yè)面的主題內(nèi)容 產(chǎn)品頁(yè)面內(nèi)容編寫(xiě)的原理同首頁(yè)內(nèi)容一樣， 在 文檔中 引入ionview標(biāo)簽，所寫(xiě)內(nèi)容放在 ionview 標(biāo)簽內(nèi)。創(chuàng)建一個(gè) 編寫(xiě)如上圖顯示的模態(tài)框內(nèi)容。 當(dāng)點(diǎn)擊完第一題，自動(dòng)跳轉(zhuǎn)到下一題，并且出現(xiàn)上一題提示，點(diǎn)擊上一題會(huì)回到上一題的選擇界面，并且保存上一次已經(jīng)選擇的選項(xiàng)，點(diǎn)擊可重新選擇。 具體如下： 在 的 produceCtrl 控制器中注入 $scope,$,并寫(xiě)入如下程序，通過(guò)發(fā)送 ajax 請(qǐng)求來(lái)接收數(shù)據(jù)。在組件內(nèi)寫(xiě)上 ionrefresher onrefresh=doRefresh()/ionrefresher， doRefresh()是 ionic 組件自帶的刷新函數(shù) 。//設(shè)置畫(huà)布為 2d畫(huà)布 接下來(lái)就可以根據(jù) 實(shí)際需求來(lái)畫(huà)圖形了。 canvas id=canvas width=1024 height=768 style=border: 1px solid aaa。 步驟三 :配置路由， .config 內(nèi)的程序表示配置路由的過(guò)程。 應(yīng)用的主題內(nèi)容 應(yīng)用的主題內(nèi)容主要首頁(yè)內(nèi)容，理財(cái)內(nèi)容，個(gè)人中心內(nèi)容。 AngularJS 通 過(guò)指令 擴(kuò)展了 HTML，且通過(guò) 表達(dá)式 綁定數(shù)據(jù)到 HTML。 3 簡(jiǎn)單性 4 安全性 5 動(dòng)態(tài)性 6 跨平臺(tái)性 ionic Ionic 既是一個(gè) CSS 框架也是一個(gè) Javascript UI 庫(kù)。 CSS（層疊樣式表） 層疊樣式表是一種將表示樣式應(yīng)用到標(biāo)記的系統(tǒng)。 ? Web (語(yǔ)用網(wǎng) ) 在這個(gè)時(shí)代， 將仿真人類(lèi)社會(huì)，在數(shù)字空間里建立 “ 虛擬社會(huì) ” ，以興趣、語(yǔ)言、主題、職業(yè)、專(zhuān)業(yè)進(jìn)行聚焦和管理。 ? 基本發(fā)展史 ? Web （信息共享） Web 技術(shù)發(fā)展的第一個(gè)階段就是靜態(tài)技術(shù)階段，在這個(gè)階段， HTML 語(yǔ)言就是 Web 向用戶(hù)展示信息的最有效載體。 他相比于原生 APP 有以下優(yōu)點(diǎn)： 第一、使用 W3C 標(biāo)準(zhǔn) 的 HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言 下的一個(gè)應(yīng)用）語(yǔ)言開(kāi)發(fā)，能夠輕松實(shí)現(xiàn)跨平臺(tái)，移動(dòng)應(yīng)用開(kāi)發(fā)者不再需要考慮復(fù)雜的底層適配和跨平臺(tái)開(kāi)發(fā)語(yǔ)言的問(wèn)題。 摘 要 ： 如今的 HTML5 比起以前的 HTML 來(lái)說(shuō)，更加容易維護(hù)和管理，而且能夠跨平臺(tái)開(kāi)發(fā)，不但能開(kāi)發(fā) pc 端而且能開(kāi)發(fā)手機(jī)端網(wǎng)頁(yè)和 webApp。 Angularjs 是一個(gè)基于 javascript 的 MVC 框架，使用起來(lái)非常的靈活，便捷。 第三、移動(dòng)應(yīng)用的迭代周期平均不到 1 個(gè)月，用戶(hù)需要頻繁的重新下載與升級(jí)。在這個(gè)階段加強(qiáng)了網(wǎng)站與用戶(hù)之間的互動(dòng)，網(wǎng)站內(nèi)容基于用戶(hù)提供，網(wǎng)站的諸多功能也由用戶(hù)參與建設(shè)，實(shí)現(xiàn)了網(wǎng)站與用戶(hù)的雙向互動(dòng)交流， 不同于 的最大之處在于它的互動(dòng)性，用戶(hù)擁有自己的數(shù)據(jù)，并完全基于 WEB,所有功能都能通過(guò)瀏覽器完成。 （ 3）開(kāi)發(fā)工具： 必須學(xué)會(huì)使用 各種工具進(jìn)行輔助開(kāi)發(fā)。 JavaScript JavaScript 是一種基于對(duì)象 (Object)和事件驅(qū)動(dòng) (Event Driven)并具有安全性能的腳本語(yǔ)言。通過(guò) SASS 構(gòu)建應(yīng)用程序，它 提供了很多 UI 組件來(lái)幫助開(kāi)發(fā)者開(kāi)發(fā)強(qiáng)大的應(yīng)用。 ngmodel 指令把元素值（比如輸入域的值）綁定到應(yīng)用程序。 4 web 應(yīng)用的實(shí)現(xiàn)步驟 ionic 配置理由 準(zhǔn)備工作：使用 Hbuilder編輯器編輯程序，新創(chuàng)建一個(gè) web項(xiàng)目 wd， 具體的 CSS、js、和各個(gè)子頁(yè)面存放位置以及命名如下圖所示： Script 目錄內(nèi)新建一個(gè) 的 js 文件，用來(lái)存放主要的 js 文件。例如首頁(yè)的簡(jiǎn)單事例： 5 完成首頁(yè)內(nèi)容 簡(jiǎn)介 是一款模擬數(shù)據(jù)生成器，旨在幫助前端攻城師獨(dú)立于后端進(jìn)行開(kāi)發(fā)，幫助編寫(xiě)單元測(cè)試。 這樣我們就準(zhǔn)備好了一張長(zhǎng)寬都為 400 的畫(huà)布。 其中首頁(yè)內(nèi)容的加載用到了 angularjs 的遍歷方法 ngrepeat=” item in data” , Data 是一組 json 數(shù)據(jù)，用來(lái)填充頁(yè)面內(nèi)容。登錄失敗， 顯示錯(cuò)誤提示信息。 在 te mp late 文件夾中創(chuàng)建 文檔，編寫(xiě)詳情頁(yè)內(nèi)容 。 參考文獻(xiàn) [1]美． Nichols C． Zakas《 javascript 高級(jí)程序設(shè)計(jì)（第三版）》 [2]Adam Freeman 《 Angularjs 高級(jí)程序設(shè)計(jì)》 [3]ionic 實(shí)戰(zhàn)基于 Angularjs 的移動(dòng)混合應(yīng)用開(kāi)發(fā) [4]Eric 《 CSS 權(quán)威指南》