2020！前端开发应知网站(墙裂推荐！)

最新推荐文章于 2024-09-13 20:19:27 发布
最新推荐文章于 2024-09-13 20:19:27 发布
阅读量5.8k 收藏 16
点赞数 14
原文链接：https://blog.csdn.net/weixin_43606158/article/details/91164392
版权

文章目录

 

一、搜索技巧

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

搜索技巧：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/

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/

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/

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. 小表情的emoji：https://emojipedia.org/
  9. chrome网上商店：https://chrome.google.com/webstore/search/console%20importer?hl=zh-CN
  10. SEO综合查询：http://seo.chinaz.com/
  11. 谷歌开发者工具箱：https://developers.google.com/web/tools/workbox
  12. 直播平台网址备份：https://app.yunxin.163.com/webdemo/education/#/login

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

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/
  9.  

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/
  3.  

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

18.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. 如果还不行就只能自己去看官方文档然后自己研究了。
666syc
关注
Python从0到100（四十）：Web开发简介-从前端到后端（文末免费送书）
Hello大家好，我是Dream，如果帮得到你，那我深感荣幸！交流学习、商务合作：https://bbs.csdn.net/topics/614347534
07-15 8万+
AI短视频生成与剪辑实战108招 ： ChatGPT 剪映》通过12个专题内容、108个实用技巧、170多分钟的教学视频，讲解了AI短视频的生成与剪辑全流程，并随书附赠了108集同步教学视频、210多个素材效果、70多个书中案例关键词、5200多个绘画关键词等。具体内容按以下两条线展开。一是技能线：详细讲解了ChatGPT、文心一格、Midjourney的使用方法，以及3种AI短视频生成方法—文本生视频、图片生视频和视频生视频。
前端开发主流框架整理推荐
GIS摆渡人
04-19 2932
文章目录一.简介二.Vue方向web端主流技术方案：移动端小程序端技术方案三.React方向web端主流技术方案：移动端小程序端技术方案四.Angular方向web端主流技术方案：移动小程序端技术方案其他 一.简介 随着市场的不断发展壮大以及js这门语言的不断完善发展，前端开发这个岗位也变得复杂多样，各式各样的开源框架层出不穷，现在的前端不仅仅能够开发各种PC页面、H5页面、同时也包含小程序开发、移动App开发、甚至是桌面应用的开发。(前端真吃香，但是也是一个苦逼的职业0.0，哎!) 然而一个人的精力怎么也
开源项目-完整开源BBS论坛网站纯前端.zip
04-07
前端源码,html+js+css,bbs,论坛模板。BBS前端效果相对还行，各方面的功能都有，可以参考学习下。方便你我他
前端开发应知网站(强烈推荐！)
qq_29096307的博客
06-09 3147
文章目录 一、搜索技巧 二、接下来笔者与大家分享一下我个人积累的网站： 1.基础学习类网站 2.开发文档类网站 3.解决开发难点类网站【各种库，插件，开源网站介绍】 4.想要实现快速开发不可不知的 5.各种功能网站 6.在线工具 7.开发人员应知技术 8.前端UI组件库 9.刷题 10.代码托管平台 11.社区类 12.项目合作 13.新闻资讯类 14.书籍类 15.学习网站 16.应聘网站 17.休闲网站 18.extra 三、遇到问题的解决办法 一、搜索技巧 建议学习一下这个搜索技巧。 搜索技巧：htt
【开题报告】基于django+vue考研论坛网站(论文+源码) 计算机毕业设计
最新发布
林夕django毕设
09-13 969
在这一过程中，信息的获取与交流显得尤为重要。本研究的意义在于，一方面，通过整合线上线下资源，构建一个集信息查询、资料分享、互动交流于一体的综合性考研论坛平台，为考研学子提供更加全面、及时、准确的备考信息，助力其高效备考；通过实现这些功能，旨在解决考研学子在备考过程中面临的信息获取难、交流渠道不畅等问题，提高备考效率，增强备考信心，同时，也为广大考研学子提供一个展示自我、相互学习的平台，促进考研文化的传播与发展。2024年05月：修改论文，完成定稿，软件功能全部实现、测试、界面美化，上交论文资料，参加答辩。
学习前端开发常用网站网址及介绍（全部开源、免费,链接直达）
刺心的博客
05-09 1505
在开发的时候，想记住所有的单词基本是不可能的，所以就需要进入文档，只要理清需求能做出来，就很不差了！！ 1.百度，俗称度娘，有不懂的就问百度，有问必答，跳转 2.百度翻译，不懂的单词，复制粘贴就懂了，跳转 3.微信小程序开发文档，跳转 4.微信公众平台，跳转 5.我的 CSDN 博客主页，跳转 6.菜鸟教程，里面有超级多的开发教程，跳转 7.W3C 教程，里面有超级多的开发教程，跳转 8.VUE 官方文档，跳转 9.阮一峰老师的 E6 入门教程，跳转 10.React 官方文档， Rea
web前端项目实例网站_推荐一个前端开源项目 CDN网站
weixin_39835991的博客
11-24 2551
前面学习到什么是CDN，全称是Content Delivery Network，即内容分发网络。CDN的通俗理解就是网站加速，CPU均衡负载。CDN的基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定，其目的是使用户可就近取得所需内容，解决Internet网络拥挤的状况，提高用户访问网站的响应速度。今天要推荐一款稳定、快速、免费的前端开源项目...
前端开发常用的官方网站
syyangg的博客
11-11 1495
前端开发常用的官方网站
超全 前端开发6811个小图标
10-15
网页小图标素材 ==================================...前端开发6811个小图标 如果你是做前端开发的 下载就对了 推荐资源： 前端开发上千张高清 质感 透明 无损大图 http://download.csdn.net/detail/kly377/6395805
1500个前端开发常用JavaScript特效
04-24
JavaScript是前端开发中不可或缺的一部分，尤其对于创建交互性和动态效果来说更是如此。"1500个前端开发常用JavaScript特效"这个资源集包含了大量实践性的示例，旨在帮助开发者提升项目中的用户体验。以下是对这些...
推荐六本前端开发必看的书籍
AIGC大前端小王子
03-10 6926
推荐六本前端开发必看的书籍
【工具推荐】常用前端开源静态网站推荐
Code Metaverse
06-02 3636
作为技术人，谁不想拥有一个自己的网站的呢？一般市面上成熟的个人博客产品，比如wordpress，缺点是太重了。太重的代价就是服务器配置不高就会比较卡，但是静态网站就没有这个问题，经过build出来的网页文件，可以放在任何地方，包括Github Pages、web服务器、CDN，服务器的成本一下子就省下来了。https://www.gatsbyjs.com/Gatsby 使开发人员能够使用基于 React 的框架和创新的数据层构建快速、安全且功能强大的网站，这使得将不同的内容、API 和服务集成到一个 Web
【前端项目资源网站】—— 你想要的都有
做笔记/记录遇到的前端bug
12-25 3104
你是否还在为你前端页面的设计而发愁？本文包括许多对前端页面搭建有帮助的使用网站，从搭建页面时需要的各类项目参考，到页面美化时需要的精美插图、优雅图标，再到实现交互功能时能用到的 Button效果、阴影效果、过度动画、进场动画等
前端开发者必备的代码开源平台
a158559681的博客
04-14 1219
作为一个前端开发者，写代码处理BUG是日常，我们可以通过去看一些大神的代码来学习大神的思路，今天小千就来给大家介绍几个国内可以访问的开源代码平台，记得收藏转发哦~ 1、GitHub 这个就不用多说了，程序员都知道。全球知名开发者空间,聚集了超过两千万的程序员在这里一起工作，探讨代码，管理项目。 2、gitee 相当于是中文版的GitHub，使用GitHub时，国内的用户经常遇到的问题是访问速度太慢，有时候还会出现无法连接的情况（原因你懂的）。如果我们希望体验Git飞一般的速度，可以使用国内的Git托管服务
87个前端必备开发网站
qq_40920553的博客
12-24 3233
前端必备开发网站 一行代码搞定bug监控：https://www.fundebug.com/?tdsourcetag=s_pcqq_aiomsg web开发人员必备工具包（实现快速敲代码）:https://docs.emmet.io/ 让代码提交的时候先执行一次代码，如果有报错不让提交：www.npmjs.com/package/eslint-config-airbnb 阿里巴巴图标库：http......
前端开发网站推荐
weixin_44954172的博客
12-14 512
有待跟新… 1.MDN开发者文档网址:https://developer.mozilla.org/zh-CN/ 2.CSS教程:https://www.schoolw3c.com/html-css/css/ 3.node中文网:http://cnodejs.org/getstart 4.JavaScript教程网：https://zh.javascript.info/ 5.web开发人员必备工具包...
前端开发常用网站
fengGer的博客
04-06 2091
一、基础学习类网站 MDN开发者文档：https://developer.mozilla.org/zh-CN/ 菜鸟教程：https://www.runoob.com/ W3CSchool：http://www.w3school.com.cn/ JavaScript教程网：https://zh.javascript.info/ 谷歌开发者工具教程：https://developers.google...
作为一名前端开发者，你有必要知道这些项目资源！
weixin_30922589的博客
03-30 3512
原创 2017-03-29 web小二 web前端开发 Take control of your own desting. 命运掌握在自己手上。 前面跟大家分享了一期《这些优质的资源网站，你知道多少呀？》里面主要分享了电子图书，图片资源，一些找资源的搜索引擎站点，今天再跟大家分享一期前端开发者们，必去的一些资源站点，里面主要以网站源码项目的下载为主。非常酷的资...
助力前端开发的 5 个实用网站
kaiyuanzhidian的博客
12-27 1223
近年来，越来越多的人开始对前端技术感兴趣。然而前端领域的技术日新月异，如何快速从前端小白进化成资深工程师，少走弯路，对于一些刚入门的小伙伴是一个比较大的挑战，这也是本篇文章想要帮助解决的问题。 本文下方会列出有助于前端学习、实践、工作的 5 个实用网站，来帮助前端工程师更好的成长。 https://codepen.io/ CodePen 是一个以代码编辑器为主要功能的网站。 在该网站，用户可以创建、管理自己的 Pen 或者 Project。网站也同时提供了极其方便的 JS 库引入功能，你可以直接
十大免费前端开发工具推荐：从GridGuide到CodePen
"本文介绍了十个免费的web前端开发工具，包括GridGuide、Foundation和CodePen等，这些工具能够帮助开发者高效地构建和优化网站，提升开发效率。" 在Web前端开发领域，工具的选择对于提高开发效率和创建高质量的网站...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值