一 名詞解釋（搜索來源百度、360）
1罗侯、響應(yīng)式Web設(shè)計(jì)： 響應(yīng)式Web設(shè)計(jì)（簡(jiǎn)稱：RWD）是在開發(fā)和設(shè)計(jì)網(wǎng)站過程中產(chǎn)生的一種方式则吟，它的目的是讓內(nèi)容布局能隨用戶使用顯示器的不同而變化。 基于RWD而設(shè)計(jì)的網(wǎng)站利用CSS3 media queries規(guī)則來自動(dòng)適應(yīng)不同訪問設(shè)備的屏幕尺寸和顯示要求。
2、HTML5： 萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改。
3蹦玫、CSS3： CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本， 主要包括盒子模型刘绣、列表模塊樱溉、超鏈接方式、語言模塊纬凤、背景和邊框福贞、文字特效、多欄布局等模塊停士。
4肚医、JavaScript： 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)功能搁痛。
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è)計(jì)網(wǎng)頁纽甘，衹能滿足一部分用戶A的體驗(yàn)，同時(shí)也勢(shì)必降低其他用戶BCD的瀏覽體驗(yàn)抽碌，但是若是爲(wèi)了其他用戶BCD而又專門設(shè)計(jì)出相應(yīng)的網(wǎng)頁悍赢，那網(wǎng)頁製作者的工作量也會(huì)相應(yīng)增加。
而響應(yīng)式Wed設(shè)計(jì)就不會(huì)出現(xiàn)這種問題货徙，衹需要一條代碼就能使網(wǎng)頁輕鬆駕馭任何分辨率的屏幕左权，提供用戶良好的瀏覽體驗(yàn)。
三 例子
- 使用了響應(yīng)式設(shè)計(jì)的網(wǎng)頁http://www.4399.com/
- 未使用相應(yīng)式設(shè)計(jì)的網(wǎng)頁www.reibang.com
四 解釋RWD的三項(xiàng)組成科技
彈性網(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層面的交互實(shí)現(xiàn)。
- 1烹笔、精通HTML裳扯，能夠書寫語義合理，結(jié)構(gòu)清晰谤职，易維護(hù)的HTML結(jié)構(gòu)饰豺。
- 2、精通CSS允蜈，能夠還原視覺設(shè)計(jì)冤吨，并兼容業(yè)界承認(rèn)的主流瀏覽器蒿柳。
- 3、熟悉JavaScript漩蟆，了解ECMAScript基礎(chǔ)內(nèi)容垒探，掌握1~2種js框架，如JQuery怠李。
- 4圾叼、對(duì)常見的瀏覽器兼容問題有清晰的理解，并有可靠的解決方案捺癞。
- 5夷蚊、對(duì)性能有一定的要求，了解yahoo的性能優(yōu)化建議髓介，并可以在項(xiàng)目中有效實(shí)施惕鼓。
Web後端：后端更多的是與數(shù)據(jù)庫進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能唐础、數(shù)據(jù)的存取箱歧、平臺(tái)的穩(wěn)定性與性能等。
- 1彻犁、 精通jsp叫胁，servlet，java bean汞幢，JMS驼鹅，EJB，Jdbc森篷，F(xiàn)lex開發(fā)输钩，或者對(duì)相關(guān)的工具、類庫以及框架非常熟悉仲智，如Velocity买乃，Spring，Hibernate钓辆，iBatis剪验，OSGI等，對(duì)Web開發(fā)的模式有較深的理解前联。
- 2功戚、熟練使用oracle、sqlserver似嗤、mysql等常用的數(shù)據(jù)庫系統(tǒng)啸臀，對(duì)數(shù)據(jù)庫有較強(qiáng)的設(shè)計(jì)能力。
- 3烁落、熟悉maven項(xiàng)目配置管理工具乘粒，熟悉tomcat豌注、jboss等應(yīng)用服務(wù)器，同時(shí)對(duì)在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗(yàn)者優(yōu)先考慮灯萍。
- 4轧铁、 精通面向?qū)ο蠓治龊驮O(shè)計(jì)技術(shù)，包括設(shè)計(jì)模式竟稳、UML建模等属桦。
- 5、 熟悉網(wǎng)絡(luò)編程他爸，具有設(shè)計(jì)和開發(fā)對(duì)外API接口經(jīng)驗(yàn)和能力聂宾，同時(shí)具備跨平臺(tái)的API規(guī)范設(shè)計(jì)以及API高效調(diào)用設(shè)計(jì)能力。
web前端分為網(wǎng)頁設(shè)計(jì)師诊笤、網(wǎng)頁美工系谐、web前端開發(fā)工程師。首先網(wǎng)頁設(shè)計(jì)師是對(duì)網(wǎng)頁的架構(gòu)讨跟、色彩以及網(wǎng)站的整體頁面代碼負(fù)責(zé)網(wǎng)頁美工只針對(duì)UI這塊的東西纪他，比如網(wǎng)站是否做的漂亮，web前端開發(fā)工程師是負(fù)責(zé)交互設(shè)計(jì)的晾匠，需要和程序員進(jìn)行交互設(shè)計(jì)的配合茶袒。
web前端需要掌握的有腳本技術(shù)javascript DIV+CSS現(xiàn)下最流行的頁面搭建技術(shù)，ajax和jquery以及簡(jiǎn)單的后端程序等凉馆。 后端的話可供開發(fā)的語言有 asp薪寓、php、jsp澜共、.NET 這些后端開發(fā)語言的話搭建環(huán)境都不一樣
實(shí)際的開發(fā)過程中向叉，前端、后端開發(fā)人員的定位如下：
- 1）前端開發(fā)人員：精通JS嗦董，能熟練應(yīng)用JQuery母谎，懂CSS，能熟練運(yùn)用這些知識(shí)京革，進(jìn)行交互效果的開發(fā)奇唤。
- 2）后端開發(fā)人員：會(huì)寫Java代碼，會(huì)寫SQL語句匹摇，能做簡(jiǎn)單的數(shù)據(jù)庫設(shè)計(jì)咬扇，會(huì)Spring和iBatis，懂一些設(shè)計(jì)模式等来惧。
