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

　　1.你對在這個產(chǎn)業(yè)中得花費多少來學習有些不堪重負(Really overwhelmed)

　　2.渴望獲取到更多的知識,但是等不到別人告訴你接下來該學些什么。

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

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

　　1.I want to use

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

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

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

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

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

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

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

　　5. Excess XSS(攻克XSS)

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

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

　6. RSCSS

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

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

　　7. CodeFightClub(編程競爭俱樂部)

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

　　8. Sass Guidelines(Sas指南)

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

　　9. Flexbugs

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

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

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

　　11. ECMAScript 6 equivalents in ES5

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

　　12. Flexbox Adventures

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

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

　　13. Get BEM

　　它是一個綜合的站點,旨在推廣和教導開發(fā)者使用流行的BEM CSS方法學。

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

　　14. Sass Compatibility(Sass 兼容性)

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

　　15. HTMLelement.info

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

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

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

　　17. Animations — Web Fundamentals(動畫-Web的基礎(chǔ))

　　在Google的Web Fundamentals documentation(web 基礎(chǔ)文檔)里有很多的有用信息，但是這個為前端開發(fā)者特別提出來，是因為在制作一個動態(tài)的UI元素時，有一些重要的好的經(jīng)驗可以應(yīng)用到自己的項目上。

　　18. Favicon Cheat Sheet(網(wǎng)站圖標參考手冊)

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

　　“一份令人分神吃力的手冊，用來查看所使用圖標的尺寸或類型。”它是從很多不同流行的文章哪里編譯的，這些文章討論了從電腦到手機從里到外的圖標。

　　19. The CSS at…

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

　　20. Dash

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

　　它是一個native(本地)Mac或者iOS應(yīng)用，“是一個API文檔瀏覽騎和代碼片段管理者。Dash存儲了代碼片段，并且可以離線即時在超過150篇API文檔集合里搜索文檔?！彼馨?，很適合不同類型的開發(fā)者。

　　結(jié)論

　　如果你知道其它沒有在這些帖子里列出來的，或者你自己構(gòu)架或者編寫一些類似的東西，請在討論區(qū)讓我們知道。

　　20個為前端開發(fā)者準備的文檔和指南(1)

　　20個為前端開發(fā)者準備的文檔和指南(2)