87個前端必備開發網站（轉載）

87個前端必備開發網站

來源：https://zhuanlan.zhihu.com/p/86777413

1. 一行代碼搞定bug監控：https://www.fundebug.com/?tdsourcetag=s_pcqq_aiomsg
2. web開發人員必備工具包（實現快速敲代碼）:https://docs.emmet.io/
3. 讓代碼提交的時候先執行一次代碼，若是有報錯不讓提交：www.npmjs.com/package/eslint-config-airbnb
4. 阿里巴巴圖標庫：https://www.iconfont.cn/
5. UI顏色布料：Material Design Colors, Material Colors, Color Palette | Material UI
6. UI必備顏色表（色塊+色碼）:https://blog.csdn.net/weixin_43606158/article/details/97569176
7. logo在線製做，有不少：logo在線製做_logo設計在線生成 - 【LogoFree】免費LOGO在線製做網
8. 免費設計圖，有不少：創客貼_廣告設計印刷_圖片一鍵生成_設計圖片素材大全
9. 圖片試別轉換各類格式，有不少，只列舉了一個:誠華OCR - 圖片轉文字 - 免費在線OCR
10. 在線開發工具：開發類
11. 在線作圖【ProcessOn 支持流程圖、思惟導圖、原型圖、UML、網絡拓撲圖、組織結構圖】：ProcessOn - 免費在線做圖，思惟導圖，流程圖，實時協做
12. 項目部署流程：部署服務器步驟_程序部署到服務器步驟_部署雲服務器的步驟流程 - 雲+社區 - 騰訊雲
13. 網站SEO： http://www.jj3721.com/
14. 驗證正則表達式的可視化工具：Regexper
15. 開源、免費、企業級CMS系統：SiteServer CMS - 開源、免費、企業級CMS系統
16. 前端開發必備JS功能函數總結（上）：https://blog.csdn.net/weixin_43606158/article/details/94590474
17. 前端開發必備JS功能函數總結（下）：https://blog.csdn.net/weixin_43606158/article/details/94660402
18. 漸進式web應用程序覈對表：Progressive Web App Checklist | Google Developers
19. 在線存放圖片的地址：Simple Free Image Hosting
20. 代碼變漂亮圖片：Carbon
21. MintUI：Mint UI
22. ElementUI：The world's most popular Vue UI framework
23. iViewUI：A high quality UI Toolkit based on Vue.js
24. Layui：layui - 經典模塊化前端 UI 框架
25. cubeUI：cube-ui Document
26. Antd：Ant Design - 一套企業級 UI 設計語言和 React 組件庫
27. MUI：MUI-最接近原生APP體驗的高性能前端框架
28. Animate.CSS:https://daneden.github.io/animate.css/
29. ECharts：https://www.echartsjs.com/index.html
30. HighCharts：兼容 IE6+、完美支持移動端、圖表類型豐富的 HTML5 交互圖表 | Highcharts
31. 富文本編輯器wangEditor： wangEditor - 輕量級web富文本編輯器
32. 富文本編輯器UEditor： https://ueditor.baidu.com/website/onlinedemo.html
33. 螞蟻數據可視化：螞蟻數據可視化 - AntV
34. 熱力圖插件：Dynamic Heatmaps for the Web
35. 視頻監控直播的插件VLC：Official site - Free multimedia solutions for all OS! - VideoLAN
36. 直播軟件開發：諾德美地流媒體系統
37. 網易雲信：網易雲信 - IM即時通信雲 - 實時音視頻服務
38. 聊天開放軟件：Keybase首頁、文檔和下載 - 跨平臺即時通信工具 - OSCHINA
39. 有道翻譯API：有道翻譯API
40. 遊戲開發：Phaser - A fast, fun and free open source HTML5 game framework
41. 力扣JS題庫：力扣（LeetCode）官網 - 全球極客摯愛的技術成長平臺
42. 刷算法題:LintCode 領釦
43. ES6入門（阮一峯大佬的）：ECMAScript 6入門
44. babel（將ES6代碼轉爲ES5代碼）：Babel · The compiler for next generation JavaScript
45. 處理時間與日期的JS庫：Moment.js 中文網
46. Lodash：Lodash 中文文檔 | Lodash 中文網
47. 你可能不須要jQuery：You Might Not Need jQuery
48. 雲小蜜智能機器人API：雲小蜜-阿里雲
49. 易萬維源接口：API--瀏覽API
50. 短信驗證碼接口：【短信驗證碼】_短信驗證碼平臺_短信驗證碼接口_軟件-SUBMAIL賽郵雲通訊
51. 榛子短信驗證碼接口： 【不作接碼】最全短信接口 短信平臺【免費試用】-榛子云短信官網
52. 草料二維碼生成器：草料二維碼生成器
53. RAP2假數據接口：RAP2
54. 可扒的真實電商數據：熊貓優選 - 免費領淘寶優惠券，買到更便宜
55. 易文檔接口：易文檔，在線文檔管理平臺，接口文檔管理工具，可一鍵生成API文檔，支持接口測試，文檔模板 - - 感謝旅行呱大佬幫助咱們豐富資源，他的CSDN主頁爲：CSDN-我的空間
56. 免費接口：JSON API免費接口-BeJSON.com
57. 假數據接口（測試用）：Fake online REST API for developers
58. 上傳文件轉進制的formData: FormData
59. jQuery插件庫：http://www.jq22.com/search
60. 輪播圖插件：Swiper中文網
61. 放大鏡插件：http://www.elevateweb.co.uk/image-zoom/examples
62. 響應式瀑布流插件：http://www.jq22.com/jquery-info20261
63. art-template模板引擎：介紹
64. ejs模板引擎：EJS -- 嵌入式 JavaScript 模板引擎
65. 小表情的emoji：😃 Home of Emoji Meanings 💁👌🎍😍
66. Postman測試前端請求後端接口：Postman | The Collaboration Platform for API Development
67. coding代碼託管平臺：CODING - 一站式軟件研發管理平臺
68. 碼雲代碼託管平臺：碼雲 Gitee — 基於 Git 的代碼託管和研發協做平臺
69. github代碼託管平臺：Build software better, together
70. SVN代碼託管平臺：SVNBucket，免費SVN服務器，代碼託管，SVN託管，不限私有，不限成員
71. SVN代碼託管中心：SVN 中國源代碼託管中心-SVN Subversion 源碼託管
72. 禪道：項目管理軟件 開源項目管理軟件 免費項目管理軟件 - 禪道開源項目管理軟件
73. 藍湖（ps切圖）：藍湖 - 高效的產品設計協做平臺
74. git官網：Git
75. npm官網：npm | build amazing things
76. npm模塊管理器介紹:JavaScript 標準參考教程（alpha）
77. 碼神島： 菜鳥碼農.區塊鏈.it程序員交流的專屬論壇-碼神島
78. 掘金網：掘金 - juejin.im - 一個幫助開發者成長的社區
79. 思否：人類身份驗證 - SegmentFault
80. 知乎：知乎 - 有問題，上知乎
81. stack Overflow：Stack Overflow - Where Developers Learn, Share, & Build Careers
82. v2ex社區：V2EX
83. CtoLib碼庫： CTOLib碼庫
84. 牛客網：牛客網 - 互聯網求職神器和備考學習平臺
85. FCC中文網：Learn to Code and Help Nonprofits
86. Web 開發練習題：Learn to code with free online courses, programming projects, and interview preparation for developer jobs.
87. FCC 的 Medium 頻道：freeCodeCamp.org