1.名詞解釋（注明：名詞摘自教科書第一章扮宠，釋義來源于百度）
什么是響應(yīng)式web設(shè)計(jì)（搜索自搜狗）
①.響應(yīng)式Web設(shè)計(jì)是在開發(fā)和設(shè)計(jì)網(wǎng)站過程中產(chǎn)生的一種方式，它的目的是讓內(nèi)容布局能隨用戶使用顯示器的不同而變化杰刽。再明確點(diǎn)說倦青，這種設(shè)計(jì)概念，就是讓原本1292像素寬奕枢，4欄的內(nèi)容健田，能夠很好地顯示在1025像素寬的用戶屏幕上烛卧，同時(shí)還能自動(dòng)簡(jiǎn)化成2欄。當(dāng)然，讓它很好的適應(yīng)智能手機(jī)和其他種類電腦的屏幕也就成了水到渠成的事了总放。這種特殊的設(shè)計(jì)形式就被成為“響應(yīng)式Web設(shè)計(jì)”呈宇。
②.響應(yīng)式Web設(shè)計(jì)的優(yōu)點(diǎn)：可以兼容所有尺寸的屏幕，隨著手持設(shè)備（手機(jī)）屏幕尺寸繁多局雄，也有很好的兼容性甥啄；而且開發(fā)一次，pc版和觸屏版炬搭，手機(jī)版融合為一蜈漓；
③.響應(yīng)式Web設(shè)計(jì)的缺點(diǎn)：對(duì)前端工程師要求比較高，它的屏幕兼容要求前端工程師對(duì)各種瀏覽器差異性了解比較多宫盔，對(duì)于大數(shù)據(jù)展示的門戶站點(diǎn)融虽，如果用同一頁面，即時(shí)瀏覽器不崩潰灼芭，在手機(jī)上一個(gè)頁面有额，很難滑到最底部，帶來操作是十分不方便的彼绷，觸屏版和手機(jī)版對(duì)優(yōu)質(zhì)信息展示不足巍佑。
④.綜合優(yōu)缺點(diǎn)：響應(yīng)式Web設(shè)計(jì)在企業(yè)站點(diǎn)，微型或者小站還是可以用的寄悯，對(duì)于大中型站點(diǎn)不合適（尤其大信息量展示的）萤衰。
RWD
響應(yīng)式網(wǎng)站設(shè)計(jì)(簡(jiǎn)稱RWD)是一種新的網(wǎng)站設(shè)計(jì)模式，以此構(gòu)建的網(wǎng)站可自動(dòng)適應(yīng)不同的訪問設(shè)備(從桌面電腦热某、平板電腦到智能手機(jī))腻菇，方便用戶閱讀和導(dǎo)航瀏覽胳螟，減少用戶的放大/縮小/滑動(dòng)操作昔馋，從而提供完整而友好的用戶體驗(yàn)。
響應(yīng)式網(wǎng)站設(shè)計(jì)有三個(gè)關(guān)鍵組成部分：1. media query; 2. 流動(dòng)網(wǎng)格糖耸；3. 靈活縮放的圖片秘遏。
基于RWD而設(shè)計(jì)的網(wǎng)站利用CSS3 media queries規(guī)則來自動(dòng)適應(yīng)不同訪問設(shè)備的屏幕尺寸和顯示要求。而流動(dòng)網(wǎng)格采用頁面元素大小的相對(duì)單位(百分比或EM)嘉竟，而非傳統(tǒng)設(shè)計(jì)使用的絕對(duì)單位(像素或點(diǎn)數(shù))邦危，以確定頁面各組成元素的大小。最后舍扰，圖片大小也是采用相對(duì)單位而靈活縮放倦蚪，不至于在小屏幕的移動(dòng)設(shè)備上超出顯示區(qū)域。
HTML5
萬維網(wǎng)的核心語言边苹、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改
CSS3
CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本陵且，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案个束，主要包括盒子模型慕购、列表模塊聊疲、超鏈接方式、語言模塊沪悲、背景和邊框获洲、文字特效、多欄布局等模塊 殿如。CSS演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊贡珊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新，因此通過采用模塊方法握截，CSS3規(guī)范里的元素能以不同速度向前發(fā)展飞崖，因?yàn)椴煌臑g覽器廠商只支持給定特性。但不同瀏覽器在不同時(shí)問支持不同特性谨胞，這也讓跨瀏覽器開發(fā)變得復(fù)雜
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)功能判帮。
Sublime Text
Sublime Text 是一個(gè)代碼編輯器（Sublime Text 2是收費(fèi)軟件，但可以無限期試用）溉箕，也是HTML和散文先進(jìn)的文本編輯器晦墙。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來，它最初被設(shè)計(jì)為一個(gè)具有豐富擴(kuò)展功能的Vim肴茄。Sublime Text具有漂亮的用戶界面和強(qiáng)大的功能晌畅，例如代碼縮略圖，Python的插件寡痰，代碼段等抗楔。還可自定義鍵綁定，菜單和工具欄拦坠。Sublime Text 的主要功能包括：拼寫檢查连躏，書簽，完整的 Python API 贞滨， Goto 功能入热，即時(shí)項(xiàng)目切換，多選擇，多窗口等等才顿。Sublime Text 是一個(gè)跨平臺(tái)的編輯器莫湘，同時(shí)支持Windows、Linux郑气、Mac OS X等操作系統(tǒng)幅垮。
Vim
是一個(gè)類似于Vi的著名的功能強(qiáng)大、高度可定制的文本編輯器尾组，在Vi的基礎(chǔ)上改進(jìn)和增加了很多特性忙芒。 VIM是自由軟件。Vim普遍被推崇為類Vi編輯器中最好的一個(gè)讳侨，事實(shí)上真正的勁敵來自Emacs的不同變體呵萨。1999 年Emacs被選為L(zhǎng)inuxworld文本編輯分類的優(yōu)勝者，Vim屈居第二跨跨。但在2000年2月Vim贏得了Slashdot Beanie的最佳開放源代碼文本編輯器大獎(jiǎng)潮峦，又將Emacs推至二線， 總的來看勇婴， Vim和Emacs在文本編輯方面都是非常優(yōu)秀的
Microsoft Visual Studio
Microsoft Visual Studio（簡(jiǎn)稱VS）是美國(guó)微軟公司的開發(fā)工具包系列產(chǎn)品忱嘹。VS是一個(gè)基本完整的開發(fā)工具集，它包括了整個(gè)軟件生命周期中所需要的大部分工具耕渴，如UML工具拘悦、代碼管控工具、集成開發(fā)環(huán)境(IDE)等等橱脸。所寫的目標(biāo)代碼適用于微軟支持的所有平臺(tái)础米，包括Microsoft Windows、Windows Mobile添诉、Windows CE屁桑、.NET Framework、.NET Compact Framework和Microsoft Silverlight 及Windows Phone吻商。Visual Studio是目前最流行的Windows平臺(tái)應(yīng)用程序的集成開發(fā)環(huán)境掏颊。最新版本為 Visual Studio 2017 版本糟红，基于.NET Framework 4.5.2 艾帐。
notepad
notepad（記事本）是代碼編輯器或WINDOWS中的小程序，用于文本編輯盆偿，在文字編輯方面與Windows寫字板功能相當(dāng)柒爸。是一款開源、小巧事扭、免費(fèi)的純文本編輯器捎稚。Notepad內(nèi)置支持多達(dá) 27 種語法高亮度顯示(囊括各種常見的源代碼、腳本，值得一提的是今野，完美支持 .nfo 文件查看)葡公，也支持自定義語言。
斷點(diǎn)
所謂“斷點(diǎn)”条霜，就是某個(gè)寬度臨界點(diǎn)催什，跨過這個(gè)點(diǎn)布局就會(huì)發(fā)生顯著變化。斷點(diǎn)應(yīng)該由內(nèi)容和設(shè)計(jì)本身決定宰睡。（注明：釋義來源于書本）
W3C
萬維網(wǎng)聯(lián)盟：萬維網(wǎng)聯(lián)盟創(chuàng)建于1994年蒲凶，是Web技術(shù)領(lǐng)域最具權(quán)威和影響力的國(guó)際中立性技術(shù)標(biāo)準(zhǔn)機(jī)構(gòu)。到目前為止拆内，W3C已發(fā)布了200多項(xiàng)影響深遠(yuǎn)的Web技術(shù)標(biāo)準(zhǔn)及實(shí)施指南旋圆，如廣為業(yè)界采用的超文本標(biāo)記語言（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）、可擴(kuò)展標(biāo)記語言（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)子集）以及幫助殘障人士有效獲得Web內(nèi)容的信息無障礙指南（WCAG）等麸恍，有效促進(jìn)了Web技術(shù)的互相兼容灵巧，對(duì)互聯(lián)網(wǎng)技術(shù)的發(fā)展和應(yīng)用起到了基礎(chǔ)性和根本性的支撐作用。
2.為何需要"響應(yīng)式網(wǎng)頁設(shè)計(jì)"(圖片來自于市場(chǎng)調(diào)查機(jī)構(gòu) statcounter ）
StatCounter-comparison-ww-monthly-201702-201802.png
StatCounter-resolution-ww-monthly-201702-201802.png
因?yàn)槿缃袷謾C(jī)所占的市場(chǎng)份額較大甚至超過了臺(tái)式電腦抹沪，雖然平板電腦所占比例較小但仍然又龐大的用戶群孩等，再加上不同屏幕分辨率的差別越來越大，為了更好的適應(yīng)市場(chǎng)采够，以及滿足用戶更高的使用要求肄方，響應(yīng)式web設(shè)計(jì)十分的必要。
3.
①采用了響應(yīng)式Web設(shè)計(jì):http://www.w-gallery.com.tw/zh-tw
②無采用（筆者認(rèn)為）：http://588ku.com/
4.RWD的三項(xiàng)組成科技（結(jié)果來源于百度）
計(jì)數(shù)器蹬癌、留言版权她、聊天室和論壇BBS、管理信息系統(tǒng)
5.RWD和前後端的關(guān)系（結(jié)果來源于百度）
Web前端：
①. 精通HTML逝薪，能夠書寫語義合理隅要，結(jié)構(gòu)清晰，易維護(hù)的HTML結(jié)構(gòu)董济。
②. 精通CSS步清，能夠還原視覺設(shè)計(jì)，并兼容業(yè)界承認(rèn)的主流瀏覽器虏肾。
③. 熟悉JavaScript廓啊，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架封豪，如JQuery谴轮。
④. 對(duì)常見的瀏覽器兼容問題有清晰的理解，并有可靠的解決方案吹埠。
⑤. 對(duì)性能有一定的要求第步，了解yahoo的性能優(yōu)化建議疮装，并可以在項(xiàng)目中有效實(shí)施。
Web后端：
①. 精通jsp粘都，servlet廓推，java bean，JMS翩隧，EJB受啥，Jdbc，F(xiàn)lex開發(fā)鸽心，或者對(duì)相關(guān)的工具滚局、類庫以及框架非常熟悉，如Velocity顽频，Spring藤肢，Hibernate，iBatis糯景，OSGI等嘁圈，對(duì)Web開發(fā)的模式有較深的理解。
②. 熟練使用oracle蟀淮、sqlserver最住、mysql等常用的數(shù)據(jù)庫系統(tǒng)，對(duì)數(shù)據(jù)庫有較強(qiáng)的設(shè)計(jì)能力怠惶。
③. 熟悉maven項(xiàng)目配置管理工具涨缚，熟悉tomcat、jboss等應(yīng)用服務(wù)器策治，同時(shí)對(duì)在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗(yàn)者優(yōu)先考慮脓魏。
④. 精通面向?qū)ο蠓治龊驮O(shè)計(jì)技術(shù)，包括設(shè)計(jì)模式通惫、UML建模等茂翔。
⑤. 熟悉網(wǎng)絡(luò)編程，具有設(shè)計(jì)和開發(fā)對(duì)外API接口經(jīng)驗(yàn)和能力履腋，同時(shí)具備跨平臺(tái)的API規(guī)范設(shè)計(jì)以及API高效調(diào)用設(shè)計(jì)能力珊燎。
