我們來(lái)到了2015年(譯者注：原文撰寫與2015年2月25日)，而且我感肯定你現(xiàn)在有下面兩種感覺(jué)的其中一種：

　　1.你對(duì)在這個(gè)產(chǎn)業(yè)中得花費(fèi)多少來(lái)學(xué)習(xí)有些不堪重負(fù)(Really overwhelmed)

　　2.渴望獲取到更多的知識(shí),但是等不到別人告訴你接下來(lái)該學(xué)些什么。

　　我假設(shè)它綜合了這兩種情緒-第一種產(chǎn)生的原因是我們個(gè)人的情感，而第二種焦慮產(chǎn)生就有些不必要了。

　　所以，為了幫你走出困境，我編譯了另外一些有用的文檔，信息站點(diǎn)和涉及到前端開(kāi)發(fā)不同領(lǐng)域的指南的列表。　

　　1.I want to use

　　基于的數(shù)據(jù)和功能都在Can I use網(wǎng)站上列出來(lái)了,這個(gè)app可以給你選擇很多前端開(kāi)發(fā)功能的能力和獲得全世界用戶看到你選擇的功能的人數(shù)的百分比。

　　2. Regulex(JavaScript正則表達(dá)式可視化工具)

　　它是一個(gè)客戶端工具，一個(gè)JavaScript正則表達(dá)式可視化工具，該工具有一個(gè)精確的錯(cuò)誤提示器，來(lái)告訴你在你的正則表達(dá)式里有某個(gè)語(yǔ)法錯(cuò)誤。它也提供一種選擇，即通過(guò)使用一對(duì)iframe標(biāo)簽來(lái)把輸出的結(jié)果嵌入到你想要嵌入的地方。

　　3. Mastering the :nth-child(精通:nth-child)

　　它是只有一頁(yè)的站點(diǎn)，可以幫助你理解如何使用多種多樣有用但是通常又很復(fù)雜的基于nth-child的選擇器組合。

　　4. HTML5 Video Events and API(HTML5 Video(視頻)事件和API)

　　“這個(gè)頁(yè)面演示了HTML5 video的新元素，它的多媒體API，以及多媒體事件。播放、暫停和在整個(gè)視頻里搜索、調(diào)節(jié)音量、靜音、調(diào)節(jié)回放速度(包括設(shè)置為負(fù)值)。在視頻里看看效果，看看主要事件的效果和屬性值的變化?！?/span>

　　5. Excess XSS(攻克XSS)

　　XSS介紹鏈接地址: http://baike.sogou.com/v625072.htm?fromTitle=xss

　　它大概就是一個(gè)所有開(kāi)發(fā)者都應(yīng)該熟悉的主題，而且對(duì)于了解XSS，它上面的內(nèi)容也許是很好的開(kāi)始。它是跨站腳本的綜合性的教程,是一份潛在攻擊類型的手冊(cè)，并且提供了解決方案來(lái)預(yù)防這些攻擊。

　6. RSCSS

　　它意味著”合理的CSS 樣式表結(jié)構(gòu)標(biāo)準(zhǔn)”,在為很大的項(xiàng)目編寫Sass/CSS時(shí),它還在備檔一些技巧和技術(shù)。

　　Sass介紹鏈接地址: http://baike.sogou.com/v73912368.htm?fromTitle=SASs

　　7. CodeFightClub(編程競(jìng)爭(zhēng)俱樂(lè)部)

　　“它是由Andrew Hathaway創(chuàng)建的一個(gè)項(xiàng)目，它的目標(biāo)是幫助同樣的開(kāi)發(fā)者學(xué)習(xí)如何盡他們所能來(lái)以最好、最有效和最優(yōu)的方式來(lái)編寫他們的代碼。為了能決定誰(shuí)的代碼編寫方式是最好的，用戶可以發(fā)表評(píng)論，并且可以為他們喜歡的競(jìng)爭(zhēng)者投票來(lái)贏得一場(chǎng)競(jìng)爭(zhēng)?！边@個(gè)網(wǎng)站根據(jù)編程語(yǔ)言分成了很多類別，但是上面似乎沒(méi)有那么多，然而你可以在網(wǎng)站上添加來(lái)使它增多，并且也可以發(fā)起一些”編程競(jìng)爭(zhēng)賽”。

　　8. Sass Guidelines(Sas指南)

　　它來(lái)自Sass大師Hugo Giraudel，“一個(gè)固執(zhí)己見(jiàn)的樣式指南，用來(lái)編寫合理的，可維持的和可擴(kuò)展的Sass代碼?！痹撝改弦呀?jīng)被翻譯成了六種其他的語(yǔ)言。

　　9. Flexbugs

　　“它是一個(gè)社區(qū)策劃的flexbox(伸縮布局盒)問(wèn)題和為它們準(zhǔn)備的跨瀏覽器解決方案。它的目的是，如果你用flexbox構(gòu)建了一個(gè)站點(diǎn)，而它并沒(méi)有像你預(yù)期的那樣運(yùn)行工作,你可以在這里找到解決方案?！碑?dāng)用Flexbox開(kāi)始構(gòu)建一個(gè)新布局時(shí)，應(yīng)該為它們確定一個(gè)必要的標(biāo)簽。

　　10. A Front End Engineer’s Manifesto(一份前端工程師的忠告)

　　它沒(méi)有特別深入的內(nèi)容，就是一個(gè)告示的簡(jiǎn)單集合，它提醒所有的前端開(kāi)發(fā)者應(yīng)該把他們的開(kāi)發(fā)流程和工作流相結(jié)合。

　　11. ECMAScript 6 equivalents in ES5

　　一份非常好的，可以把ES6功能轉(zhuǎn)化為ES5兼容的代碼的參考手冊(cè)。它很好地考慮到了對(duì)ES5的強(qiáng)力支持(ES5 has great support)，但是對(duì)ES6卻沒(méi)有強(qiáng)力的支持(ES6 doesn’t)。

　　12. Flexbox Adventures

　　它是來(lái)自澳洲的開(kāi)發(fā)者Chris Wright制作的，具有一定的深度和實(shí)際效果的Flexbox手冊(cè)。他也發(fā)布了標(biāo)題是Using Flexbox Today的帖子，該帖子有助于幫你以合理實(shí)際的方式移到Flexbox開(kāi)發(fā)上來(lái)。

　　Using Flexbox Today的鏈接地址: https://chriswrightdesign.com/experiments/using-flexbox-today/

　　13. Get BEM

　　它是一個(gè)綜合的站點(diǎn),旨在推廣和教導(dǎo)開(kāi)發(fā)者使用流行的BEM CSS方法學(xué)。

　　BEM的鏈接地址: http://www.w3cplus.com/css/bem-definitions.html

　　14. Sass Compatibility(Sass 兼容性)

　　“它報(bào)告了不同Sass引擎之間的不兼容?！?/span>

　　15. HTMLelement.info

　　一份小巧、合理、使用簡(jiǎn)單的指南，它可以從參考手冊(cè)上獲取不同的HTML元素信息。

　　16. JSLint Error Explanations(JSLint的錯(cuò)誤提示解釋)

　　如果你喜歡，你也許會(huì)遵循很多的JavaScript的最佳實(shí)踐，但是你也許并不一定理解在這些技術(shù)下的所有成因。該站點(diǎn)主旨是揭示你在流行的linting工具JSLint、JSHint和ESLint上產(chǎn)生的錯(cuò)誤和警告的秘密。

　　17. Animations — Web Fundamentals(動(dòng)畫(huà)-Web的基礎(chǔ))

　　在Google的Web Fundamentals documentation(web 基礎(chǔ)文檔)里有很多的有用信息，但是這個(gè)為前端開(kāi)發(fā)者特別提出來(lái)，是因?yàn)樵谥谱饕粋€(gè)動(dòng)態(tài)的UI元素時(shí)，有一些重要的好的經(jīng)驗(yàn)可以應(yīng)用到自己的項(xiàng)目上。

　　18. Favicon Cheat Sheet(網(wǎng)站圖標(biāo)參考手冊(cè))

　　Favicon介紹鏈接地址: http://baike.sogou.com/v8483500.htm?fromTitle=favicon

　　“一份令人分神吃力的手冊(cè)，用來(lái)查看所使用圖標(biāo)的尺寸或類型?！彼菑暮芏嗖煌餍械奈恼履睦锞幾g的，這些文章討論了從電腦到手機(jī)從里到外的圖標(biāo)。

　　19. The CSS at…

　　如果你想用一些大神制作的CSS樣式指南充實(shí)自己，那么在本站點(diǎn)中，Chris Coyier已經(jīng)把去年幾個(gè)月里不同的帖子根據(jù)統(tǒng)計(jì)趨勢(shì)排了名,并且把它們的相關(guān)信息和鏈接都放到了一張表格里。我確定他還會(huì)繼續(xù)更新這個(gè)的，就如同其他人用他們的CSS方法和經(jīng)驗(yàn)來(lái)公之于眾一樣。

　　20. Dash

　　Dash介紹鏈接地址: http://scriptfans.iteye.com/blog/1543219

　　它是一個(gè)native(本地)Mac或者iOS應(yīng)用，“是一個(gè)API文檔瀏覽騎和代碼片段管理者。Dash存儲(chǔ)了代碼片段，并且可以離線即時(shí)在超過(guò)150篇API文檔集合里搜索文檔。”它很棒，很適合不同類型的開(kāi)發(fā)者。

　　結(jié)論

　　如果你知道其它沒(méi)有在這些帖子里列出來(lái)的，或者你自己構(gòu)架或者編寫一些類似的東西，請(qǐng)?jiān)谟懻搮^(qū)讓我們知道。

　　20個(gè)為前端開(kāi)發(fā)者準(zhǔn)備的文檔和指南(1)

　　20個(gè)為前端開(kāi)發(fā)者準(zhǔn)備的文檔和指南(2)