雖說(shuō)不知道你問(wèn)的什么，但是我還是把web前端開(kāi)發(fā)如何入門發(fā)給你 web前端開(kāi)發(fā)分為三個(gè)階段:1. HTML + CSS前端的入門門檻極低，體現(xiàn)在HTML和CSS上。運(yùn)行環(huán)境就是瀏覽器，推薦Chrome。你需要的只是一個(gè)文本編輯器，推薦Sublime Text 3，有不少好插件比如Emmet，谷歌搜一下很容易了解到的。當(dāng)然你非要用記事本的話，也不是不行的。剛?cè)腴T查閱資料可以用 w3school 或者 MDN 。HTML和CSS不是編程語(yǔ)言，前者只是結(jié)構(gòu)標(biāo)簽，后者則是樣式配置，入門是非常簡(jiǎn)單的。網(wǎng)上資料也有很多，推薦慕課網(wǎng) HTML+CSS基礎(chǔ)課程。我當(dāng)時(shí)是看了一本書(shū) Head First HTML and CSS，講得淺顯易懂，不過(guò)價(jià)格比較感人，也是只翻一遍的書(shū)，沒(méi)有必要買了。迅速刷一遍慕課網(wǎng)，對(duì)HTML和CSS有個(gè)大致印象就好。想鞏固HTML標(biāo)簽可以去看看16年的task1-1。HTML5的API可以先放一放，回頭再看。接下來(lái)就是深入學(xué)習(xí)CSS了：《CSS權(quán)威指南（第3版）》。很枯燥的一本書(shū)，但我確實(shí)不知道哪本書(shū)更適合了。花兩三天硬啃下來(lái)就好了。屬性細(xì)節(jié)不必記憶，以后用到肯定要再查的。著重點(diǎn)放在大局上，比如盒模型，浮動(dòng)和定位這些，抓住重點(diǎn)快速過(guò)一遍?！禖SS3 專業(yè)網(wǎng)頁(yè)開(kāi)發(fā)指南》。CSS3也是需要掌握的內(nèi)容。但這里還是以了解為主，知道CSS3有什么內(nèi)容就好，記憶屬性是枯燥且毫無(wú)意義的。以上內(nèi)容用時(shí)5天左右，下面是實(shí)踐。學(xué)了幾天HTML和CSS了，應(yīng)該也有點(diǎn)成果了。打開(kāi)IFE2015 task1，寫個(gè)靜態(tài)頁(yè)面吧。我X，完全寫不出來(lái)。這是正常的。去看下別人的代碼吧，看一小部分就開(kāi)竅了。忘掉的屬性就查書(shū)或者w3c，多嘗試，不斷踩坑才有進(jìn)步。畫(huà)完第一張圖后，別著急往下寫。你的代碼肯定會(huì)有如下問(wèn)題：胡亂的代碼縮進(jìn)毫無(wú)章法的屬性順序滿頁(yè)的div不停地寫id和class重寫吧，是的。重寫之前先看一份代碼規(guī)范 GitHub - ecomfe/spec: This repository contains the specifications.。當(dāng)然代碼規(guī)范不是唯一的，我最早看的是這一份，所以代碼風(fēng)格也一直維持到現(xiàn)在。再去看一下別人提交的代碼，多看幾份。當(dāng)然自己也要判斷，不能聽(tīng)風(fēng)就是雨啊，人家寫得不好你再去重寫一次，等于你也有責(zé)任對(duì)不對(duì)。開(kāi)始重寫了，會(huì)發(fā)現(xiàn)功力大增，寫代碼速度也快了很多的。寫到第三張頁(yè)面的時(shí)候，應(yīng)該比較熟練了。如果看到布局就大概知道應(yīng)該怎么寫了，那就可以進(jìn)入JavaScript的學(xué)習(xí)了。以上內(nèi)容用時(shí)10天左右。進(jìn)階部分可以回頭再看：掌握預(yù)處理工具Sass，自動(dòng)化工具Gulp。閱讀Bootstrap源碼?！禖SS揭秘》，極其驚艷的一本書(shū)，涵蓋了CSS3的很多奇技淫巧，雖說(shuō)有些地方不太實(shí)用，但讓人眼前一亮，很值得看。2. JavaScript這是至關(guān)重要的階段。強(qiáng)烈推薦《JavaScript高級(jí)程序設(shè)計(jì)（第3版）》，俗稱紅寶書(shū)。前七章是重中之重，必須反復(fù)閱讀，直至完全理解，期間可配合其他書(shū)一起讀。DOM，事件流，表單，JSON，Ajax與最后幾章也相當(dāng)重要。其余章節(jié)可以略讀或跳過(guò)（比如瀏覽器嗅探，XML以及那些列舉大量API的章節(jié)，完全可以用到再查）推薦《JavaScript語(yǔ)言精粹》，俗稱蝴蝶書(shū)。超薄的一本，半天就可以看完。JavaScript是一門有很多坑的語(yǔ)言，我個(gè)人是喜歡把這些坑點(diǎn)全部搞清楚的，但這本書(shū)卻避而不談了，剩下的也就是所謂的“精粹”了。但清晰地過(guò)一遍知識(shí)點(diǎn)總是好的。強(qiáng)烈推薦《你不知道的JS》。精彩至極的一本書(shū)，將JavaScript的坑一網(wǎng)打盡。之前搞不懂的問(wèn)題，比如閉包，this之類的都可以在這里找到答案。ES6也是必學(xué)的內(nèi)容，推薦阮一峰老師的《ES6 標(biāo)準(zhǔn)入門》。但這本書(shū)以API居多，所以還是留個(gè)大概印象，以后寫到類似的地方，查一查有沒(méi)有ES6更簡(jiǎn)潔的寫法就好，不必死記硬背。以及需要學(xué)會(huì)Webpack的使用，Babel和模塊化就靠Webpack了。不太推薦《JavaScript權(quán)威指南》，也就是犀牛書(shū)。那就是一本字典……進(jìn)階：《JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》，設(shè)計(jì)模式是必須了解的內(nèi)容，這本是寫得不錯(cuò)的?！陡咝阅躂avaScript》，紅寶書(shū)作者的另一力作，講了一些優(yōu)化技巧與性能瓶頸問(wèn)題，值得一讀。以上內(nèi)容用時(shí)1個(gè)月左右，中途可穿插IFE2015 task2的題，比2016年的要簡(jiǎn)單。這些書(shū)全部刷完的話，應(yīng)該可以跟人談笑風(fēng)生了。開(kāi)始實(shí)踐，IFE2016階段二的題，想怎么刷就怎么刷吧。如果有編程經(jīng)驗(yàn)的話，應(yīng)該沒(méi)什么壓力了。3. JavaScript框架這部分就比較自由了，每個(gè)人點(diǎn)的技能樹(shù)都不一樣的。前端的發(fā)展是爆炸式的，換工具比翻書(shū)還快，所以還是以看文檔為主了。目前主流框架經(jīng)常被提及的是React，Angular，Vue。知乎搜一搜就有相當(dāng)多的優(yōu)秀答案了。不過(guò)這個(gè)答案也有時(shí)效性，說(shuō)不定過(guò)兩年這些框架全都被淘汰了呢【逃學(xué)習(xí)至少一種框架，把IFE2016刷通關(guān)吧。耗時(shí)1個(gè)半月左右。進(jìn)階：看各種源代碼。這也是我最近打算做的事情，但是好像期末考要到了TAT最后補(bǔ)充一下，計(jì)算機(jī)基礎(chǔ)知識(shí)是很重要的。由于本人有OI的經(jīng)驗(yàn)所以稍微占點(diǎn)優(yōu)勢(shì)。再推薦幾本書(shū)，抽空還是要看看的：《深入理解計(jì)算機(jī)系統(tǒng)》，CSAPP，也是我們專業(yè)這學(xué)期的課程（但是我的專業(yè)明明是EE?。！队?jì)算機(jī)網(wǎng)絡(luò) 自頂向下方法》，看名字就知道必讀了吧。操作系統(tǒng)好書(shū)挺多的，推薦一本 Operating Systems: Three Easy Pieces ，英文不夠好就《現(xiàn)代操作系統(tǒng)》吧。算法和數(shù)據(jù)結(jié)構(gòu)，推薦兩本：《算法導(dǎo)論》《數(shù)據(jù)結(jié)構(gòu)與算法分析》。似乎算法和數(shù)據(jù)結(jié)構(gòu)與前端關(guān)系不大，但作為一個(gè)碼農(nóng)，不要求你寫紅黑樹(shù)，至少快速排序和二分查找這種要會(huì)寫的吧。請(qǐng)采納！

彎度、 長(zhǎng)度、 進(jìn)度、 度過(guò)、 溫度、 角度、 厚度、 猜度、 寬度、 揣度、 程度、 調(diào)度、 幅度、 風(fēng)度、 大度、 忖度、 亮度、 熱度、 度牒、 密度、 首度、 濃度、 國(guó)度、 坡度、 無(wú)度、 速度、 度命、 錐度、 月度、 再度、 測(cè)度、 超度、 光度、 硬度、 純度、 合度、 精度、 跨度、 適度、 度量

這個(gè)問(wèn)題，很好解決，可以咨詢地方的相關(guān)的規(guī)定，按章辦事！相信現(xiàn)在沒(méi)人敢明目張膽的徇私枉法！ 問(wèn)題是這修的自來(lái)水是好多年前的事了，現(xiàn)在收也合理嗎？沒(méi)水喝的時(shí)候他們?cè)趺床还埽? 打著為人民辦實(shí)事的名，做著監(jiān)守自盜的事！山高皇帝遠(yuǎn)農(nóng)民也有苦說(shuō)不出，很多事不是表面上的那種簡(jiǎn)單！ 矛盾和理解都需要開(kāi)解決，逐級(jí)反映問(wèn)題，一定有人管，現(xiàn)在政府只要是有問(wèn)題就會(huì)有人管，一定會(huì)給你滿意的答復(fù)。 難道現(xiàn)在的社會(huì)不是官官相互了，一個(gè)老百姓有那么多精力花這上面難道不會(huì)餓死掉？ 這個(gè)問(wèn)題，會(huì)設(shè)計(jì)到很多人，所以應(yīng)該可以安排好人咨詢吧，中央剛剛下大文件，要嚴(yán)打……無(wú)論大問(wèn)題小問(wèn)題都會(huì)解決的！

1、界面元素的需求在Web前端開(kāi)發(fā)中，簡(jiǎn)單這個(gè)原則是很重要的。在任何時(shí)候，你在屏幕上顯示越多的控制，您的用戶將不得不花費(fèi)的時(shí)間去搞清楚如何使用界面。當(dāng)選擇變少時(shí)，可用的功能變得更加明顯更容易被發(fā)現(xiàn)。簡(jiǎn)化的界面雖然是不容易的，尤其是如果你不想限制應(yīng)用程序的功能的時(shí)候。當(dāng)你點(diǎn)擊 Kontain 搜索框的搜索鏈接時(shí)，會(huì)出現(xiàn)一個(gè)類似于下拉菜單的層。所以，如果您需要來(lái)縮小搜索范圍，您可以選擇菜單中你所需要的類型。這些選項(xiàng)的聚合簡(jiǎn)化了搜索框。隱藏或者掩蓋高級(jí)功能 是使事情更加簡(jiǎn)單的一種方法。找出最常用的功能，并且把剩下的藏起來(lái)。你可以用彈出式菜單和操作來(lái)做這件事，這在桌面軟件中很常見(jiàn)。例如，如果您的搜索欄擁有高級(jí)過(guò)濾器，把它們放在尾部的一個(gè)特別的下拉菜單中。如果用戶需要使用這些過(guò)濾器，他們只需幾下點(diǎn)擊便可以開(kāi)啟這些功能。決定該保留什么隱藏什么不是一個(gè)簡(jiǎn)單的任務(wù)，也會(huì)取決于重要性和操作時(shí)的頻繁程度。當(dāng)你點(diǎn)擊 CollabFinder 的搜索鏈接時(shí)你不需要打開(kāi)不同的頁(yè)面，相反，搜索框的控制菜單下拉下來(lái)，允許你能夠直接開(kāi)始搜索。2、專門操作根據(jù)情況選擇合適的界面控件 是很重要的。不同情況下可以用不同的方式處理，而且某些控件會(huì)比其他控件能夠更好地完成他們的目標(biāo)工作。Backpack 里有一個(gè)緊湊的日歷和時(shí)間選擇器選擇提醒日期。例如，你可以通過(guò)一個(gè)下拉列表來(lái)選擇年月日，但是和日歷選擇器相比下拉列表不是非常高效的，在日歷里你可以直接通過(guò)點(diǎn)擊選擇你想要的某一天。日歷選擇器也會(huì)讓你更容易看到日期、周期和月份（特別是工作日和休息日），因此能夠讓你比用簡(jiǎn)單的下拉列表更快地做出更明智的選擇 。3、禁用按下按鈕在web應(yīng)用程序的表單問(wèn)題中有一個(gè)就是提交過(guò)程，非常簡(jiǎn)單的表單，如果你快速地點(diǎn)擊兩次或者次“提交”按鈕，這個(gè)表單會(huì)被多次提交。這顯示是個(gè)問(wèn)題，因?yàn)樗鼤?huì)重復(fù)創(chuàng)建相同的項(xiàng)目 。防止重復(fù)提交的不是很難，而且對(duì)于大多數(shù)Web應(yīng)用程序來(lái)說(shuō)做到這一點(diǎn)是非常必要的。它有兩層維護(hù)：客戶端和服務(wù)器端 。我們不會(huì)通過(guò)服務(wù)器端維護(hù)是因?yàn)檫@將取決于您使用的編程語(yǔ)言和你的后端架構(gòu)?；旧夏銘?yīng)該做的就是在提交過(guò)程中添加一個(gè)檢測(cè)機(jī)制，去檢查被提交的內(nèi)容是否重復(fù)，并且是否需要阻止提交。在 Yammer 上，當(dāng)你的新消息被提交之后，“更新”按鈕將被禁止。客戶端則是簡(jiǎn)單得多。所有您需要做的就是在點(diǎn)擊之后禁用“提交”按鈕 。最簡(jiǎn)單的方法就是為“提交”按鈕添加一段JavaScript，如下所示：<input type=”submit” value=”Submit” onclick=”this.disabled=true” />當(dāng)然，我們會(huì)建議您同時(shí)還對(duì)服務(wù)器端進(jìn)行檢查，以確保重復(fù)不會(huì)獲得通過(guò)。4、模擬窗口的陰影在彈出菜單和窗口下的陰影不止是看起來(lái)很漂亮這么簡(jiǎn)單。它們幫助菜單或者窗口通過(guò)強(qiáng)調(diào)從背景中脫穎而出 。它們還通過(guò)周圍暗色調(diào)區(qū)域來(lái)屏蔽掉背景內(nèi)容的噪音。這種技術(shù)來(lái)源于傳統(tǒng)的桌面軟件，幫助用戶把他們的焦點(diǎn)放在出現(xiàn)的窗口上。由于大多數(shù)情景窗口是不容易從桌面程序中辨識(shí)出來(lái)，所以陰影幫助他們更接近于讀者，因?yàn)楦杏X(jué)上窗口似乎是三維地浮在其他頁(yè)面上。Digg 的登錄窗口有一個(gè)厚厚的陰影圍繞它來(lái)屏蔽網(wǎng)頁(yè)噪音。5、空白狀態(tài)告訴你要做什么當(dāng)你設(shè)計(jì)一個(gè)Web應(yīng)用程序時(shí)，你不僅需要通過(guò)樣本數(shù)據(jù)去測(cè)試這個(gè)程序，而且最重要的是當(dāng)什么內(nèi)容都沒(méi)有的情況下，你要確保它看起來(lái)不錯(cuò)而且是有幫助的 。當(dāng)在頁(yè)面或者查詢結(jié)果沒(méi)有信息時(shí)，告訴你如何才能處理這些空白區(qū)域是一條很有幫助的信息。例如，一個(gè)項(xiàng)目管理應(yīng)用程序的網(wǎng)頁(yè)可能會(huì)列出用戶的項(xiàng)目，但如果沒(méi)有項(xiàng)目，你可以提供一個(gè)創(chuàng)建項(xiàng)目的鏈接。即使已經(jīng)有創(chuàng)建項(xiàng)目的按鈕存在在頁(yè)面上，但一點(diǎn)額外的幫助并不會(huì)有損失 。Campaign Monitor 會(huì)在你開(kāi)始建立一個(gè)郵件廣告時(shí)指導(dǎo)你正確的方向。這種技術(shù)實(shí)際上鼓勵(lì)用戶試用服務(wù)，并在注冊(cè)之后直接使用這項(xiàng)服務(wù)。通過(guò)應(yīng)用程序的單步指導(dǎo)用戶能夠幫助他/她去了解程序提供的優(yōu)勢(shì)以及是否有用。同樣重要的是把最重要的操作呈現(xiàn)給用戶并且只有這些而已——把所有功能都呈現(xiàn)出來(lái)并沒(méi)有意義。請(qǐng)記住，用戶通常希望得到一些或多或少提供給他們的具體構(gòu)思，但是他們不想要直接跳到詳細(xì)說(shuō)明去——他們既沒(méi)有時(shí)間也沒(méi)有興趣。通過(guò)空白狀態(tài)去激勵(lì)用戶和行為，可以大大減少“輟學(xué)”，并且?guī)椭臐撛诳蛻簦玫亓私庠撓到y(tǒng)如何工作。6、按鈕的按下?tīng)顟B(tài)許多Web應(yīng)用程序有自定義的按鈕樣式。這些都是用自定義圖片作為他們背景的錨點(diǎn)或輸入按鈕。默認(rèn)輸入按鈕可能不適合在一些情況下，以及文字鏈接有時(shí)過(guò)于渺小。目前的挑戰(zhàn)是，當(dāng)你把你的鏈接弄得看上去像按鈕時(shí)，它們的操作也應(yīng)該和按鈕一樣——這包括當(dāng)用戶點(diǎn)擊它們時(shí)會(huì)有被“按動(dòng)”的效果 。這不是一個(gè)純粹的視覺(jué)調(diào)整。提供即時(shí)反饋給用戶將使應(yīng)用程序感覺(jué)更有響應(yīng)性，并且給用戶帶來(lái)更接近于桌面軟件的的用戶體驗(yàn)。你可以通過(guò)CSS為按鈕增加按下的效果。Highrise 的按鈕實(shí)際上是在你點(diǎn)擊的時(shí)候顯示一個(gè)按下的效果，給用戶一個(gè)非常舒適的反饋感覺(jué)。7、在登陸頁(yè)面提供注冊(cè)的連接一些沒(méi)有注冊(cè)你的應(yīng)用程序的用戶將不可避免地停在你的登錄頁(yè)面上。他們想要使用你的應(yīng)用程序，但是卻不能立刻找到注冊(cè)頁(yè)面?？赡芩麄円呀?jīng)試過(guò)訪問(wèn)一個(gè)只提供給注冊(cè)用戶的特定頁(yè)面。Goplan 的登陸頁(yè)面上有個(gè)漂亮的彩色按鈕指向注冊(cè)頁(yè)面。在你的登陸頁(yè)面上放上注冊(cè)的連接 會(huì)讓一切容易很多。如果他們沒(méi)有賬戶，他們不應(yīng)該去尋找注冊(cè)頁(yè)面。我們研究證實(shí)：在注冊(cè)頁(yè)面，有18%的網(wǎng)站有登錄表單或者鏈接到登陸頁(yè)面的連接。8、上下文關(guān)聯(lián)導(dǎo)航思考什么是用戶期望看到的以及在每個(gè)給與的情景 中他們需要什么是很重要的。你不需要在每個(gè)地方顯示同樣的導(dǎo)航控件因?yàn)樵谟脩艨赡懿皇窃诿總€(gè)環(huán)境中都需要它們。上下文關(guān)聯(lián)控件的最佳范例之一是最近在微軟office 2007中的界面，在它的界面中默認(rèn)的工具條被帶裝控件代替。每個(gè)標(biāo)簽上有不同控件相關(guān)的特定操作，無(wú)論是圖形編輯，校對(duì)或者簡(jiǎn)單書(shū)面形式。web應(yīng)用程序也可以受益于這種上下文關(guān)聯(lián)的控件，因?yàn)檫@些控件通過(guò)只顯示用戶需要的內(nèi)容來(lái)幫助整潔界面，并非顯示所有的內(nèi)容 。Lighthouse 提供一個(gè)熟悉的標(biāo)簽導(dǎo)航菜單，但是它在標(biāo)簽正下方有二級(jí)菜單。這個(gè)層級(jí)只顯示當(dāng)前項(xiàng)目相關(guān)活動(dòng)的部分。9、更加重視主要功能不是所有控件擁有相同的重要性 。例如，在屏幕上創(chuàng)建一個(gè)新項(xiàng)目，你可以有兩個(gè)按鈕：“創(chuàng)建”和“取消”。這個(gè)“創(chuàng)建”的鏈接更重要一些，因?yàn)槭怯脩舸蟛糠謺r(shí)間會(huì)去用的操作。只有少數(shù)才會(huì)去取消。所以如果這些控件挨著排放，你可能不會(huì)想要給于相同的重視。這個(gè) Lighhouse 的“創(chuàng)建任務(wù)”按鈕。你可以看到“取消”鏈接在旁邊以純文本格式。這個(gè)按鈕不僅具有更重要的操作而且會(huì)有較大的點(diǎn)擊區(qū)域并且容易去點(diǎn)擊。為了讓用戶的重點(diǎn)轉(zhuǎn)向“創(chuàng)建”鏈接，我們可以簡(jiǎn)單地利用不同的樣式或者控件形式。一些應(yīng)用程序的表單輸入按鈕用來(lái)作為創(chuàng)建動(dòng)作，并且把取消操作作為一個(gè)文字連接。這樣不僅給與創(chuàng)建按鈕的點(diǎn)擊區(qū)域 ，而且也幫助那些在搜尋內(nèi)容的用戶獲得更好的焦點(diǎn)目光 。10、嵌入式視頻當(dāng)圖片和文字作為一種很大的方式去和你的用戶溝通并且教育你的用戶有關(guān)你程序的特點(diǎn)時(shí)，如果你有資源去投入，視頻甚至可以成為更好的選擇。視頻在最近幾年的web應(yīng)用上已被越來(lái)越受歡迎。對(duì)于Web應(yīng)用程序，視頻通常作為展示產(chǎn)品特點(diǎn)的示范影片 被用于市場(chǎng)網(wǎng)站中。但是這不是使用視頻的唯一方法。GoodBarry 特點(diǎn)是在頭版有示范視頻去展示產(chǎn)品，它也通過(guò)利用示范影片去教育用戶如何開(kāi)始使用。一些Web應(yīng)用程序使用視頻嵌入在程序本身教導(dǎo)用戶如果使用某些特定功能。視頻是一種非常好的方式去快速展示你產(chǎn)品是被怎么使用的，因?yàn)樗菀酌枋龀^(guò)一頁(yè)文字的內(nèi)容，也清楚得多，因?yàn)橛^眾可以清楚地看到該怎么辦。

　首先要了解HTML（超文本設(shè)計(jì)語(yǔ)言），記住使用原理；接著用兩三天的時(shí)間學(xué)習(xí)CSS（層疊樣式表單）；進(jìn)而再花些時(shí)間了解一下javascript軟件。掌握這些基礎(chǔ)性知識(shí)后，就可試著用“記事本”編寫網(wǎng)頁(yè)，在初試階段千萬(wàn)不要用那些可視化工具，如FrontPage、Dreamweaver，否則將不利于鍛煉實(shí)際能力。

加一個(gè)html標(biāo)簽就可以了 <input type="reset" style="background:url(背景圖片路徑);" name="reset" value="">這個(gè)就是了，復(fù)制可以了value設(shè)置為空就可以了

<select><options>選項(xiàng)1</options><options>選項(xiàng)2</options><options>選項(xiàng)3</options></select>

1、文本框 <input type=text />2、文本域 <textarea></textarea>3、按鈕 <input type=button />4、復(fù)選框 <input type=checkbox />5、單選按鈕 <input type=radio />6、列表菜單 <select></select>7、文件域 <input type=file />8、圖像域 <input type=image />9、隱藏域 <input type=hidden />這些就是比較常見(jiàn)的，其實(shí)一般的表單構(gòu)造只用到1~6，而7~9用的也不多，我在這里只給出標(biāo)記的中文名稱和簡(jiǎn)單的標(biāo)記語(yǔ)法，具體的屬性、用法等內(nèi)容比較多，請(qǐng)你在百度上看一下！

可以用js寫，你把‘全國(guó)各地分為省市區(qū)縣，html再調(diào)用下拉菜單給他增加動(dòng)作行為就行，會(huì)別的語(yǔ)言也可以，網(wǎng)站技術(shù)問(wèn)題不懂可問(wèn)俺