作為(wèi)一(yī)名前端開發者（所有程序員）最起碼遇到bug就算不會解決也應該會搜解決問題的(de)答案。

一(yī)般筆(bǐ)者會先在百度搜（關鍵詞一(yī)定要輸入正确）

如(rú)果沒搜到會再去(qù)bing裏面看看

還沒有的(de)話就去(qù)github的(de)Issues裏面再看看

如(rú)果還不行就隻能自(zì)己去(qù)看官方文檔然後自(zì)己研究了。

建議學(xué)習一(yī)下這個搜索技巧。

搜索技巧：https://blog.csdn.net/weixin_43606158/article/details/100531733

隻是知道(dào)搜解決問題的(de)方法這是最基礎的(de)，遇到問題才會去(qù)想辦法解決，而作為(wèi)一(yī)名積極進取的(de)程序員應該随時跟着時代的(de)潮流走，不斷的(de)拓展自(zì)己的(de)知識面，這樣你會發現你遇到問題的(de)時候大部分情況你都能準确定位問題的(de)原因，在哪裏去(qù)搜解決方案，或者你早就自(zì)學(xué)過了，分分鍾解決。

接下來筆(bǐ)者與大家分享一(yī)下我個人積累的(de)網站：

MDN開發者文檔：https://developer.mozilla.org/zh-CN/

菜鳥教程：https://www.runoob.com/

W3CSchool：http://www.w3school.com.cn/

JavaScript教程網：https://zh.javascript.info/

一(yī)行代碼搞定bug監控：https://www.fundebug.com/?tdsourcetag=s_pcqq_aiomsg

web開發人員必備工具包（實現快速敲代碼）:https://docs.emmet.io/

讓代碼提交的(de)時候先執行一(yī)次代碼，如(rú)果有報錯不讓提交：www.npmjs.com/package/eslint-config-airbnb

阿裏巴巴圖标庫：https://www.iconfont.cn/

UI顔色布料：https://www.materialui.co/colors

UI必備顔色表（色塊+色碼）:https://blog.csdn.net/weixin_43606158/article/details/97569176

logo在線制作，有很多：http://www.logofree.cn/

免費設計圖，有很多：https://www.chuangkit.com/designtools/designindex

圖片試别轉換各種格式，有很多，隻列舉了一(yī)個:https://zhcn.109876543210.com/

在線開發工具：https://tool.lu/c/developer

在線做(zuò)圖【ProcessOn 支持流程圖、思維導圖、原型圖、UML、網絡拓撲圖、組織結構圖】：https://www.processon.com/

項目部署流程：https://cloud.tencent.com/developer/information/%E9%83%A8%E7%BD%B2%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%AD%A5%E9%AA%A4

網站SEO： http://www.jj3721.com/

驗證正則表達式的(de)可(kě)視(shì)化工具：https://regexper.com/

開源、免費、企業級CMS系統：https://www.siteserver.cn/

前端開發必備JS功能函數總結（上）：https://blog.csdn.net/weixin_43606158/article/details/94590474

前端開發必備JS功能函數總結（下）：https://blog.csdn.net/weixin_43606158/article/details/94660402

漸進式web應用程序核對表：https://developers.google.cn/web/progressive-web-apps/checklist

在線存放圖片的(de)地(dì)址：https://sm.ms/

代碼變漂亮(liàng)圖片：https://carbon.now.sh

MintUI：https://mint-ui.github.io/#!/zh-cn

ElementUI：https://element.eleme.cn/#/zh-CN

iViewUI：https://www.iviewui.com/

Layui：https://www.layui.com/

cubeUI：https://didi.github.io/cube-ui/#/zh-CN

Antd：https://ant.design/index-cn

MUI：http://dev.dcloud.net.cn/mui/

Animate.CSS:https://daneden.github.io/animate.css/

ECharts：https://www.echartsjs.com/index.html

HighCharts：https://www.highcharts.com.cn/

富文本編輯器wangEditor： http://www.wangeditor.com/

富文本編輯器UEditor： https://ueditor.baidu.com/website/onlinedemo.html

螞蟻數據可(kě)視(shì)化：http://antv.alipay.com/zh-cn/index.html

熱力圖插件：https://www.patrick-wied.at/static/heatmapjs/

視(shì)頻監控直播的(de)插件VLC：https://www.videolan.org/

直播軟件開發：http://www.nodemedia.cn/

網易雲信：https://netease.im/

聊天開放軟件：https://www.oschina.net/p/keybase

有道(dào)翻譯API：http://fanyi.youdao.com/openapi?path=data-mode

遊戲開發：http://phaser.io/

力扣JS題庫：https://leetcode-cn.com/

刷算法題:https://www.lintcode.com/

ES6入門（阮一(yī)峰大佬的(de)）：http://es6.ruanyifeng.com/

babel（将ES6代碼轉為(wèi)ES5代碼）：https://babeljs.io/

處理(lǐ)時間與日期的(de)JS庫：http://momentjs.cn/

Lodash：https://www.lodashjs.com/

你可(kě)能不需要jQuery：http://youmightnotneedjquery.com/

雲小蜜智能機器人API：https://help.aliyun.com/product/59495.html?spm=a2c4g.11186623.3.1.7dad1b005dRM5F

易萬維源接口：https://www.showapi.com/api/apiList

短(duǎn)信驗證碼接口：https://www.mysubmail.com/sms/api?tag=jq22

榛子(zǐ)短(duǎn)信驗證碼接口： http://smsow.zhenzikj.com/

草(cǎo)料二維碼生成器：https://cli.im/

二維碼

RAP2假數據接口：http://rap2.taobao.org/

可(kě)扒的(de)真實電商數據：http://www.xiongmaoyouxuan.com/#/

易文檔接口：https://easydoc.xyz - - 感謝旅行呱大佬幫助我們豐富資源，他的(de)CSDN主頁為(wèi)：https://me.csdn.net/atsoar

免費接口：http://www.bejson.com/knownjson/webInterface/

假數據接口（測試用）：http://jsonplaceholder.typicode.com/

上傳文件轉進制的(de)formData: https://developer.mozilla.org/zh-CN/docs/Web/API/FormData

jQuery插件庫：http://www.jq22.com/search

輪播圖插件：https://www.swiper.com.cn/

放大鏡插件：http://www.elevateweb.co.uk/image-zoom/examples

響應式瀑布流插件：http://www.jq22.com/jquery-info20261

art-template模闆引擎：https://aui.github.io/art-template/zh-cn/docs/

ejs模闆引擎：https://ejs.bootcss.com/

小表情的(de)emoji：https://emojipedia.org/

Postman測試前端請求後端接口：https://www.getpostman.com/

coding代碼托管平台：https://coding.net/

碼雲代碼托管平台：https://gitee.com/

github代碼托管平台：https://github.com/

SVN代碼托管平台：https://svnbucket.com/?ADTAG=bdss#/

SVN代碼托管中心：http://www.svnchina.com/

禅道(dào)：https://www.zentao.net/

藍湖（ps切圖）：https://lanhuapp.com/

git官網：https://git-scm.com/

npm官網：https://www.npmjs.com/

npm模塊管理(lǐ)器介紹:https://javascript.ruanyifeng.com/nodejs/npm.html#toc18

碼神島： https://msd.misuland.com/

掘金網：https://juejin.im/

思否：https://segmentfault.com/

知乎：https://www.zhihu.com

stack Overflow：https://stackoverflow.com/

v2ex社區：https://www.v2ex.com/

CtoLib碼庫： https://www.ctolib.com

牛客網：https://www.nowcoder.com

FCC中文網：https://www.freecodecamp.one/

Web 開發練習題：https://www.freecodecamp.org/

百度前端技術學(xué)院 — 前端開發項目庫：http://ife.baidu.com/

FCC 的(de) Medium 頻道(dào)：https://www.freecodecamp.org/news/

阿裏雲：https://www.aliyun.com

騰訊雲：https://cloud.tencent.com/

GitBook：https://legacy.gitbook.com/@llh911001

妙味課堂：https://miaov.com/

慕課網：https://www.imooc.com/

html中文網：https://www.html.cn/

hCoder：http://www.hcoder.net/

扣丁學(xué)堂：http://www.codingke.com/

開課吧(ba)： https://www.kaikeba.com/

gitbook： https://legacy.gitbook.com/

各種語言的(de)書：https://www.laojiyou.com/[由于此網站裏的(de)書非正版，所以會提示有風險，請點擊詳細信息後繼續訪問即可(kě)看到內(nèi)容（PS：此鏈接由 JuJuBoyll 友情提供，此博主鏈接：https://me.csdn.net/blog/JuJuBoyII）]

React官網：https://reactjs.org/

Redux官網：https://react-redux.js.org/

React Router：https://reacttraining.com/react-router/

Vue官網：https://cn.vuejs.org/

NodeJS官網：http://nodejs.cn/

React Native: https://reactnative.cn/

uni-app：https://uniapp.dcloud.io/

Mui: https://dev.dcloud.net.cn/mui/

Taro: https://taro.aotu.io/?tdsourcetag=s_pcqq_aiomsg

微信小程序開發者平台：https://developers.weixin.qq.com/

微信開發者平台： https://open.weixin.qq.com/

釘釘開發者平台: https://ding-doc.dingtalk.com/

百度地(dì)圖開發者平台：https://passport.baidu.com

DvaJS：https://dvajs.com/

jQuery官網：https://jquery.com/

jQuery API中文文檔【在線手冊】：http://jquery.cuishifeng.cn/

ZeptoJS官網：https://zeptojs.com/

cheerioJS安裝地(dì)址：https://www.npmjs.com/package/cheerio

RequireJS官網：https://requirejs.org/

Sass官網（CSS預處理(lǐ)器，通過編程的(de)方式來開發CSS）：https://sass-lang.com/

Less官網（同上）：http://lesscss.org/

CSS參考筆(bǐ)記：http://css.doyoe.com/

Bootstrap官網：https://www.bootcss.com/

CSS優質內(nèi)容網站：https://css-tricks.com/

CSS 優質內(nèi)容網站：https://css-weekly.com/

HTML 優質內(nèi)容網站：https://www.html5rocks.com/en/

JS 優質內(nèi)容：http://www.echojs.com/

移動端 Web 開發：https://mobiledevweekly.com/

VScode快捷鍵介紹：https://www.cnblogs.com/bindong/p/6045957.html

Socket通信：https://socket.io/

JSONPlaceholder：http://jsonplaceholder.typicode.com/

拉勾網：https://www.lagou.com/

Boss直聘：https://www.zhipin.com/?sid=sem_pz_bdpc_dasou_title

獵聘網：https://www.liepin.com/

智聯招聘：http://landing.zhaopin.com/register

一(yī)早一(yī)晚（國內(nèi)遠程工程師招聘）：https://yizaoyiwan.com/

接項目接私活的(de)網站總結：https://blog.csdn.net/weixin_43606158/article/details/90728142

web開發互助網：http://hz.uyi2.com/

前端面試題一(yī)到三年(nián)： https://blog.csdn.net/weixin_43606158/article/details/89811189

前端面試題三到五年(nián)：https://blog.csdn.net/weixin_43606158/article/details/89640672

項目中常用插件：https://blog.csdn.net/weixin_43606158/article/details/90136700

React 新聞訂閱：http://reactjsnewsletter.com/issues

社區：https://hashnode.com/

節點周刊:https://nodeweekly.com/

前端焦點:https://frontendfoc.us/

JavaScript周刊:https://javascriptweekly.com/

各種書籍：https://www.sitepoint.com/

各種書籍文章(zhāng)：https://www.smashingmagazine.com/

資源數據：https://www.ceicdata.com

99藏書網【非IT行業圖書】：https://www.99lib.net/book/

投資界新聞：https://news.pedaily.cn/

百度網盤免費超級會員列表（不建議在此網站購買，等他每日更新的(de)賬号就可(kě)以）：https://www.vipleyuan.com/bdy

開發者中心： https://dev.dcloud.net.cn/

CSDN吳小迪的(de)博客：https://blog.csdn.net/weixin_43606158

————————————————

版權聲明：本文為(wèi)CSDN博主「超級吳小迪」的(de)原創文章(zhāng)，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。

原文鏈接：https://blog.csdn.net/weixin_43606158/article/details/91164392