【正文】 第一篇：基于web開發(fā)實(shí)習(xí)報(bào)告基于web開發(fā)技術(shù)實(shí)習(xí)報(bào)告一、Web開發(fā)前端技術(shù)總結(jié)什么是前端技術(shù)：前端技術(shù)包括JavaScript、jquery、html5等“傳統(tǒng)”技術(shù)與Adobe RIA、Google Gears,以及概念性較強(qiáng)的交互式設(shè)計(jì),藝術(shù)性較強(qiáng)的視覺設(shè)計(jì)等等。JavaScript一種直譯式腳本語言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),常用來為網(wǎng)頁添加各式各樣的動(dòng)態(tài)功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實(shí)現(xiàn)自身的功能的?；咎攸c(diǎn)：是一種解釋性腳本語言（代碼不進(jìn)行預(yù)編譯）。主要用來向HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）頁面添加交互行為?？梢灾苯忧度際TML頁面，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。[4] 跨平臺特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺下運(yùn)行（如Windows、Linux、Mac、Android、iOS等）。Javascript腳本語言同其他語言一樣，有它自身的基本數(shù)據(jù)類型，表達(dá)式和算術(shù)運(yùn)算符及程序的基本程序框架。Javascript提供了四種基本的數(shù)據(jù)類型和兩種特殊數(shù)據(jù)類型用來處理數(shù)據(jù)和文字。而變量提供存放信息的地方，表達(dá)式則可以完成較復(fù)雜的信息處理。日常用途：嵌入動(dòng)態(tài)文本于HTML頁面。對瀏覽器事件做出響應(yīng)。讀寫HTML元素。在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。檢測訪客的瀏覽器信息。控制cookies，包括創(chuàng)建和修改等。特性JavaScript腳本語言具有以下特點(diǎn):(1)腳本語言。JavaScript是一種解釋型的腳本語言,C、C++等語言先編譯后執(zhí)行,而JavaScript是在程序的運(yùn)行過程中逐行進(jìn)行解釋。(2)基于對象。JavaScript是一種基于對象的腳本語言,它不僅可以創(chuàng)建對象,也能使用現(xiàn)有的對象。(3)簡單。JavaScript語言中采用的是弱類型的變量類型,對使用的數(shù)據(jù)類型未做出嚴(yán)格的要求,是基于Java基本語句和控制的腳本語言,其設(shè)計(jì)簡單緊湊。(4)動(dòng)態(tài)性。JavaScript是一種采用事件驅(qū)動(dòng)的腳本語言,它不需要經(jīng)過Web服務(wù)器就可以對用戶的輸入做出響應(yīng)。在訪問一個(gè)網(wǎng)頁時(shí),鼠標(biāo)在網(wǎng)頁中進(jìn)行鼠標(biāo)點(diǎn)擊或上下移、窗口移動(dòng)等操作JavaScript都可直接對這些事件給出相應(yīng)的響應(yīng)。(5)跨平臺性。JavaScript腳本語言不依賴于操作系統(tǒng),僅需要瀏覽器的支持。因此一個(gè)JavaScript腳本在編寫后可以帶到任意機(jī)器上使用,前提上機(jī)器上的瀏覽器支 持JavaScript腳本語言,目前JavaScript已被大多數(shù)的瀏覽器所支持。不同于服務(wù)器端腳本語言，例如PHP與ASP，JavaScript主要被作為客戶端腳本語言在用戶的瀏覽器上運(yùn)行，不需要服務(wù)器的支持。所以在早期程序員比較青睞于JavaScript以減少對服務(wù)器的負(fù)擔(dān)，而與此同時(shí)也帶來另一個(gè)問題：安全性。而隨著服務(wù)器的強(qiáng)壯，雖然程序員更喜歡運(yùn)行于服務(wù)端的腳本以保證安全，但JavaScript仍然以其跨平臺、容易上手等優(yōu)勢大行其道。同時(shí)，有些特殊功能（如AJAX）必須依賴Javascript在客戶端進(jìn)行支持。，及其事件驅(qū)動(dòng)及異步IO等特性，JavaScript逐漸被用來編寫服務(wù)器端程序。Html5：萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改。許多業(yè)內(nèi)人士表示，HTML將會(huì)最終代替多媒體框架，如Adobe的Flash，但是短期看來還不是時(shí)候。HTML5估計(jì)到2014年才能逐步成熟，而且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開發(fā)完全轉(zhuǎn)向HTML5還需要一段時(shí)間。盡管HTML5提出了許多優(yōu)點(diǎn)，但是還可能有某些應(yīng)用更適合于更靈活的框架。一些主流的大公司都逐步轉(zhuǎn)向使用HTML5，谷歌于2015年2月26日開始自動(dòng)將Flash廣告轉(zhuǎn)換為HTML5格式，這可能會(huì)加速HTML5替代Flash的進(jìn)程，但是這個(gè)轉(zhuǎn)變的過程也不是一蹴而就的。優(yōu)點(diǎn)缺點(diǎn) 網(wǎng)絡(luò)標(biāo)準(zhǔn)HTML5本身是由W3C推薦出來的，它的開發(fā)是通過谷歌、蘋果，諾基亞、中國移動(dòng)等幾百公司一起醞釀的技術(shù)，這個(gè)技術(shù)最大的好處在于它是一個(gè)公開的技術(shù)。換句話說，每一個(gè)公開的標(biāo)準(zhǔn)都可以根據(jù)W3C的資料庫找尋根源。另一方面，W3C通過的HTML5標(biāo)準(zhǔn)也就意味著每一個(gè)瀏覽器或每一個(gè)平臺都會(huì)去實(shí)現(xiàn)。多設(shè)備跨平臺用HTML5的優(yōu)點(diǎn)主要在于，這個(gè)技術(shù)可以進(jìn)行跨平臺的使用。比如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook 應(yīng)用平臺，甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上，所以它的跨平臺性非常強(qiáng)大，這也是大多數(shù)人對HTML5有興趣的主要原因。自適應(yīng)網(wǎng)頁設(shè)計(jì)很早就有人設(shè)想，能不能“一次設(shè)計(jì)，普遍適用”，讓同一張網(wǎng)頁自動(dòng)適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動(dòng)調(diào)整布局（layout）。2010年，Ethan Marcotte提出了”自適應(yīng)網(wǎng)頁設(shè)計(jì)“這個(gè)名詞，指可以自動(dòng)識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì)。這就解決了傳統(tǒng)的一種局面——網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁，比如專門提供一個(gè)mobile版本，或者iPhone / iPad版本。這樣做固然保證了效果，但是比較麻煩，同時(shí)要維護(hù)好幾個(gè)版本，而且如果一個(gè)網(wǎng)站有多個(gè)portal（入口），會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度。jQuery是一個(gè)快速、簡潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。JQuery Mobile 。JQuery Mobile ，發(fā)布了一個(gè)完整統(tǒng)一的JQuery移動(dòng)UI設(shè)計(jì)框架，在不同的智能手機(jī)和桌面電腦的web瀏覽器上形成統(tǒng)一的用戶UI。支持全球主流的移動(dòng)平臺，對每個(gè)平臺的支持分為三個(gè)等級：A、B、C，實(shí)現(xiàn)了對Android 、windows Phone ，Palm WebOS 、Firefox Mobile 15，Opera Mobile 。JQuery Mobile ，并且對網(wǎng)頁的行為和效果均進(jìn)行了增強(qiáng)，讓網(wǎng)頁在等級較高的瀏覽器中能獲得優(yōu)秀的體驗(yàn)，在較差的瀏覽器中也能正常的使用。二、Web開發(fā)后臺技術(shù)總結(jié)MVC全名是Model View Controller，是模型(model)－視圖(view)－控制器(controller)的縮寫，一種軟件設(shè)計(jì)典范，用一種業(yè)務(wù)邏輯、數(shù)據(jù)、界面顯示分離的方法組織代碼，將業(yè)務(wù)邏輯聚集到一個(gè)部件里面，在改進(jìn)和個(gè)性化定制界面及用戶交互的同時(shí)，不需要重新編寫業(yè)務(wù)邏輯。MVC被獨(dú)特的發(fā)展起來用于映射傳統(tǒng)的輸入、處理和輸出功能在一個(gè)邏輯的圖形化用戶界面的結(jié)構(gòu)中。MVC開始是存在于桌面程序中的，M是指業(yè)務(wù)模型，V是指用戶界面，C則是控制器，使用MVC的目的是將M和V的實(shí)現(xiàn)代碼分離，從而使同一個(gè)程序可以使用不同的表現(xiàn) 形式。比如一批統(tǒng)計(jì)數(shù)據(jù)可以分別用柱狀圖、餅圖來表示。C存在的目的則是確保M和V的同步，一旦M改變，V應(yīng)該同步更新。模型－視圖