前端开发常用网站

一、基础学习类网站

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.com/web/tools/chrome-devtools?hl=zh-cn&authuser=2
Linux整体学习:https://man.linuxde.net/rm
渐进式web应用程序核对表:https://developers.google.cn/web/progressive-web-apps/checklist
开发者中心: https://dev.dcloud.net.cn/
CSS参考笔记:http://css.doyoe.com/
Bootstrap官网:https://www.bootcss.com/
CSS优质内容网站:https://css-tricks.com/
CSS 优质内容网站:https://css-weekly.com/
HTML 优质内容网站:https://www.html5rocks.com/en/
JS 优质内容:http://www.echojs.com/
移动端 Web 开发:https://mobiledevweekly.com/

二、开发文档(UI组件库)类网站

上传文件转进制的formData: https://developer.mozilla.org/zh-CN/docs/Web/API/FormData
art-template模板引擎:https://aui.github.io/art-template/zh-cn/docs/
ejs模板引擎:https://ejs.bootcss.com/
ES6入门(阮一峰大佬的):http://es6.ruanyifeng.com/
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/
百度地图开发者平台:https://passport.baidu.com
DvaJS:https://dvajs.com/
jQuery官网:https://jquery.com/
jQuery API中文文档【在线手册】:http://jquery.cuishifeng.cn/
ZeptoJS官网:https://zeptojs.com/
cheerioJS安装地址:https://www.npmjs.com/package/cheerio
RequireJS官网:https://requirejs.org/
Sass官网(CSS预处理器,通过编程的方式来开发CSS):https://sass-lang.com/
Less官网(同上):http://lesscss.org/
Less中文官网:https://less.bootcss.com/
Socket通信:https://socket.io/
JSONPlaceholder:http://jsonplaceholder.typicode.com/
前端开发者手册【gitbook】:https://leohxj.gitbooks.io/front-end-database/index.html
gitbook: https://legacy.gitbook.com/
各种语言的书:https://www.laojiyou.com/
各种书籍:https://www.sitepoint.com/
各种书籍文章:https://www.smashingmagazine.com/
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/

三、解决开发难点类网站【各种库,插件,开源网站介绍】

让代码提交的时候先执行一次代码,如果有报错不让提交:www.npmjs.com/package/eslint-config-airbnb
验证正则表达式的可视化工具:https://regexper.com/
开源、免费、企业级CMS系统:https://www.siteserver.cn/
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
蚂蚁数据可视化:http://antv.alipay.com/zh-cn/index.html
热力图插件:https://www.patrick-wied.at/static/heatmapjs/
视频监控直播的插件VLC:https://www.videolan.org/
直播软件开发:http://www.nodemedia.cn/
网易云信:https://netease.im/
聊天开放软件:https://www.oschina.net/p/keybase
有道翻译API:http://fanyi.youdao.com/openapi?path=data-mode
游戏开发:http://phaser.io/
AI接口:https://cloud.tencent.com/act/event/aiAllFree?fromcampus
babel(将ES6代码转为ES5代码):https://babeljs.io/
处理时间与日期的JS库:http://momentjs.cn/
Lodash:https://www.lodashjs.com/
你可能不需要jQuery:http://youmightnotneedjquery.com/
云小蜜智能机器人API:https://help.aliyun.com/product/59495.html?spm=a2c4g.11186623.3.1.7dad1b005dRM5F
易万维源接口:https://www.showapi.com/api/apiList
短信验证码接口:https://www.mysubmail.com/sms/api?tag=jq22
榛子短信验证码接口: http://smsow.zhenzikj.com/
草料二维码生成器:https://cli.im/
二维码
RAP2假数据接口:http://rap2.taobao.org/
可扒的真实电商数据:http://www.xiongmaoyouxuan.com/#/
易文档接口:https://easydoc.xyz - - 感谢旅行呱大佬帮助我们丰富资源,他的CSDN主页为:https://me.csdn.net/atsoar
免费接口:http://www.bejson.com/knownjson/webInterface/
假数据接口(测试用):http://jsonplaceholder.typicode.com/
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
百度前端技术学院 — 前端开发项目库:http://ife.baidu.com/
项目中常用插件:https://blog.csdn.net/weixin_43606158/article/details/90136700
滚动懒加载的better-scroll:https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/
css rest:http://nec.netease.com/framework/css-reset.html

四、实现快速开发不可不知的网站

一行代码搞定bug监控:https://www.fundebug.com/?tdsourcetag=s_pcqq_aiomsg
web开发人员必备工具包(实现快速敲代码):https://docs.emmet.io/
VScode快捷键介绍:https://www.cnblogs.com/bindong/p/6045957.html
编辑器使用技巧:https://blog.csdn.net/weixin_43606158/category_8999888.html

五、在线工具

在线开发工具:https://tool.lu/c/developer
在线编辑器:https://codesandbox.io/
在线做图【ProcessOn 支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图】:https://www.processon.com/
在线存放图片的地址:https://sm.ms/
代码变漂亮图片:https://carbon.now.sh

六、功能网站

阿里巴巴图标库: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.makefont.com/
免费设计图,有很多:https://www.chuangkit.com/designtools/designindex
图片试别转换各种格式,有很多,只列举了一个:https://zhcn.109876543210.com/
小表情的emoji:https://emojipedia.org/
chrome网上商店:https://chrome.google.com/webstore/search/console%20importer?hl=zh-CN
SEO综合查询:http://seo.chinaz.com/
谷歌开发者工具箱:https://developers.google.com/web/tools/workbox

七、学习类网站

妙味课堂:https://miaov.com/
慕课网:https://www.imooc.com/
网易云课堂:https://study.163.com/
中国大学MOOC:https://www.icourse163.org/
tutorialspoint:https://www.tutorialspoint.com/index.htm
html中文网:https://www.html.cn/
hCoder:http://www.hcoder.net/
扣丁学堂:http://www.codingke.com/
开课吧: https://www.kaikeba.com/

希望可以帮助到爱学习的人…

参考:https://blog.csdn.net/weixin_43606158/article/details/91164392

  • 0
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值