20個爲前端開發者準備的文檔和指南

時間 2019-11-19

原文原文鏈接

1. JavaScript Standard Style(JavaScript標準樣式)

JavaScript標準樣式並非一個主要的學習指南,可是它是一個模式,根據這個模式你能夠安裝和運行JavaScript，而且能夠經過命令行來測試你的JavaScript代碼，而不是一系列JavaScript語法的規則。它也被用做一個文本編輯器的插件。做爲一份指南，你也能夠看看Rules breakdown，這對於初學者和其餘人來講是培養一些基本的JavaScript意識練習的最好方法。css

2. Webpack: An Introduction(Webpack:一份入門手冊)

「Webpack是一款流行的模塊打包工具，它能在語塊裏很方便地打包應用的代碼資源，而且它能從一個服務器裏把代碼加載到一個瀏覽器裏。」這份指南在Angular的官網上有，這份指南已經準備好在Angular2應用裏使用Webpack。html

3. Aural UI of the Elements of HTML(HTML元素的Aural UI)

「HTML元素是如何被屏幕閱讀器所支持的。」在Windows10操做系統上的Firefox瀏覽器裏,在VoiceOver上的Firefox瀏覽器裏和在OSX操做系統上的Safari9瀏覽器上,和在Windows8.1操做系統上的NVDA和Firefox瀏覽器裏是由四個表格組成的數據來覆蓋JAWS的, 還有更多的測試。前端

JAWS介紹連接地址: http://wenku.baidu.com/view/18d8337a1711cc7931b716d4.htmlhtml5

VoiceOver介紹連接地址: http://baike.sogou.com/v7818959.htm?fromTitle=voiceovernode

OSX介紹連接地址: http://baike.sogou.com/v286354.htm?fromTitle=OSXreact

NVDA介紹連接地址: http://blog.sina.com.cn/s/blog_bdda07c4010197aq.htmlwebpack

4. Type Terms

Type Terms工具對設計者的有用程度遠大於開發者，可是它對於那些想更加熟悉排版術語的人來講，是爲他們精心設計的和有用的交互工具。它是Supremo(蘇帕摩)的民間機構，一個曼徹斯特的設計機構開發出來的。git

5. Email Toolbox(Email 工具盒)

它是大量的連接資源，主要聚焦在設計和編寫HTML郵件代碼上。這些資源都在不一樣的分類下，包括人們應遵循的，課程，可讀的博客文章，工具和郵件服務提供者(商)。angularjs

6. Almost complete guide to flexbox (without flexbox)

這裏有不少不一樣的伸縮佈局盒指南和工具，可是他們有一些不一樣。這份指南將向你展現在你的佈局裏如何使用傳統的方法來達到和伸縮佈局盒同樣的效果。很高興能看到它們在這樣一個帖子裏，而且還有代碼示例。github

7. Angular 1.x styleguide (ES2015)

這是由Todd Motto寫的一份」針對團隊的Angular樣式指南」,他是一名Telerik倡導開發人員。Todd也在Angular JS開發網站上提供課程。這份樣式指南」已經爲ES2015從頭到腳從新寫了一遍,內容變化的是在Angular1.5以上版本在將來升級你的應用到Angular2。」

Telerik的介紹連接地址: http://bbs.51aspx.com/showtopic-44305.html

8. CSS Purge

這個網站能夠給你一些流行網站和框架排名的有效統計數據，可維持的CSS.它能夠展示CSS文件大小的數據,具體的排名,和使用的CSS屬性。

9. Google Chrome’s CSS File

（需自備牆梯才能打開連接）

歸功於Umar Hansa在推特上寫的博客文章。這是Chrome瀏覽器使用的核心CSS文件,該核心CSS文件用來爲HTML元素提供以西基本默認的樣式。有興趣能夠快速瀏覽,由於它確實有一些奇怪。

10. <head> Cheat Sheet

「列出了在你的文檔裏的<head>標籤元素裏有不少的能夠執行的東西。」我喜歡這個，由於它不只列出了標準的元素，同時也列出了咱們能看見的不少特定的東西，可是對於這些特定的東西咱們也許並不徹底理解。

這是一份由Greg Reimer所寫的，覆蓋了ES6 Generators的有着八個部分的教程。」在現在的JavaScript中Generators是一個最被忽視的功能。我認爲這是由於generators僅僅是由generators和iterators組成的一個兩部分總體的一半。並且知道若是隻學習其中一個而不學其餘的,則就像是在畫一幅不完整的畫。至少對於我本人來講,啊哈!那個時刻沒有到來知道我縮小範圍而且從總體上看iterators和generators。」

12. Node.js ES2015 Support

從技術上說，這是後端，可是它和JavaScript開發者息息相關。這裏有爲ES2015準備的兼容的表格集合，可是它只能在Node.js上應用。

13. HTML5 Accessibility

我在以前一個帖子裏已經貼了這個，可是它被從新設計了，並且從新設計後的看上去很棒。」這個網站測試了在主流的瀏覽器上對HTML5新特性的支持程度。這包括它們是否有鍵入訪問權限，是否容許經過APIs映射到平臺，而且是否任何涉及到新特性的權限功能都被支持。」

14. MaintainableCSS

「編寫CSS不用再擔憂以前存在的樣式會帶來問題。MaintainableCSS是編寫模塊化的,可擴展的和可擴展性的CSS樣式的一種方式。」這是由Adam Silver編寫的有十二個部分的指南。

15. Simplified JavaScript Jargon

最初是由Hugo Giraudel開始的，這是一個社區驅動的試圖用最少簡單的詞彙來解釋不少時髦的詞彙，來編織當前的JavaScript生態系統。」這個想法並非取代我的的文檔，可是能夠做爲某種形式的術語表，能夠被輕鬆地引用。」

16. Bootstrap 4 Cheat Sheet

一份Bootstrap 4的參考手冊,來自HackerThemes網站的Alex。這個網站有一個很是漂亮交互式佈局,這個漂亮的交互式佈局展現了可被點擊的條目,當該條目被點擊時在該頁面的視口的底端會有代碼片斷和代碼效果顯示出來。你也能夠在版本4裏點擊突出的全部新的東西。

Bootstrap 4的介紹連接地址: http://www.bootcss.com/

17. AngularJS Cheat Sheets（AngularJS參考手冊）

「咱們建立了一些參考手冊學習指南來幫助你克服最初的AngularJS學習曲線，而且提供給你的平常工做提供一份參考。」包括三份參考手冊:AngularJS Core Services(AngularJS核心服務),AngularJS Directive Definition Object(AngularJS指令定義對象)，和AngularJS ui-router(AngularJS 用戶界面路由)。