前端网站分享
- <font color = "#008c8c"> HTML
- <font color = "#008c8c">CSS
- <font color = "#008c8c">CSS技巧
- <font color = "#008c8c">CSS特效
- <font color = "#008c8c">CSS阴影代码生成器
- <font color = "#008c8c">Animate.css动画演示
- <font color = "#008c8c">CSS各种样式美化
- <font color = "#008c8c">Less 快速入门
- <font color = "#008c8c">在线CSS中文文档
- <font color = "#008c8c">11个Html和CSS 动态免费代码
- <font color = "#008c8c">CSS中的贝塞尔曲线调试工具
- <font color = "#008c8c">JS
- <font color = "#008c8c">CDN在线资源
- <font color = "#008c8c">js 教程(英文版)
- <font color = "#008c8c">码农教程
- <font color = "#008c8c">MDN JS 学习(最爱的前端网站)
- <font color = "#008c8c">JS资源(一个很棒的个人网页)
- <font color = "#008c8c">问答变成资料库
- <font color = "#008c8c">阮一峰 JavaScript 的基本语法
- <font color = "#008c8c">阮一峰 ES6 入门
- <font color = "#008c8c">廖雪峰发官方网站(JavaScript很好的教程)
- <font color = "#008c8c">现代JavaScript教程
- <font color = "#008c8c">博客/社区
- <font color = "#008c8c">CSDN博客
- <font color = "#008c8c">Segmentfault(思否)
- <font color = "#008c8c">印记中文
- <font color = "#008c8c">鱼C工作室
- <font color = "#008c8c">极客帮
- <font color = "#008c8c">写一些单页面的demo用这个
- <font color = "#008c8c">写一些项目用这个
- <font color = "#008c8c">阮一峰的网络日志——开发者手册
- <font color = "#008c8c">产品大牛网(里面有很多原型可以学习)
- <font color = "#008c8c">知乎
- <font color = "#008c8c">一站式开发者成长社区
- <font color = "#008c8c">纯源码解析博客
- <font color = "#008c8c">MDN官网(前端必用,帮助很大)
- <font color = "#008c8c">掘金网(很多大牛每天更新日志)
- <font color = "#008c8c">异步社区(致力于优质IT知识的出版和分享)
- <font color = "#008c8c">图灵社区
- <font color = "#008c8c">腾讯云(各种文档的集合)
- <font color = "#008c8c">GitHub电子书
- <font color = "#008c8c">node.js
- <font color = "#008c8c">国外技术网站
- <font color = "#008c8c">国内网站
- <font color = "#008c8c">刷题
- <font color = "#008c8c">代码仓库
- <font color = "#008c8c">谷歌插件
- <font color = "#008c8c">谷歌插件库
- <font color = "#008c8c">Fe-Helper(格式化JSON文件)
- <font color = "#008c8c">谷歌浏览器背景插件
- <font color = "#008c8c">Fatkun 图片批量下载插件
- <font color = "#008c8c">replaceGoogleCDN
- <font color = "#008c8c">wappalyzer(打开可以看到所有的技术栈)
- <font color = "#008c8c">global speed 缩减视频广告时间
- <font color = "#008c8c">AdGuard 让你百度无广告
- <font color = "#008c8c">Infinity 把喜欢的网页放在新标签页
- <font color = "#008c8c">Web Paint 在网页上作画
- <font color = "#008c8c">super copy 超级复制
- <font color = "#008c8c">框架
- <font color = "#008c8c">bootcdn前端开源代码
- <font color = "#008c8c">zepto 轻量级的针对现代高级浏览器的JavaScript库
- <font color = "#008c8c">lodash JavaScript函数库
- <font color = "#008c8c">Ramda JavaScript函数库
- <font color = "#008c8c">React 中的 react-router-dom
- <font color = "#008c8c">React 中的 Material-UI
- <font color = "#008c8c">Swiper(轮播图)
- <font color = "#008c8c">mockjs(模拟数据)
- <font color = "#008c8c">React 中的 And-design(PC)
- <font color = "#008c8c">React 中的 And-design(移动端)
- <font color = "#008c8c">Vue3 内容汇总
- <font color = "#008c8c">VeeValidate (Vue 表单校验)
- <font color = "#008c8c">vue-lazyload(Vue 图片懒加载)
- <font color = "#008c8c">免费API
- <font color = "#008c8c">图片
- <font color = "#008c8c">GIF 截图网站(很好用)
- <font color = "#008c8c">免费图床(可以存储自己喜欢的图片在里面)
- <font color = "#008c8c">轻便截图工具Snipaste(简单好用)
- <font color = "#008c8c">国外的配色网站
- <font color = "#008c8c">这7个图片网站下载免费:
- <font color = "#008c8c">清新、简约壁纸网站
- <font color = "#008c8c">车桌面(动态壁纸网站)
- <font color = "#008c8c">图片格式转 icon 格式
- <font color = "#008c8c">免费图床(图床:一般是指储存图片的服务器,有国内和国外之分。)
- <font color = "#008c8c">图片压缩工具
- <font color = "#008c8c">网站素材图片
- <font color = "#008c8c">阿里矢量图标库
- <font color = "#008c8c">字体图标网站
- <font color = "#008c8c">消除图片中的背景
- <font color = "#008c8c">其它
- <font color = "#008c8c">前端学习路线图
- <font color = "#008c8c">中文字体Unicode编码
- <font color = "#008c8c">前端各种软件工具下载
- <font color = "#008c8c">前端学习路线
- <font color = "#008c8c">IT教程吧
- <font color = "#008c8c">网站收藏工具(专门收藏网站的)
- <font color = "#008c8c">Typora(一款轻便的markdown编辑器)
- <font color = "#008c8c">Vnote(更懂程序员和Markdown的一个笔记软件)
- <font color = "#008c8c">Xmind(一款免费的思维导图编辑器)
- <font color = "#008c8c">QCSDN 源码购买
- <font color = "#008c8c">PHP中文网(很多工具下载)
- <font color = "#008c8c">草料(二维码生成器)
- <font color = "#008c8c">在线PS
- <font color = "#008c8c">PS 切图工具
- <font color = "#008c8c">免费接口
- <font color = "#008c8c">Axure Rp (快速网站原型设计工具)
- <font color = "#008c8c">蓝湖(高效的产品设计协作平台)
- <font color = "#008c8c">禅道(测试人员查找bug分发给前后端)
- <font color = "#008c8c">Git Community Book 中文版
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 源码之家
文字快速转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)
手机屏幕尺寸大全
CSS
CSS技巧
CSS特效
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 快速入门
在线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在线资源
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 入门
廖雪峰发官方网站(JavaScript很好的教程)
现代JavaScript教程
博客/社区
CSDN博客
Segmentfault(思否)
印记中文
鱼C工作室
极客帮
写一些单页面的demo用这个
写一些项目用这个
阮一峰的网络日志——开发者手册
http://www.ruanyifeng.com/blog/developer/
产品大牛网(里面有很多原型可以学习)
https://www.pmdaniu.com/explore
知乎
一站式开发者成长社区
纯源码解析博客
http://www.iocoder.cn/?bilibili&av87847392
MDN官网(前端必用,帮助很大)
https://developer.mozilla.org/en-US/
掘金网(很多大牛每天更新日志)
异步社区(致力于优质IT知识的出版和分享)
图灵社区
腾讯云(各种文档的集合)
https://cloud.tencent.com/developer/doc/1052
GitHub电子书
https://github.com/itdevbooks/pdf#javascript
node.js
npmjs
node.js 官网
axios(易用、简洁且高效的http库)
eslint (webpack配置/js语法检查)
babel(webpack配置网站、一个js编译器)
TypeScript 中文网
https://www.tslang.cn/index.html
国外技术网站
AlteredQualia
CodePen
Stack Overflow
https://insights.stackoverflow.com/trends
Hacker News Digest
Learn to code at home(free code camp)
MDN官网(前端必用,帮助很大)
https://developer.mozilla.org/en-US/
国内网站
菜鸟教程
jQuery 插件库
jQuery API
Ant Design UI 库
专业的技术性文章网站
https://coolshell.cn/articles/19840.html
首推B站(无广告,全免费)
刷题
大前端面试题库
大厂面试每日一题
牛客网(做题,找工作)
Codewars刷题网站
力扣做题
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
Gitee 码云
谷歌插件
谷歌插件库
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
wappalyzer(打开可以看到所有的技术栈)
global speed 缩减视频广告时间
AdGuard 让你百度无广告
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前端开源代码
zepto 轻量级的针对现代高级浏览器的JavaScript库
http://www.wenshuai.cn/manual/zepto/
lodash JavaScript函数库
Ramda JavaScript函数库
React 中的 react-router-dom
React 中的 Material-UI
Swiper(轮播图)
mockjs(模拟数据)
https://www.npmjs.com/package/mockjs
React 中的 And-design(PC)
React 中的 And-design(移动端)
https://mobile.ant.design/index-cn
Vue3 内容汇总
VeeValidate (Vue 表单校验)
https://vee-validate.logaretm.com/v4/
vue-lazyload(Vue 图片懒加载)
https://www.npmjs.com/package/vue-lazyload
免费API
D云API
UomgAPI
图片
GIF 截图网站(很好用)
https://www.cockos.com/licecap/
免费图床(可以存储自己喜欢的图片在里面)
轻便截图工具Snipaste(简单好用)
国外的配色网站
https://www.uisdc.com/best-22-color-website
其中下面这些挑选出来的网站很不错:
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
清新、简约壁纸网站
车桌面(动态壁纸网站)
https://www.enterdesk.com/special/windows/
图片格式转 icon 格式
免费图床(图床:一般是指储存图片的服务器,有国内和国外之分。)
https://sm.ms/
https://www.picgd.com/
https://moetu.org/
图片压缩工具
网站素材图片
https://www.php.cn/xiazai/sucai
阿里矢量图标库
https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2
字体图标网站
消除图片中的背景
其它
前端学习路线图
https://objtube.gitee.io/front-end-roadmap/#/
中文字体Unicode编码
前端各种软件工具下载
https://www.bilibili.com/read/cv6461930
前端学习路线
https://objtube.gitee.io/front-end-roadmap/#/
IT教程吧
https://www.itjc8.com/forum-36-1.html
网站收藏工具(专门收藏网站的)
Typora(一款轻便的markdown编辑器)
Vnote(更懂程序员和Markdown的一个笔记软件)
https://vnote.readthedocs.io/zh_CN/latest/#
Xmind(一款免费的思维导图编辑器)
QCSDN 源码购买
http://qcsdn.com/index/order.html?id=ad2ce754-b585-4e99-87bb-9b4611442da3
PHP中文网(很多工具下载)
草料(二维码生成器)
在线PS
PS 切图工具
http://www.cutterman.cn/zh/cutterman
免费接口
Axure Rp (快速网站原型设计工具)
http://axure.intertechnology.cn/
蓝湖(高效的产品设计协作平台)
禅道(测试人员查找bug分发给前后端)
Git Community Book 中文版
http://gitbook.liuhui998.com/index.html
—未完待续—