一：名詞解釋
響應(yīng)式Web設(shè)計：理念是頁面的設(shè)計與開發(fā)應(yīng)當(dāng)根據(jù)設(shè)備環(huán)境（屏幕尺寸定踱、屏幕定向碌更、系統(tǒng)平臺等）以及用戶行為（改變窗口大小等）進行相應(yīng)的響應(yīng)和調(diào)整。具體的實踐方式由多方面組成尊剔，包括彈性網(wǎng)格和布局爪幻、圖片、CSS media query的使用等须误。無論用戶正在使用pc挨稿、平板電腦，或者手機京痢，無論是全屏顯示還是非全屏的情況奶甘，無論屏幕是橫向還是豎向，頁面都應(yīng)該能夠自動切換分辨率祭椰、圖片尺寸及相關(guān)腳本功能等臭家，以適應(yīng)不同設(shè)備。
CSS： 是一種網(wǎng)頁控制技術(shù)方淤，采用CSS技術(shù)钉赁，可以有效的對頁面布局、字體携茂、顏色你踩、背景、和其它效果實現(xiàn)更加精準的控制讳苦。網(wǎng)頁最初使用HTML標(biāo)記定義頁面文檔及格式带膜。但為了滿足更多文檔樣式需求，CSS1于1997年W3C頒布医吊。CSS歷經(jīng)3代革命钱慢，現(xiàn)如今我們使用的是CSS3，變化是革命性的卿堂，能夠支持多種瀏覽器束莫，雖然支持并不是完全無缺陷，但是它依然讓我們看到了網(wǎng)頁樣式的發(fā)展方向和使命草描。主要包括兩個部分：DOM和ECMAScript览绿。
HTML：被譯為超文本語言，是Internet上用于編寫網(wǎng)頁的主要語言穗慕，使用HTML編寫的網(wǎng)頁文件也是標(biāo)準的純文本文件饿敲。HTML可以使用文本編輯器（如同Windows系統(tǒng)中的記事本程序)打開，查看其中的HTML源代碼逛绵，也可以在瀏覽器打開網(wǎng)頁時怀各，點擊鼠標(biāo)右鍵倔韭，查看源代碼。HTML是1993年首次以因特網(wǎng)草案的形式發(fā)布瓢对，從2.0版寿酌、3.2版、到4.0版硕蛹，到1999的4.01版醇疼，直到現(xiàn)在普及的HTML5。
URL：URL（英文Uniform Resource Locator的縮寫）中文譯為“統(tǒng)?一資源定位符” URL其實就是Web地址法焰，俗稱“網(wǎng)址”秧荆。
W3C：W3C（英文World Wide Web Consortium的縮寫）中文譯為“萬維?網(wǎng)聯(lián)盟”。萬維?網(wǎng)聯(lián)盟是國際最著名的標(biāo)準化組織埃仪。
Javascript:一種高級編程語言乙濒，通過[解釋執(zhí)行],是一門動態(tài)類型，面向?qū)ο螅ɑ谠停┑闹弊g語言贵试。它已經(jīng)由歐洲電腦制造商協(xié)會通過[ECMAScript]實現(xiàn)語言的標(biāo)準化琉兜。它被世界上的絕大多數(shù)網(wǎng)站所使用，也被世界主流瀏覽器（Chrome毙玻、IE豌蟋、FireFox等）支持。JavaScript是一門基于原型桑滩、函數(shù)先行的語言梧疲，是一門多范式的語言，它支持[面向?qū)ο缶幊蘛[命令式]編程运准，以及函數(shù)式編程幌氮。它提供語法來操控文本、數(shù)組胁澳、日期以及[正則表達式]等该互，不支持I/O，比如網(wǎng)絡(luò)韭畸、存儲和圖形等宇智，但這些都可以由它的宿主環(huán)境提供支持。
二胰丁、
由圖片我們可以了解到的是在中國2017年2月到2018年2月每一個不同的屏幕分辨率使用因特網(wǎng)打開網(wǎng)頁的使用占比随橘，我們可以了解到網(wǎng)頁對分辨率適應(yīng)性很重要，這就表明我們非常需要使用響應(yīng)式Web設(shè)計去幫助我們適應(yīng)更多的網(wǎng)頁锦庸。
三机蔗、
該網(wǎng)頁采用了響應(yīng)式Web設(shè)計，可以適應(yīng)多重屏幕分辨率，方便使用萝嘁。
未使用：
相對比兩個梆掸，第一個只顯示了第二個的半截，屬于未使用響應(yīng)式Web設(shè)計牙言。
四：RWD：彈性網(wǎng)格布局沥潭、彈性圖片/媒體、媒體查詢嬉挡、
彈性網(wǎng)格布局：網(wǎng)格布局支持彈性尺寸（flex-size），這是一個很好的自適應(yīng)布局技術(shù)汇恤。彈性尺寸使用fr尺寸單位庞钢，其來自 "fraction" 或 "fractional unit" 單詞的前兩個字母，表示整體空間的一部分因谎。：這種布局是以相對的字號高度作為定義頁面元素寬度的布局
彈性圖片/媒體：彈性圖片指的是不給圖片設(shè)置固定尺寸基括，而是根據(jù)流體網(wǎng)格進行縮放，用于適應(yīng)各種網(wǎng)格的尺寸财岔。而實現(xiàn)方法是比較簡單风皿，一句代碼就能搞定的事情。
img {max-width:100%;}
媒體查詢：使用 @media 查詢匠璧，你可以針對不同的媒體類型定義不同的樣式桐款。
五遏暴、前后端：
一、Web前端：
1）精通HTML指黎，能夠書寫語義合理朋凉，結(jié)構(gòu)清晰，易維護的HTML結(jié)構(gòu)醋安。
2）精通CSS杂彭，能夠還原視覺設(shè)計，并兼容業(yè)界承認的主流瀏覽器茬故。
3）熟悉JavaScript盖灸，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架磺芭，如JQuery
4）對常見的瀏覽器兼容問題有清晰的理解赁炎，并有可靠的解決方案。
5）對性能有一定的要求，了解yahoo的性能優(yōu)化建議徙垫，并可以在項目中有效實施讥裤。
二、Web后端：
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ù)庫有較強的設(shè)計能力。
3）熟悉maven項目配置管理工具霹娄，熟悉tomcat冤狡、jboss等應(yīng)用服務(wù)器，同時對在高并發(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è)計能力
而響應(yīng)式Web設(shè)計都是在HTML5和CSS3中結(jié)合使用合瓢，合理的利用前后端的知識去融合結(jié)合創(chuàng)造適應(yīng)性的網(wǎng)頁。
