基于web開發(fā)實(shí)習(xí)報(bào)告

1、1基于web開發(fā)技術(shù)實(shí)習(xí)報(bào)告一、一、WebWeb開發(fā)前端技術(shù)總結(jié)開發(fā)前端技術(shù)總結(jié)什么是前端技術(shù)：什么是前端技術(shù)：前端技術(shù)包括Javript、jquery、html5等“傳統(tǒng)”技術(shù)與AdobeRIA、GoogleGears以及概念性較強(qiáng)的交互式設(shè)計(jì)藝術(shù)性較強(qiáng)的視覺設(shè)計(jì)等等。Javript一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。它的解釋器被稱為Javript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，

2、最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）網(wǎng)頁(yè)上使用，用來給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。Javript是一種屬于網(wǎng)絡(luò)的腳本語(yǔ)言已經(jīng)被廣泛用于Web應(yīng)用開發(fā)常用來為網(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)功能為用戶提供更流暢美觀的瀏覽效果。通常Javript腳本是通過嵌入在HTML中來實(shí)現(xiàn)自身的功能的?；咎攸c(diǎn)基本特點(diǎn)：是一種解釋性腳本語(yǔ)言（代碼不進(jìn)行預(yù)編譯）。主要用來向HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）頁(yè)面添加交互行為?？梢灾苯忧度際TML頁(yè)面

3、，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。[4]跨平臺(tái)特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺(tái)下運(yùn)行（如Windows、Linux、Mac、roid、iOS等）。Javript腳本語(yǔ)言同其他語(yǔ)言一樣，有它自身的基本數(shù)據(jù)類型，表達(dá)式和算術(shù)運(yùn)算符及程序的基本程序框架。Javript提供了四種基本的數(shù)據(jù)類型和兩種特殊數(shù)據(jù)類型用來處理數(shù)據(jù)和文字。而變量提供存放信息的地方，表達(dá)式則可以完成較復(fù)雜的信息處理。日常用途日常用途：1、嵌入動(dòng)態(tài)

4、文本于HTML頁(yè)面。2、對(duì)瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。5、檢測(cè)訪客的瀏覽器信息。6、控制cookies，包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。特性3用HTML5的優(yōu)點(diǎn)主要在于，這個(gè)技術(shù)可以進(jìn)行跨平臺(tái)的使用。比如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺(tái)、Opera的游戲中心、Facebook應(yīng)用平臺(tái)，甚至可以通過封裝的技術(shù)發(fā)放到AppSte

5、或GooglePlay上，所以它的跨平臺(tái)性非常強(qiáng)大，這也是大多數(shù)人對(duì)HTML5有興趣的主要原因。自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)很早就有人設(shè)想，能不能“一次設(shè)計(jì)，普遍適用”，讓同一張網(wǎng)頁(yè)自動(dòng)適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動(dòng)調(diào)整布局（layout）。2010年，EthanMarcotte提出了”自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)“這個(gè)名詞，指可以自動(dòng)識(shí)別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)。這就解決了傳統(tǒng)的一種局面——網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁(yè)，比如專門

6、提供一個(gè)mobile版本，或者iPhoneiPad版本。這樣做固然保證了效果，但是比較麻煩，同時(shí)要維護(hù)好幾個(gè)版本，而且如果一個(gè)網(wǎng)站有多個(gè)ptal（入口），會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度。jQuery是一個(gè)快速、簡(jiǎn)潔的Javript框架，是繼Prototype之后又一個(gè)優(yōu)秀的Javript代碼庫(kù)（或Javript框架）。jQuery設(shè)計(jì)的宗旨是“writeLess，DoMe”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝Javript常用的功能代

7、碼，提供一種簡(jiǎn)便的Javript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。JQueryMobile1.2是JQuery運(yùn)行在手機(jī)和平板設(shè)備上的版本。JQueryMobile1.2給主流移動(dòng)平臺(tái)提供了JQuery的核心庫(kù)，發(fā)布了一個(gè)完整統(tǒng)一的JQuery移動(dòng)UI設(shè)計(jì)框架，在不同的智能手機(jī)和桌面電腦的web瀏覽器上形成統(tǒng)一的用戶UI。支持全球主流的移動(dòng)平臺(tái)，對(duì)每個(gè)平臺(tái)的支持分為三個(gè)等級(jí)：A、B、C，實(shí)現(xiàn)了對(duì)roid2

8、.12.3、3.2、4.0、4.1、windowsPhone77.5，PalmWebOS1.42.0、3.0、FirefoxMobile15，OperaMobile11.512等平臺(tái)的A級(jí)支持。JQueryMobile1.2的核心使得基本的HTML標(biāo)簽在所有的瀏覽器中生效，并且對(duì)網(wǎng)頁(yè)的行為和效果均進(jìn)行了增強(qiáng)，讓網(wǎng)頁(yè)在等級(jí)較高的瀏覽器中能獲得優(yōu)秀的體驗(yàn)，在較差的瀏覽器中也能正常的使用。二、二、WebWeb開發(fā)后臺(tái)技術(shù)總結(jié)開發(fā)后臺(tái)技術(shù)總結(jié)M