響應(yīng)式設(shè)計(jì)技術(shù)在視頻網(wǎng)站前端中的研究與應(yīng)用.pdf

1、隨著 Web技術(shù)的不斷發(fā)展，HTML5、CSS3也相繼出現(xiàn)在前端開發(fā)的廣泛應(yīng)用中。為了滿足廣大用戶的需求，響應(yīng)式設(shè)計(jì)技術(shù)應(yīng)運(yùn)而生，并且在CSS3的基礎(chǔ)上備受人們的關(guān)注。這些技術(shù)可以相互結(jié)合應(yīng)用，為開發(fā)人員在網(wǎng)站的前端開發(fā)的過程中帶來了許多便利，并為用戶帶來更好的觀看體驗(yàn)，更佳的視覺美感。一源多屏、自適應(yīng)性、動(dòng)態(tài)調(diào)整是響應(yīng)式設(shè)計(jì)技術(shù)的主要特征。
　　視頻網(wǎng)站一般是通過搜集各類影視節(jié)目資源在網(wǎng)站上同步或重放，讓互聯(lián)網(wǎng)用戶在線流暢發(fā)布、

2、瀏覽和分享視頻作品的網(wǎng)絡(luò)媒體。近年來，視頻網(wǎng)站開始活躍在各大網(wǎng)站平臺(tái)，并且深受各個(gè)年齡段人們的喜愛。對(duì)于隨時(shí)性、非限制性以及互動(dòng)性的媒體平臺(tái)越發(fā)得到人們的追捧和使用?，F(xiàn)如今，終端設(shè)備的逐漸增多和多樣化，給網(wǎng)絡(luò)媒體帶來了更多的挑戰(zhàn)和壓力，如何滿足客戶要求成為一大難題。而響應(yīng)式設(shè)計(jì)正是解決此問題的辦法。但是由于在國內(nèi)，響應(yīng)式技術(shù)還是一門較新的技術(shù)，在視頻網(wǎng)站的應(yīng)用過程還將會(huì)遇到各種不同的問題。
　　本文主要以視頻網(wǎng)站為背景，重點(diǎn)研究和

3、分析了HTML5、CSS3以及響應(yīng)式設(shè)計(jì)技術(shù)等 Web技術(shù)在其中的應(yīng)用，通過了解用戶的具體需求，以及響應(yīng)式的設(shè)計(jì)思想，分析問題的產(chǎn)生根源，并尋求解決策略。本文根據(jù)普通視頻網(wǎng)站的具體需求，擬定了響應(yīng)式設(shè)計(jì)技術(shù)的應(yīng)用策略，設(shè)計(jì)和實(shí)現(xiàn)了一個(gè)實(shí)際的響應(yīng)式類型的視頻網(wǎng)站。通過使用HTML5標(biāo)記和CSS解決瀏覽器間的兼容性問題；采用Ajax與服務(wù)器端交互，根據(jù)請(qǐng)求的數(shù)據(jù)格式JSON，以JSONP協(xié)議對(duì)頁面的部分內(nèi)容進(jìn)行局部刷新，并達(dá)到定時(shí)刷新的目的

4、；同時(shí)，利用CSS3和jQuery實(shí)現(xiàn)網(wǎng)站的響應(yīng)式設(shè)計(jì)；最后，通過分析和總結(jié)整個(gè)設(shè)計(jì)的開發(fā)過程，對(duì)響應(yīng)式設(shè)計(jì)技術(shù)的應(yīng)用代價(jià)等進(jìn)行了評(píng)估。
　　文章主要內(nèi)容如下：首先對(duì)本課題的背景進(jìn)行介紹，即響應(yīng)式設(shè)計(jì)的產(chǎn)生原因；同時(shí)，針對(duì)視頻網(wǎng)站存在的問題進(jìn)行分析，即跨域問題、兼容性問題和響應(yīng)式設(shè)計(jì)在實(shí)際應(yīng)用中的問題。接著以此三種問題為主要目標(biāo)，文章設(shè)計(jì)并實(shí)現(xiàn)了視頻網(wǎng)站，并在文中會(huì)列出解決問題的主要代碼。最后通過測(cè)試等手段對(duì)此技術(shù)的應(yīng)用和代價(jià)進(jìn)行