前端必备网站(纯手工输入)

36 篇文章 2 订阅

前端网站分享

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


—未完待续—

  • 51
    点赞
  • 319
    收藏
    觉得还不错? 一键收藏
  • 16
    评论
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值