前端开发应知网站(强烈推荐)_2023前端开发自学网站有哪些

笔者文章内容大更新了哦！！！转载的朋友们请注意更新哦~

一、搜索技巧

建议学习一下这个搜索技巧。

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

只是知道搜解决问题的方法这是最基础的，遇到问题才会去想办法解决，而作为一名积极进取的程序员应该随时跟着时代的潮流走，不断的拓展自己的知识面，这样你会发现你遇到问题的时候大部分情况你都能准确定位问题的原因，在哪里去搜解决方案，或者你早就自学过了，分分钟解决。

---

二、接下来笔者与大家分享一下我个人积累的网站：

1.基础学习类网站

1. MDN开发者文档：https://developer.mozilla.org/zh-CN/
2. 菜鸟教程：https://www.runoob.com/
3. W3CSchool：http://www.w3school.com.cn/
4. JavaScript教程网：https://zh.javascript.info/
5. 谷歌开发者工具教程：https://developers.google.com/web/tools/chrome-devtools?hl=zh-cn&authuser=2
6. Linux整体学习：https://man.linuxde.net/rm
7. 渐进式web应用程序核对表：https://developers.google.cn/web/progressive-web-apps/checklist
8. 开发者中心： https://dev.dcloud.net.cn/
9. CSS参考笔记：http://css.doyoe.com/
10. Bootstrap官网：https://www.bootcss.com/
11. CSS优质内容网站：https://css-tricks.com/
12. CSS 优质内容网站：https://css-weekly.com/
13. HTML 优质内容网站：https://www.html5rocks.com/en/
14. JS 优质内容：http://www.echojs.com/
15. 移动端 Web 开发：https://mobiledevweekly.com/
16. 人工智能学习地址：人工智能社区

2.开发文档类网站

1. 上传文件转进制的formData: https://developer.mozilla.org/zh-CN/docs/Web/API/FormData
2. art-template模板引擎：https://aui.github.io/art-template/zh-cn/docs/
3. ejs模板引擎：https://ejs.bootcss.com/
4. ES6入门（阮一峰大佬的）：http://es6.ruanyifeng.com/
5. React官网：https://reactjs.org/
6. Redux官网：https://react-redux.js.org/
7. React Router：https://reacttraining.com/react-router/
8. Vue官网：https://cn.vuejs.org/
9. NodeJS官网：http://nodejs.cn/
10. React Native: https://reactnative.cn/
11. uni-app：https://uniapp.dcloud.io/
12. Mui: https://dev.dcloud.net.cn/mui/
13. Taro: https://taro.aotu.io/?tdsourcetag=s_pcqq_aiomsg
14. 微信小程序开发者平台：https://developers.weixin.qq.com/
15. 微信开发者平台： https://open.weixin.qq.com/
16. 钉钉开发者平台: https://ding-doc.dingtalk.com/
17. 百度地图开发者平台：https://passport.baidu.com
18. DvaJS：https://dvajs.com/
19. jQuery官网：https://jquery.com/
20. jQuery API中文文档【在线手册】：http://jquery.cuishifeng.cn/
21. ZeptoJS官网：https://zeptojs.com/
22. cheerioJS安装地址：https://www.npmjs.com/package/cheerio
23. RequireJS官网：https://requirejs.org/
24. Sass官网（CSS预处理器，通过编程的方式来开发CSS）：https://sass-lang.com/
25. Less官网（同上）：http://lesscss.org/
26. Less中文官网：https://less.bootcss.com/
27. Socket通信：https://socket.io/
28. JSONPlaceholder：http://jsonplaceholder.typicode.com/
29. 前端开发者手册【gitbook】：https://leohxj.gitbooks.io/front-end-database/index.html
30. gitbook： https://legacy.gitbook.com/
31. 各种语言的书：https://www.laojiyou.com/
32. 各种书籍：https://www.sitepoint.com/
33. 各种书籍文章：https://www.smashingmagazine.com/
34. 代码格式校验Eslint ：http://eslint.cn/

3.解决开发难点类网站【各种库，插件，开源网站介绍】

npm官网：https://www.npmjs.com/
npm模块管理器介绍:https://javascript.ruanyifeng.com/nodejs/npm.html#toc18

1. 让代码提交的时候先执行一次代码，如果有报错不让提交：www.npmjs.com/package/eslint-config-airbnb
2. 验证正则表达式的可视化工具：https://regexper.com/
3. 开源、免费、企业级CMS系统：https://www.siteserver.cn/
4. ECharts：https://www.echartsjs.com/index.html
5. HighCharts：https://www.highcharts.com.cn/
6. 富文本编辑器wangEditor： http://www.wangeditor.com/
7. 富文本编辑器UEditor： https://ueditor.baidu.com/website/onlinedemo.html
8. 蚂蚁数据可视化：http://antv.alipay.com/zh-cn/index.html
9. 热力图插件：https://www.patrick-wied.at/static/heatmapjs/
10. 视频监控直播的插件VLC：https://www.videolan.org/
11. 直播软件开发：http://www.nodemedia.cn/
12. 网易云信：https://netease.im/
13. 聊天开放软件：https://www.oschina.net/p/keybase
14. 有道翻译API：http://fanyi.youdao.com/openapi?path=data-mode
15. 游戏开发：http://phaser.io/
16. AI接口：https://cloud.tencent.com/act/event/aiAllFree?fromcampus
17. babel（将ES6代码转为ES5代码）：https://babeljs.io/
18. 处理时间与日期的JS库：http://momentjs.cn/
19. Lodash：https://www.lodashjs.com/
20. 你可能不需要jQuery：http://youmightnotneedjquery.com/
21. 云小蜜智能机器人API：https://help.aliyun.com/product/59495.html?spm=a2c4g.11186623.3.1.7dad1b005dRM5F
22. 易万维源接口：https://www.showapi.com/api/apiList
23. 短信验证码接口：https://www.mysubmail.com/sms/api?tag=jq22
24. 榛子短信验证码接口： http://smsow.zhenzikj.com/
25. 草料二维码生成器：https://cli.im/
26. 二维码
27. RAP2假数据接口：http://rap2.taobao.org/
28. 可扒的真实电商数据：http://www.xiongmaoyouxuan.com/#/
29. 易文档接口：https://easydoc.xyz - - 感谢旅行呱大佬帮助我们丰富资源，他的CSDN主页为：https://me.csdn.net/atsoar
30. 免费接口：http://www.bejson.com/knownjson/webInterface/
31. 假数据接口（测试用）：http://jsonplaceholder.typicode.com/
32. jQuery插件库：http://www.jq22.com/search
33. 轮播图插件：https://www.swiper.com.cn/
34. 放大镜插件：http://www.elevateweb.co.uk/image-zoom/examples
35. 响应式瀑布流插件：http://www.jq22.com/jquery-info20261
36. 百度前端技术学院 — 前端开发项目库：http://ife.baidu.com/
37. 项目中常用插件：https://blog.csdn.net/weixin_43606158/article/details/90136700
38. 滚动懒加载的better-scroll：https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/
39. css rest：http://nec.netease.com/framework/css-reset.html

4.想要实现快速开发不可不知的

1. 一行代码搞定bug监控：https://www.fundebug.com/?tdsourcetag=s_pcqq_aiomsg
2. web开发人员必备工具包（实现快速敲代码）:https://docs.emmet.io/
3. VScode快捷键介绍：https://www.cnblogs.com/bindong/p/6045957.html
4. 编辑器使用技巧：https://blog.csdn.net/weixin_43606158/category_8999888.html
5. 前端开源项目CDN：https://www.bootcdn.cn/
6. 模板之家解析网站【把模板的url放到这个网站的输入框里即可（还算很便宜的收费）】：http://v.sucai8.cn/
7. 测试接口的：postman

5.各种功能网站

1. 阿里巴巴图标库：https://www.iconfont.cn/
2. UI颜色布料：https://www.materialui.co/colors
3. UI必备颜色表（色块+色码）:https://blog.csdn.net/weixin_43606158/article/details/97569176
4. logo在线制作，有很多：http://www.logofree.cn/
5. 造字工坊：https://www.makefont.com/
6. 免费设计图，有很多：https://www.chuangkit.com/designtools/designindex
7. 图片试别转换各种格式，有很多，只列举了一个:https://zhcn.109876543210.com/
8. 图片压缩：http://www.topdodo.com/
9. 图片压缩2：https://tinify.cn/
10. 图片格式转换：https://www.sojson.com/image/format.html
11. 小表情的emoji：https://emojipedia.org/
12. chrome网上商店：https://chrome.google.com/webstore/search/console%20importer?hl=zh-CN
13. SEO综合查询：http://seo.chinaz.com/
14. 谷歌开发者工具箱：https://developers.google.com/web/tools/workbox
15. 直播平台网址备份：https://app.yunxin.163.com/webdemo/education/#/login
16. 检测前端代码兼容性：https://www.caniuse.com/
17. 随机代码生成器：https://suijimimashengcheng.bmcx.com/

6.在线工具

1. 在线开发工具：https://tool.lu/c/developer
2. 在线编辑器：https://codesandbox.io/
3. 在线做图【ProcessOn 支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图】：https://www.processon.com/
4. 在线存放图片的地址：https://sm.ms/
5. 代码变漂亮图片：https://carbon.now.sh
6. 【废弃】快速生成typescript定义的网站：http://www.json2ts.com/
7. 【新】快速生成typescript定义的网站：https://tooltt.com/json2typescript/

7.开发人员应知技术

1. 项目部署流程：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
2. 网站SEO： http://www.jj3721.com/
3. 前端开发必备JS功能函数总结（上）：https://blog.csdn.net/weixin_43606158/article/details/94590474
4. 前端开发必备JS功能函数总结（下）：https://blog.csdn.net/weixin_43606158/article/details/94660402
5. Postman测试前端请求后端接口：https://www.getpostman.com/
6. 函数式编程：https://legacy.gitbook.com/@llh911001

8.前端UI组件库

1. MintUI：https://mint-ui.github.io/#!/zh-cn
2. ElementUI：https://element.eleme.cn/#/zh-CN
3. iViewUI：https://www.iviewui.com/
4. Layui：https://www.layui.com/
5. cubeUI：https://didi.github.io/cube-ui/#/zh-CN
6. Antd：https://ant.design/index-cn
7. MUI：http://dev.dcloud.net.cn/mui/
8. Animate.CSS:https://daneden.github.io/animate.css/

9.刷题

1. 力扣JS题库：https://leetcode-cn.com/
2. 刷算法题:https://www.lintcode.com/
3. Web 开发练习题：https://www.freecodecamp.org/

10.代码托管平台

1. coding代码托管平台：https://coding.net/
2. 码云代码托管平台：https://gitee.com/
3. github代码托管平台：https://github.com/
4. SVN代码托管平台：https://svnbucket.com/?ADTAG=bdss#/
5. SVN代码托管中心：http://www.svnchina.com/
6. git官网：https://git-scm.com/
7. 阿里云：https://www.aliyun.com
8. 腾讯云：https://cloud.tencent.com/

11.社区类

1. 码神岛： https://msd.misuland.com/
2. 掘金网：https://juejin.im/
3. 思否：https://segmentfault.com/
4. 知乎：https://www.zhihu.com
5. stack Overflow：https://stackoverflow.com/
6. v2ex社区：https://www.v2ex.com/
7. CtoLib码库： https://www.ctolib.com
8. 牛客网：https://www.nowcoder.com
9. FCC中文网：https://www.freecodecamp.one/
10. web开发互助网：http://hz.uyi2.com/

12.项目合作

1. 禅道：https://www.zentao.net/
2. 蓝湖（ps切图）：https://lanhuapp.com/

13.新闻资讯类

1. FCC 的 Medium 频道：https://www.freecodecamp.org/news/
2. React 新闻订阅：http://reactjsnewsletter.com/issues
3. 社区：https://hashnode.com/
4. 节点周刊:https://nodeweekly.com/
5. 前端焦点:https://frontendfoc.us/
6. JavaScript周刊:https://javascriptweekly.com/
7. infoQ:https://www.infoq.cn/

14.书籍类

1. 开发文档：https://devdocs.io/

由于部分原因，此模块大部分内容已被舍弃，望读者们见谅

15.学习网站

1. 妙味课堂：https://miaov.com/
2. 慕课网：https://www.imooc.com/
3. 网易云课堂：https://study.163.com/
4. 中国大学MOOC：https://www.icourse163.org/
5. tutorialspoint：https://www.tutorialspoint.com/index.htm
6. html中文网：https://www.html.cn/
7. hCoder：http://www.hcoder.net/
8. 扣丁学堂：http://www.codingke.com/
9. 开课吧： https://www.kaikeba.com/
10. 书栈网：https://www.bookstack.cn/

16.应聘网站

1. 拉勾网：https://www.lagou.com/
2. Boss直聘：https://www.zhipin.com/?sid=sem_pz_bdpc_dasou_title
3. 猎聘网：https://www.liepin.com/
4. 智联招聘：http://landing.zhaopin.com/register
5. 一早一晚（国内远程工程师招聘）：https://yizaoyiwan.com/

17.休闲网站

1. App影院：https://www.appmovie.net/
2. 星辰影院：https://www.vodxc.in/
3. 80s手机电影：http://y80s.com/
4. 达达兔影院：https://www.jlszyy.cc/
5. 日本影视：http://www.jp2468.com/
6. 蛋蛋赞咨询与影院：https://www.twoeggz.com/
7. 独播库：https://www.duboku.tv/
8. 哔哩哔哩：https://www.bilibili.com/
9. 臭豆腐电影：http://www.cdfdy.com/

18.代码编辑器相关

1. vscode配置自定义代码片段模板:https://blog.csdn.net/sinat_36359516/article/details/128042359

生成代码片段配置的网站：https://snippet-generator.app/

2. jetbranis系列相关使用技巧：https://blog.csdn.net/weixin_43606158/category_8999888.html?spm=1001.2014.3001.5482

19.extra

1. 接项目接私活的网站总结：https://blog.csdn.net/weixin_43606158/article/details/90728142
2. 前端面试题一到三年： https://blog.csdn.net/weixin_43606158/article/details/89811189
3. 前端面试题三到五年：https://blog.csdn.net/weixin_43606158/article/details/89640672
4. 资源数据：https://www.ceicdata.com
5. 99藏书网【非IT行业图书】：https://www.99lib.net/book/
6. 投资界新闻：https://news.pedaily.cn/
7. CSDN吴小迪的博客：https://blog.csdn.net/weixin_43606158

三、遇到问题的解决办法

作为一名前端开发者（所有程序员）最起码遇到bug就算不会解决也应该会搜解决问题的答案。

1. 一般笔者会先在百度搜（关键词一定要输入正确）
2. 如果没搜到会再去bing里面看看
3. 还没有的话就去github的Issues里面再看看
4. 如果还不行就只能自己去看官方文档然后自己研究了。

转载的朋友们请注意，此文章为随时更新。转载时请注明出处，谢谢！