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

前端网站分享

- - - HTML
    - - HTML开发手册
      - HTML5元素周期表
      - HTML5 源码之家
      - 文字快速转HTML表格工具
      - CSS、HTML笔记
      - 张鑫旭flex布局
      - flex布局经典游戏（flexbox froggy）
      - 手机屏幕尺寸大全
    - CSS
    - - CSS技巧
      - CSS特效
      - CSS阴影代码生成器
      - Animate.css动画演示
      - CSS各种样式美化
      - Less 快速入门
      - 在线CSS中文文档
      - 11个Html和CSS 动态免费代码
      - CSS中的贝塞尔曲线调试工具
    - JS
    - - CDN在线资源
      - js 教程(英文版)
      - 码农教程
      - MDN JS 学习（最爱的前端网站）
      - JS资源（一个很棒的个人网页）
      - 问答变成资料库
      - 阮一峰 JavaScript 的基本语法
      - 阮一峰 ES6 入门
      - 廖雪峰发官方网站（JavaScript很好的教程）
      - 现代JavaScript教程
    - 博客/社区
    - - CSDN博客
      - Segmentfault(思否)
      - 印记中文
      - 鱼C工作室
      - 极客帮
      - 写一些单页面的demo用这个
      - 写一些项目用这个
      - 阮一峰的网络日志——开发者手册
      - 产品大牛网（里面有很多原型可以学习）
      - 知乎
      - 一站式开发者成长社区
      - 纯源码解析博客
      - MDN官网（前端必用，帮助很大）
      - 掘金网（很多大牛每天更新日志）
      - 异步社区（致力于优质IT知识的出版和分享）
      - 图灵社区
      - 腾讯云(各种文档的集合)
      - 老李前端文档
      - GitHub电子书
    - node.js
    - - npmjs
      - node.js 官网
      - axios(易用、简洁且高效的http库)
      - eslint (webpack配置/js语法检查)
      - babel(webpack配置网站、一个js编译器)
      - TypeScript 中文网
    - 国外技术网站
    - - AlteredQualia
      - CodePen
      - Stack Overflow
      - Hacker News Digest
      - Learn to code at home（free code camp）
      - MDN官网（前端必用，帮助很大）
    - 国内网站
    - - 菜鸟教程
      - jQuery 插件库
      - jQuery API
      - Ant Design UI 库
      - 专业的技术性文章网站
      - 首推B站（无广告，全免费）
    - 刷题
    - - 大前端面试题库
      - 大厂面试每日一题
      - 牛客网（做题，找工作）
      - Codewars刷题网站
      - 力扣做题
      - 赛码
      - github前端开源3000+道面试题项目
    - 代码仓库
    - - GitHub
      - Gitee 码云
    - 谷歌插件
    - - 谷歌插件库
      - Fe-Helper(格式化JSON文件)
      - 谷歌浏览器背景插件
      - Fatkun 图片批量下载插件
      - replaceGoogleCDN
      - wappalyzer(打开可以看到所有的技术栈)
      - global speed 缩减视频广告时间
      - AdGuard 让你百度无广告
      - Infinity 把喜欢的网页放在新标签页
      - Web Paint 在网页上作画
      - super copy 超级复制
    - 框架
    - - bootcdn前端开源代码
      - zepto 轻量级的针对现代高级浏览器的JavaScript库
      - lodash JavaScript函数库
      - Ramda JavaScript函数库
      - React 中的 react-router-dom
      - React 中的 Material-UI
      - Swiper(轮播图)
      - mockjs(模拟数据)
      - React 中的 And-design(PC)
      - React 中的 And-design(移动端)
      - Vue3 内容汇总
      - VeeValidate (Vue 表单校验)
      - vue-lazyload(Vue 图片懒加载)
    - 免费API
    - - D云API
      - UomgAPI
    - 图片
    - - GIF 截图网站（很好用）
      - 免费图床(可以存储自己喜欢的图片在里面)
      - 轻便截图工具Snipaste（简单好用）
      - 国外的配色网站
      - 这7个图片网站下载免费：
      - 清新、简约壁纸网站
      - 车桌面(动态壁纸网站)
      - 图片格式转 icon 格式
      - 免费图床（图床：一般是指储存图片的服务器，有国内和国外之分。）
      - 图片压缩工具
      - 网站素材图片
      - 阿里矢量图标库
      - 字体图标网站
      - 消除图片中的背景
    - 其它
    - - 前端学习路线图
      - 中文字体Unicode编码
      - 前端各种软件工具下载
      - 前端学习路线
      - IT教程吧
      - 网站收藏工具（专门收藏网站的）
      - Typora（一款轻便的markdown编辑器）
      - Vnote（更懂程序员和Markdown的一个笔记软件）
      - Xmind（一款免费的思维导图编辑器）
      - QCSDN 源码购买
      - PHP中文网（很多工具下载）
      - 草料（二维码生成器）
      - 在线PS
      - PS 切图工具
      - 免费接口
      - Axure Rp (快速网站原型设计工具)
      - 蓝湖（高效的产品设计协作平台）
      - 禅道（测试人员查找bug分发给前后端）
      - Git Community Book 中文版

HTML

HTML开发手册

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

HTML5元素周期表

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

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

HTML5 源码之家

https://www.mycodes/162/

文字快速转HTML表格工具

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

CSS、HTML笔记

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

张鑫旭flex布局

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

flex布局经典游戏（flexbox froggy）

http://flexboxfroggy/

手机屏幕尺寸大全

https://uiiiuiii/screen/

CSS

CSS技巧

https://css-tricks/

CSS特效

https://cssfxlify.app/

CSS阴影代码生成器

https://www.cssmatic/box-shadow

Animate.css动画演示

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

CSS各种样式美化

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

Less 快速入门

https://less.bootcss/

在线CSS中文文档

http://css.cuishifeng/position.html

11个Html和CSS 动态免费代码

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

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

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

JS

CDN在线资源

https://cdnjs/

js 教程(英文版)

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

码农教程

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

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

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

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

https://wwwtofu/book/171/index.html

问答变成资料库

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

阮一峰 JavaScript 的基本语法

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

阮一峰 ES6 入门

https://es6.ruanyifeng/

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

https://www.liaoxuefeng/

现代JavaScript教程

https://zh.javascript.info/

博客/社区

CSDN博客

https://www.csdn/nav/web

Segmentfault(思否)

https://segmentfault/

印记中文

https://docschina/

鱼C工作室

https://fishc/

极客帮

https://www.infoq/

写一些单页面的demo用这个

https://codepen.io/

写一些项目用这个

https://codesandbox.io/

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

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

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

https://www.pmdaniu/explore

知乎

https://www.zhihu/

一站式开发者成长社区

http://www.cocoachina/

纯源码解析博客

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

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

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

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

https://juejin.im/frontend

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

https://www.epubit/

图灵社区

https://www.ituring/

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

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

老李前端文档

http://docs.lipeihua.vip/#/

GitHub电子书

https://github/itdevbooks/pdf#javascript

node.js

npmjs

https://www.npmjs/

node.js 官网

https://node.js/

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

http://www.axios-js/

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

https://eslint.bootcss/

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

https://www.babeljs/

TypeScript 中文网

https://www.tslang/index.html

国外技术网站

AlteredQualia

https://alteredqualia/

CodePen

https://codepen.io/

Stack Overflow

https://insights.stackoverflow/trends

Hacker News Digest

http://hackernews.betacat.io/

Learn to code at home（free code camp）

https://www.freecodecamp/

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

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

国内网站

菜鸟教程

https://www.runoob/

jQuery 插件库

https://www.jq22/

jQuery API

https://jquery.cuishifeng/

Ant Design UI 库

https://ant.design/index-cn

专业的技术性文章网站

https://coolshell/articles/19840.html

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

https://www.bilibili/

刷题

大前端面试题库

http://bigerfe/

大厂面试每日一题

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

牛客网（做题，找工作）

https://www.nowcoder/

Codewars刷题网站

https://www.codewars/

力扣做题

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

赛码

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

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

https://github/haizlin/fe-interview

代码仓库

GitHub

https://github/

Gitee 码云

https://gitee/

谷歌插件

谷歌插件库

https://chrome.pictureknow/

Fe-Helper(格式化JSON文件)

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

谷歌浏览器背景插件

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

Fatkun 图片批量下载插件

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

replaceGoogleCDN

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

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

https://www.extfans/

global speed 缩减视频广告时间

https://www.extfans/

AdGuard 让你百度无广告

https://www.extfans/

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

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

Web Paint 在网页上作画

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

super copy 超级复制

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

框架

bootcdn前端开源代码

https://www.bootcdn/

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

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

lodash JavaScript函数库

https://www.lodashjs/

Ramda JavaScript函数库

https://ramda/

React 中的 react-router-dom

https://reactrouter/

React 中的 Material-UI

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

Swiper(轮播图)

https://www.swiper/

mockjs(模拟数据)

https://www.npmjs/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/v4/

vue-lazyload(Vue 图片懒加载)

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

免费API

D云API

https://api.d5.nz/

UomgAPI

https://api.uomg/#about

图片

GIF 截图网站（很好用）

https://www.cockos/licecap/

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

https://imgtu/

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

https://www.snipaste/

国外的配色网站

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

https://colorhunt.co/

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

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

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

清新、简约壁纸网站

http://simpledesktops/

车桌面(动态壁纸网站)

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

图片格式转 icon 格式

http://www.bitbug/

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

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

图片压缩工具

大熊猫：https://tinypng/

网站素材图片

https://www.php/xiazai/sucai

阿里矢量图标库

https://www.iconfont/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/read/cv6461930

前端学习路线

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

IT教程吧

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

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

https://withpinbox/

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

https://typora.io/

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

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

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

https://www.xmind/

QCSDN 源码购买

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

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

https://www.php/

草料（二维码生成器）

https://cli.im/

在线PS

https://www.photopea

PS 切图工具

http://www.cutterman/zh/cutterman

免费接口

http://www.apishop

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

http://axure.intertechnology/

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

https://lanhuapp/

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

https://www.zentao/

Git Community Book 中文版

http://gitbook.liuhui998/index.html

—未完待续—

更多推荐