前端必备网站（纯手工输入）

HTML

HTML开发手册

https://www.php.cn/html/html-colorvalues.html

---

HTML5元素周期表

https://www.xuanfengge.com/funny/html5/element/

http://www.html5star.com/manual/html5label-meaning/

---

HTML5 源码之家

https://www.mycodes.net/162/

---

文字快速转HTML表格工具

http://pressbin.com/tools/excel_to_html_table/index.html

---

CSS、HTML笔记

https://github.com/seven-Panda/Learning-HTML-CSS

---

张鑫旭flex布局

https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/

---

flex布局经典游戏（flexbox froggy）

http://flexboxfroggy.com/

---

手机屏幕尺寸大全

https://uiiiuiii.com/screen/

---

CSS

CSS技巧

https://css-tricks.com/

---

CSS特效

https://cssfx.netlify.app/

---

CSS阴影代码生成器

https://www.cssmatic.com/box-shadow

---

Animate.css动画演示

https://www.dowebok.com/demo/2014/98/
https://animate.style/

---

CSS各种样式美化

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

---

Less 快速入门

https://less.bootcss.com/

---

在线CSS中文文档

http://css.cuishifeng.cn/position.html

---

11个Html和CSS 动态免费代码

http://www.yinxi.net/doc/show_3201.html

---

CSS中的贝塞尔曲线调试工具

https://cubic-bezier.com/#.17,.67,.83,.67

---

JS

CDN在线资源

https://cdnjs.com/

---

js 教程(英文版)

https://www.quanzhanketang.com/js/js_htmldom.html

---

码农教程

http://www.manongjc.com/javascript/javascript_tutorial.html

---

MDN JS 学习（最爱的前端网站）

https://developer.mozilla.org/zh-CN/docs/learn/JavaScript

---

JS资源（一个很棒的个人网页）

https://www.cntofu.com/book/171/index.html

---

问答变成资料库

https://www.sou-xun.com/column/javascript.html

---

阮一峰 JavaScript 的基本语法

https://wangdoc.com/javascript/basic/grammar.html

---

阮一峰 ES6 入门

https://es6.ruanyifeng.com/

---

廖雪峰发官方网站（JavaScript很好的教程）

https://www.liaoxuefeng.com/

---

现代JavaScript教程

https://zh.javascript.info/

---

博客/社区

CSDN博客

https://www.csdn.net/nav/web

---

Segmentfault(思否)

https://segmentfault.com/

---

印记中文

https://docschina.org/

---

鱼C工作室

https://fishc.com.cn/

---

极客帮

https://www.infoq.cn/

---

写一些单页面的demo用这个

https://codepen.io/

---

写一些项目用这个

https://codesandbox.io/

---

阮一峰的网络日志——开发者手册

http://www.ruanyifeng.com/blog/developer/

---

产品大牛网（里面有很多原型可以学习）

https://www.pmdaniu.com/explore

---

知乎

https://www.zhihu.com/

---

一站式开发者成长社区

http://www.cocoachina.com/

---

纯源码解析博客

http://www.iocoder.cn/?bilibili&av87847392

---

MDN官网（前端必用，帮助很大）

https://developer.mozilla.org/en-US/

---

掘金网（很多大牛每天更新日志）

https://juejin.im/frontend

---

异步社区（致力于优质IT知识的出版和分享）

https://www.epubit.com/

---

图灵社区

https://www.ituring.com.cn/

---

腾讯云(各种文档的集合)

https://cloud.tencent.com/developer/doc/1052

---

GitHub电子书

https://github.com/itdevbooks/pdf#javascript

---

node.js

npmjs

https://www.npmjs.com/

---

node.js 官网

https://node.js.org/

---

axios(易用、简洁且高效的http库)

http://www.axios-js.com/

---

eslint (webpack配置/js语法检查)

https://eslint.bootcss.com/

---

babel(webpack配置网站、一个js编译器)

https://www.babeljs.cn/

---

TypeScript 中文网

https://www.tslang.cn/index.html

---

国外技术网站

AlteredQualia

https://alteredqualia.com/

---

CodePen

https://codepen.io/

---

Stack Overflow

https://insights.stackoverflow.com/trends

---

Hacker News Digest

http://hackernews.betacat.io/

---

Learn to code at home（free code camp）

https://www.freecodecamp.org/

---

MDN官网（前端必用，帮助很大）

https://developer.mozilla.org/en-US/

---

国内网站

菜鸟教程

https://www.runoob.com/

---

jQuery 插件库

https://www.jq22.com/

---

jQuery API

https://jquery.cuishifeng.cn/

---

Ant Design UI 库

https://ant.design/index-cn

---

专业的技术性文章网站

https://coolshell.cn/articles/19840.html

---

首推B站（无广告，全免费）

https://www.bilibili.com/

---

刷题

大前端面试题库

http://bigerfe.com/

---

大厂面试每日一题

https://q.shanyue.tech/fe/js/

---

牛客网（做题，找工作）

https://www.nowcoder.com/

---

Codewars刷题网站

https://www.codewars.com/

---

力扣做题

https://www.lintcode.com/accounts/signup/
https://leetcode-cn.com/（中文网）

---

赛码

https://exercise.acmcoder.com/comp_ques?type=0

---

github前端开源3000+道面试题项目

https://github.com/haizlin/fe-interview

---

代码仓库

GitHub

https://github.com/

---

Gitee 码云

https://gitee.com/

---

谷歌插件

谷歌插件库

https://chrome.pictureknow.com/

---

Fe-Helper(格式化JSON文件)

https://www.extfans.com/web-development/pkgccpejnmalmdinmhkkfafefagiiiad/

---

谷歌浏览器背景插件

https://www.themebeta.com/chrome-theme-creator-online.html

---

Fatkun 图片批量下载插件

https://chrome.pictureknow.com/extension?id=41ffa47fa94d4427a1025588fa549d63

---

replaceGoogleCDN

https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice/related

---

wappalyzer(打开可以看到所有的技术栈)

https://www.extfans.com/

---

global speed 缩减视频广告时间

https://www.extfans.com/

---

AdGuard 让你百度无广告

https://www.extfans.com/

---

Infinity 把喜欢的网页放在新标签页

https://www.extfans.com/search/?q=infinity

---

Web Paint 在网页上作画

https://www.extfans.com/accessibility/nadohmjilefnhjobhhlnnddplaklmnnp/download/

---

super copy 超级复制

https://www.extfans.com/accessibility/onepmapfbjohnegdmfhndpefjkppbjkm/download/

---

框架

bootcdn前端开源代码

https://www.bootcdn.cn/

---

zepto 轻量级的针对现代高级浏览器的JavaScript库

http://www.wenshuai.cn/manual/zepto/

---

lodash JavaScript函数库

https://www.lodashjs.com/

---

Ramda JavaScript函数库

https://ramda.cn/

---

React 中的 react-router-dom

https://reactrouter.com/

---

React 中的 Material-UI

https://material-ui.com/zh/#/

---

Swiper(轮播图)

https://www.swiper.com.cn/

---

mockjs(模拟数据)

https://www.npmjs.com/package/mockjs

---

React 中的 And-design(PC)

https://ant.design/index-cn

---

React 中的 And-design(移动端)

https://mobile.ant.design/index-cn

---

Vue3 内容汇总

http://xxpromise.gitee.io/vue-resource/principle/vue2/reactive/object.html#_2-%E4%BD%BFobject%E6%95%B0%E6%8D%AE%E5%8F%98%E5%BE%97-%E5%8F%AF%E8%A7%82%E6%B5%8B

---

VeeValidate (Vue 表单校验)

https://vee-validate.logaretm.com/v4/

---

vue-lazyload(Vue 图片懒加载)

https://www.npmjs.com/package/vue-lazyload

---

免费API

D云API

https://api.d5.nz/

---

UomgAPI

https://api.uomg.com/#about

---

图片

GIF 截图网站（很好用）

https://www.cockos.com/licecap/

---

免费图床(可以存储自己喜欢的图片在里面)

https://imgtu.com/

---

轻便截图工具Snipaste（简单好用）

https://www.snipaste.com/

---

国外的配色网站

https://www.uisdc.com/best-22-color-website

https://colorhunt.co/

其中下面这些挑选出来的网站很不错：
https://www.colorschemer.com/html-color-codes/
https://www.degraeve.com/color-palette/index.php (给图片地址，可以取出图片的颜色)
http://www.colortools.net/color_picker_web-safe.html
https://uigradients.com/#Virgin （渐变色网站）

---

这7个图片网站下载免费：

http://sc.chinaz.com/tupian/151216525721.htm

---

清新、简约壁纸网站

http://simpledesktops.com/

---

车桌面(动态壁纸网站)

https://www.enterdesk.com/special/windows/

---

图片格式转 icon 格式

http://www.bitbug.net/

---

免费图床（图床：一般是指储存图片的服务器，有国内和国外之分。）

https://sm.ms/
https://www.picgd.com/
https://moetu.org/

---

图片压缩工具

大熊猫：https://tinypng.com/

---

网站素材图片

https://www.php.cn/xiazai/sucai

---

阿里矢量图标库

https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

---

字体图标网站

https://www.icomoon.io

---

消除图片中的背景

https://www.remove.bg/zh

---

其它

前端学习路线图

https://objtube.gitee.io/front-end-roadmap/#/

---

中文字体Unicode编码

https://tool.lu/fontfamily/

---

前端各种软件工具下载

https://www.bilibili.com/read/cv6461930

---

前端学习路线

https://objtube.gitee.io/front-end-roadmap/#/

---

IT教程吧

https://www.itjc8.com/forum-36-1.html

---

网站收藏工具（专门收藏网站的）

https://withpinbox.com/

---

Typora（一款轻便的markdown编辑器）

https://typora.io/

---

Vnote（更懂程序员和Markdown的一个笔记软件）

https://vnote.readthedocs.io/zh_CN/latest/#

---

Xmind（一款免费的思维导图编辑器）

https://www.xmind.cn/

---

QCSDN 源码购买

http://qcsdn.com/index/order.html?id=ad2ce754-b585-4e99-87bb-9b4611442da3

---

PHP中文网（很多工具下载）

https://www.php.cn/

---

草料（二维码生成器）

https://cli.im/

---

在线PS

https://www.photopea.com

---

PS 切图工具

http://www.cutterman.cn/zh/cutterman

---

免费接口

http://www.apishop.net

---

Axure Rp (快速网站原型设计工具)

http://axure.intertechnology.cn/

---

蓝湖（高效的产品设计协作平台）

https://lanhuapp.com/

---

禅道（测试人员查找bug分发给前后端）

https://www.zentao.net/

---

Git Community Book 中文版

http://gitbook.liuhui998.com/index.html

---

—未完待续—