前端回爐計劃：旨在收集並整理出一些有用信息，幫助有需要的同學。

前端回爐計劃的初衷：

• 幫助新手快速入門
• 幫助初中級開發人員回爐再造&提升
• 幫助高級以上開發人員回爐再精進&升華

寫在前面：

本文中收集並整理的相關信息（不分先後排序）為非營利性的推薦，大部分都是根據行業熱度以及作者的觀點梳理出來的。

前期收集並整理的內容相對比較零散，主要起到快速導航的效果。

後期有考慮進行詳細分類並提供快速導航，方便快速閱讀。

註：有些網站可能需要翻牆才能看到

IDE開發工具

• Visual Studio Code（推薦）
• Atom（推薦）
• Sublime Text（推薦）
• Notepad++（windows下一款很棒的文本編輯器）
• WebStorm（jetbrains出品必出精品，很強大的一款web開發編輯器）

新手入門學習站點

• Mozilla 開發者社區(MDN)
• W3 school
• 菜鳥教程
• W3C

綜合性博客站點

• 博客園
• csdn
• 伯樂在線
• 掘金

團隊型技術博客

• FEX
• AlloyTeam
• 淘寶前端團隊
• 凹凸實驗室
• 奇舞團

知識問答型站點

• 知乎
• 思否
• Stack Overflow

瀏覽器兼容性

• caniuse(瀏覽器相關特性兼容性查詢)
• browserhacks(瀏覽器兼容性寫法參考)

css編譯語言

• sass
• less
• stylus

構件工具

• Grunt
• Gulp
• Webpack
• Parcel

代碼類

• JsBin（在線代碼編輯）
• Codepen（在線代碼編輯）
• Regexper（正則表達式，在線可視化）
• Visualgo（數據結構，在線可視化）
• Asciiflow（代碼注釋圖形，在線製作）

圖片類

• 標你妹（標註工具：上傳psd自動生成標註）
• Photoshop（大家都在用的PS軟體）
• Sketch（mac上最好用的PS軟體，可導出帶標註的設計稿）
• iconfont (國內較好的字體圖標庫)

實用工具

• 百度網盤（文件存儲和多端同步）
• 有道詞典（很不錯的一個跨平台翻譯軟體）
• 有道雲筆記（跨平台、大容量、易操作的雲筆記）
• 石墨文檔（可多人實時協作的雲端文檔與表格）
• LICEcap（跨平台的git動畫效果錄屏工具）
• XMind（很受歡迎的思維導圖軟體）
• ProcessOn（很好用的免費在線作圖平台）
• smallpdf（提供各種文檔在線轉換）

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！