一 名詞解釋（搜索來源百度、360）
1、響應(yīng)式Web設(shè)計： 響應(yīng)式Web設(shè)計（簡稱：RWD）是在開發(fā)和設(shè)計網(wǎng)站過程中產(chǎn)生的一種方式，它的目的是讓內(nèi)容布局能隨用戶使用顯示器的不同而變化。 基于RWD而設(shè)計的網(wǎng)站利用CSS3 media queries規(guī)則來自動適應(yīng)不同訪問設(shè)備的屏幕尺寸和顯示要求。
2、HTML5： 萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改。
3、CSS3： CSS3是CSS（層疊樣式表）技術(shù)的升級版本， 主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
4、JavaScript： JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能。
5、視口（viewport）：瀏覽器中用於呈現(xiàn)網(wǎng)頁的區(qū)域。
6、width：width表示數(shù)據(jù)視圖中[單元格]變量值的寬度，如果單元格變量值位數(shù)大于所設(shè)定的寬度，該單元格將出現(xiàn)亂碼。說明：定義輸出設(shè)備中的頁面可見區(qū)域?qū)挾取?/p>
二 舉例説明爲(wèi)何需要RWD
在以下圖片中，我們可以得到在2017年2月至2018年2月期間屏幕分辨率在世界範(fàn)圍內(nèi)的使用變化比重
由此我們可以看出屏幕分辨率的多樣性，使用非RWD設(shè)計網(wǎng)頁，衹能滿足一部分用戶A的體驗，同時也勢必降低其他用戶BCD的瀏覽體驗，但是若是爲(wèi)了其他用戶BCD而又專門設(shè)計出相應(yīng)的網(wǎng)頁，那網(wǎng)頁製作者的工作量也會相應(yīng)增加。
而響應(yīng)式Wed設(shè)計就不會出現(xiàn)這種問題，衹需要一條代碼就能使網(wǎng)頁輕鬆駕馭任何分辨率的屏幕，提供用戶良好的瀏覽體驗。
三 例子
- 使用了響應(yīng)式設(shè)計的網(wǎng)頁http://www.4399.com/
- 未使用相應(yīng)式設(shè)計的網(wǎng)頁www.lxweimin.com
四 解釋RWD的三項組成科技
彈性網(wǎng)絡(luò)佈局（fluid grid）:
彈性圖片/媒體（flxible images）:
媒體查詢（media queries）
五 RWD和前後端的關(guān)系（源於百度）
Web前端：顧名思義是來做Web的前端的。我們這里所說的前端泛指Web前端，也就是在Web應(yīng)用中用戶可以看得見碰得著的東西。包括Web頁面的結(jié)構(gòu)、Web的外觀視覺表現(xiàn)以及Web層面的交互實現(xiàn)。
- 1、精通HTML，能夠書寫語義合理，結(jié)構(gòu)清晰，易維護(hù)的HTML結(jié)構(gòu)。
- 2、精通CSS，能夠還原視覺設(shè)計，并兼容業(yè)界承認(rèn)的主流瀏覽器。
- 3、熟悉JavaScript，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架，如JQuery。
- 4、對常見的瀏覽器兼容問題有清晰的理解，并有可靠的解決方案。
- 5、對性能有一定的要求，了解yahoo的性能優(yōu)化建議，并可以在項目中有效實施。
Web後端：后端更多的是與數(shù)據(jù)庫進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實現(xiàn)功能、數(shù)據(jù)的存取、平臺的穩(wěn)定性與性能等。
- 1、 精通jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開發(fā)，或者對相關(guān)的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對Web開發(fā)的模式有較深的理解。
- 2、熟練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫系統(tǒng)，對數(shù)據(jù)庫有較強(qiáng)的設(shè)計能力。
- 3、熟悉maven項目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時對在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗者優(yōu)先考慮。
- 4、 精通面向?qū)ο蠓治龊驮O(shè)計技術(shù)，包括設(shè)計模式、UML建模等。
- 5、 熟悉網(wǎng)絡(luò)編程，具有設(shè)計和開發(fā)對外API接口經(jīng)驗和能力，同時具備跨平臺的API規(guī)范設(shè)計以及API高效調(diào)用設(shè)計能力。
web前端分為網(wǎng)頁設(shè)計師、網(wǎng)頁美工、web前端開發(fā)工程師。首先網(wǎng)頁設(shè)計師是對網(wǎng)頁的架構(gòu)、色彩以及網(wǎng)站的整體頁面代碼負(fù)責(zé)網(wǎng)頁美工只針對UI這塊的東西，比如網(wǎng)站是否做的漂亮，web前端開發(fā)工程師是負(fù)責(zé)交互設(shè)計的，需要和程序員進(jìn)行交互設(shè)計的配合。
web前端需要掌握的有腳本技術(shù)javascript DIV+CSS現(xiàn)下最流行的頁面搭建技術(shù)，ajax和jquery以及簡單的后端程序等。 后端的話可供開發(fā)的語言有 asp、php、jsp、.NET 這些后端開發(fā)語言的話搭建環(huán)境都不一樣
實際的開發(fā)過程中，前端、后端開發(fā)人員的定位如下：
- 1）前端開發(fā)人員：精通JS，能熟練應(yīng)用JQuery，懂CSS，能熟練運用這些知識，進(jìn)行交互效果的開發(fā)。
- 2）后端開發(fā)人員：會寫Java代碼，會寫SQL語句，能做簡單的數(shù)據(jù)庫設(shè)計，會Spring和iBatis，懂一些設(shè)計模式等。
