在IT這個(gè)行業(yè)里永遠(yuǎn)都是學(xué)無止境的,，因此小谷收集了為前端開發(fā)者準(zhǔn)備的文檔和指南的帖子,，都是近幾個(gè)月比較新的部分,，在此安利給大家，拿走不謝,，請叫我雷鋒,！

1. Loupe

它是“一個(gè)小型可視化工具，可以幫助你理解JavaScript如何相互調(diào)用 stack(棧)/event loop(循環(huán)事件)/callback queue(回調(diào)函數(shù)隊(duì)列),?！彼墙换ナ降模试S你輸入你自己編寫的代碼,，然后運(yùn)行這些代碼,，并且在同一個(gè)主題下還有一個(gè)視頻的演示。

2. First Aid Git

它是“一個(gè)可搜索的集合了很多經(jīng)常被問到的Git問題”的站點(diǎn)。它對有一定的Git使用技巧水平的人或者沒有Git使用技巧水平的人來說都有用,。目前該站點(diǎn)被分成了38個(gè)主題，而且你可以通過在頁面上的搜索過濾器來找到你需要的內(nèi)容,。

3. Periodic Table of ARIA 1.0 Roles & Attributes(ARIA1.0角色和屬性周期表)

它被分成了兩頁——我原本設(shè)想把它作為這個(gè)列表的第21個(gè)——文檔上詳細(xì)的記載了ARIA角色和屬性的信息,。

只需要點(diǎn)擊一個(gè)角色或者屬性，然后就會有一個(gè)窗口覆蓋在網(wǎng)頁上,，從參考手冊上顯示關(guān)于該功能的詳細(xì)信息,。

4. Is Service Worker Ready?

Service Worker介紹鏈接地址: https://developer.mozilla.org/zh-CN/docs/Web/API/Service_Worker_API/Using_Service_Workers

Service Workers參考手冊是一個(gè)有前途的(沒有其他意思)新標(biāo)準(zhǔn)，它還不適合產(chǎn)品,，因?yàn)樗狈g覽器的支持,，而且它一直都沒有穩(wěn)定下來。這個(gè)小站點(diǎn)對參考手冊上的功能有描述,，以及這些功能是如何在不同的瀏覽器上采取措施獲得不同瀏覽器支持的,。

5. Browser support for broken/missing images(瀏覽器對損壞或丟失圖片的支持)

很多時(shí)候，這可能是我們認(rèn)為理所當(dāng)然的事情,。它是由Bart Veneman基于CodePen網(wǎng)站項(xiàng)目制作的離線文檔,該文檔介紹了不同的瀏覽器或者操作系統(tǒng)是如何處理損壞的圖片的(使用palceholder屬性,提示文本,border等等,。).

6. 2014 Responsive Report(2014年度回訪報(bào)告)

這是由Gridset上的人發(fā)起的一個(gè)年度回訪調(diào)查。在本次調(diào)查中有超過1000的參與者,，提供了他們在RWD(響應(yīng)性網(wǎng)頁設(shè)計(jì))工作流程中所面臨的挑戰(zhàn)的信息,，他們面臨的困難涉及到客戶端,測試等等。該調(diào)查也著眼于樂觀的態(tài)度(或者缺少樂觀的態(tài)度),，行業(yè)趨勢和在RWD(響應(yīng)性網(wǎng)頁設(shè)計(jì))里使用的工具,。

Gridset介紹鏈接地址: https:///

7. Typography Cheatsheet(字符排版手冊)

“它是一份綜合性的指南，指導(dǎo)使用適當(dāng)?shù)呐虐孀址?，包括正確語法的使用,。”它也可以作為只有一頁的PDF文檔打印下來,，文檔里的內(nèi)容包括為Mac系統(tǒng)和Windows系統(tǒng)通過鍵盤快捷鍵產(chǎn)生的不同的字符,，很方便。

8. ARIA Examples(ARIA實(shí)例)

由Heydon Pickering使用不同的示例為ARIA各個(gè)功能編譯的HTML示例演示,。演示和代碼分為9個(gè)不同的示例,。它對每一個(gè)想要實(shí)現(xiàn)高級ARIA功能的人來說是一個(gè)很好的出發(fā)點(diǎn)。

9. ES5 Mobile Compatibility Table(ES5手機(jī)操作系統(tǒng)兼容表)

這是一個(gè)有點(diǎn)不同,，而且更加具體的手機(jī)操作系統(tǒng)兼容表格,。它的主旨是把所有的JavaScript的功能引入ES5，而且使它們能兼容不同的手機(jī)瀏覽器,。

10. iOS Fonts(IOS字體)

“每一個(gè)IOS版本都有一個(gè)對應(yīng)的字體集,。”當(dāng)和手機(jī)進(jìn)行具體的通話時(shí)，這里有一張篩選后的列表,，在列表上列出了在不同的iOS設(shè)備包括Apple Watch手表上所能使用的字體集,。

11. CSS Filters Playground(CSS Filters(濾鏡)集中營)

一個(gè)混合了CSS濾鏡不同方面的接口。它也是有用的,，因?yàn)槟憧梢赃x擇一個(gè)常用的URL,，甚至可以用一個(gè)iframe框架或者視頻嘗試一下。

12. Git Cheatsheet(Git參考手冊)

一個(gè)為Git命令設(shè)計(jì)的交互式可點(diǎn)擊的參考手冊,。不同的區(qū)域也有深層的鏈接,，它是用來分享的額外獎(jiǎng)賞。

13. Keycodes(鍵盤鍵值)

一個(gè)可以快速訪問的小型信息站點(diǎn),，它可以讓你獲取到在HTML,、CSS或者JavaScript里使用的鍵盤的鍵值、字符編碼和URL編碼字符,。

14. Regular Expressions 101

一個(gè)做得很漂亮的app,，可以幫助你測試和學(xué)習(xí)正則表達(dá)式。我喜歡它顯示的“解釋”和“匹配信息”,，而且它給你提供三種不同的正則表達(dá)式供你選擇,。

15. CIUM

它是一個(gè)手機(jī)app，它的功能是“為HTML5的功能,、CSS3的功能,、JS API的功能、SVG的功能和其他即將到來的web技術(shù)提供兼容圖表,?！彼拿直蝗苏J(rèn)為是“Can I Use Mobile”的簡稱，但是他們的用詞卻并不準(zhǔn)確,，也許是為了避免版權(quán)問題,，總之我不知道。

16. DevTools Snippets(開發(fā)者代碼片段工具)

“它是一個(gè)有用代碼片段的結(jié)合,，可以在瀏覽器開發(fā)工具里使用,。”能看到的大約是它們中的20個(gè),，而且你可以貢獻(xiàn)你自己的,。

17. Codrops CSS Reference(Codrops網(wǎng)站的 CSS參考手冊)

為了防止你錯(cuò)過了這個(gè)Codrops網(wǎng)站，在Sara Soueidan的幫助下,，精心設(shè)計(jì)制作了他們自己的內(nèi)容全面的CSS參考手冊,。

18. Screen Sizes(屏幕尺寸)

一個(gè)包含了大量手機(jī)設(shè)備和電腦分別擁有的屏幕尺寸的列表。這些設(shè)備甚至可以鏈接到它們在Amazon網(wǎng)站上的產(chǎn)品銷售頁面,。

19. Frontend Guidelines(前端指南)

某個(gè)開發(fā)者為在HTML或者CSS或者JavaScript各個(gè)方面寫作的代碼樣式忠告,。這里有很過好的忠告。

20. CSS Ruler

一個(gè)簡單的交互式的小工具，可以幫你理解CSS處理相對和絕對字體大小的方法,。

本文來自

公眾號：JAVA開發(fā)者聯(lián)盟