开发百宝箱

# 友情链接

George Chan

让我给你讲讲他的传奇故事吧

butcher2000

即使再小的帆，也能远航

Evan's blog

前端的小学生

二丫讲梵

💻学习📝记录🔗分享

Weibw

一个没有梦想的咸鱼

Java 全栈知识体系

Java 全栈知识体系

风祈的时光录

主要是Java技术栈的博客，比较偏原理，源码类型的博主

xustudyxu

一起学习编程!

- name: George Chan
  desc: 让我给你讲讲他的传奇故事吧
  avatar: https://z3.ax1x.com/2021/09/30/4oKMVI.jpg
  link: https://cyc0819.top/
  bgColor: '#FFB6C1'
  textColor: '#621529'  
  
- name: butcher2000
  desc: 即使再小的帆，也能远航
  avatar: https://cdn.jsdelivr.net/gh/Kele-Bingtang/static/user/20211029181901.png
  link: https://blog.csdn.net/weixin_46827107
  bgColor: '#CBEAFA'
  textColor: '#6854A1'
  
- name: Evan's blog
  desc: 前端的小学生
  avatar: https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200103123203.jpg
  link: https://xugaoyi.com/
  bgColor: '#B9D59C'
  textColor: '#3B551F'

- name: 二丫讲梵
  desc: 💻学习📝记录🔗分享
  avatar: https://wiki.eryajf.net/img/logo.png
  link: https://wiki.eryajf.net/
  bgColor: '#FBEBEC'
  textColor: '#603420'

- name: Weibw
  desc: 一个没有梦想的咸鱼
  avatar: https://cdn.jsdelivr.net/gh/Weibw162/image-hosting@dev/%E6%9D%82%E5%BD%95/image.735febsv1zo0.webp
  link: http://weibw162.com/
  bgColor: '#FFCEDE'
  textColor: '#621529'
  
- name: Java 全栈知识体系
  desc: Java 全栈知识体系
  avatar: https://www.pdai.tech/_images/index-read.gif
  link: https://www.pdai.tech/
  bgColor: '#FCDBA0'
  textColor: '#A05F2C'
  
- name: 风祈的时光录
  desc: 主要是Java技术栈的博客，比较偏原理，源码类型的博主
  avatar: https://npm.elemecdn.com/lql_static@latest/avatar/1.jpg
  link: https://imlql.cn/
  bgColor: '#FFEFE2'
  textColor: '#A05F2C'

- name: xustudyxu
  desc: 一起学习编程!
  avatar: https://cdn.jsdelivr.net/gh/xustudyxu/image-hosting@master/20220423/01.3d9wrma6qlq0.webp
  link: https://frxcat.fun/
  bgColor: '#CBEAFA'

# 搜索引擎

百度

百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司

Google

全球最大的搜索引擎公司

Bing

微软公司推出的用以取代Live Search的搜索引擎

# 代码托管

Github

GitHub是一个面向开源及私有软件项目的托管平台

Gitee

开源中国旗下的代码托管平台：码云

Vercel

Vercel 是前端框架和静态站点的平台，旨在与您的无头内容、商业或数据库集成

Coding

一站式 DevOps，提升研发效能

# 前端开发

Vue & UI

Vue

渐进式 JavaScript 框架

Element-UI

Element，一套为开发者、设计师和产品经理准备的基于 Vue 的桌面端组件库

Ant Design Vue

Vue UI 之 Ant Design Vue，蚂蚁金服的 Vue 框架

View UI

View UI 是一套基于 Vue.js 的高质量UI 组件库

Vant

轻量、可靠的移动端 Vue 组件库

React & UI

React

用于构建用户界面的 JavaScript 库

Ant Design

React 开箱即用的中台前端/设计解决方案

Ant Design Vue

最流行的前端框架 bootstrap，为 React 适配

MATERIAL-UI

View UI 是一套基于 Vue.js 的高质量UI 组件库

Vant

轻量、可靠的移动端 Vue 组件库

效果组件

Animate.css

Swiper

mescroll

下拉刷新和上拉加载框架-基于原生JS

工具类

Lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库

Day.js

Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间

Timeago.js

相对时间，如N小时前

Apache ECharts

一个基于 JavaScript 的开源可视化图表库

Meditor.md

开源在线 Markdown 编辑器

validator.js

表单验证库

其他

BootStrap

简洁、直观、强悍的前端开发框架，让web开发更迅速、简单

NPM

NodeJS 包管理文档

AngularJS

AngularJS是一款优秀的前端JS框架

Electron

Electron 是一个赋力前端进行跨平台开发的框架,让开发人员使用 JavaScript，HTML 和 CSS 等前端技术构建跨平台的桌面应用

can i use

前端常用网站了,查看不同属性和方法的兼容性

# 后端开发

Spring

Spring框架是一个开放源代码的J2EE应用程序框架

MyBatis

MyBatis 是一款优秀的持久层框架，它支持定制化 SQL、存储过程以及高级映射

MyBatis Plus

MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生

Maven

Maven 仓库检索，非常常用

Gradle

基于Apache Ant和Apache Maven概念的项目自动化构建开源工具

# 文档工具

VuePress

Vue 驱动的静态网站生成器，本项目就是使用VuePress开发的

vuepress-theme-vdoing

🚀一款简洁高效的 VuePress 知识管理&博客主题

Hexo

快速、简洁且高效的博客框架

语雀

新一代云端知识库，个人笔记与知识创作，团队协同与知识沉淀

Gitbook

一个先进可定制的文档格式工具

Docsify

一个神奇的文档网站生成工具

# 热门社区

CDSN

中国专业IT社区CSDN

博客园

开发者的网上家园

OSChina

中国最大的开源技术社区

饭否

中国领先的开发者技术社区

掘金

掘金是一个帮助开发者成长的社区，是一个面向互联网技术人的内容分享平台

Linux公社

Linux系统门户网站

IBM 开发者

IBM开发者社区

简书

简书是一个优质的创作社区,在这里,你可以任性地创作,一篇短文、一张照片、一首诗、一幅画……我们相信,每个人都是生活中的艺术家,有着无穷的创造力

stack overflow

Stack Overflow是最大、最值得信赖的在线社区，供开发人员学习、分享编程知识和建立职业生涯

码力全开资源库

很全很强大，独立开发者/设计干货/优质利器/工具资源

InfoQ

在新陈代谢旺盛的前端领域，帮助开发者把握前端未来的方向，关注科技企业的前端实践，在这里看到前端的远端

# 工具合集

菜鸟工具

菜鸟教程提供的工具集

工具

开源中国在线工具

Tool工具箱

程序员的工具箱

脚本之家

脚本之家旗下的工具箱

W3Cschool

W3Cschool旗下的工具箱

Gitee开源

Gitee 开源项目推荐列表

云转换

在线转化压缩包、字体、图片、视频、电子书

# 文档教程

菜鸟教程

菜鸟教程集合

w3cschool

w3cschool主要为初学者技术的人员提供在线学习教程和日常技术资料查询服务

w3cschool

W3School 是因特网上最大的 WEB 开发者资源，其中包括全面的教程、完善的参考手册以及庞大的代码库

MDN

源于开发者，服务开发者

JavaPoint

The Best Portal to Learn Technologies

# 动态图表

Echarts

百度开发的可定制的数据可视化图表，已经捐给Apache

AntV

蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践

D3

用动态图形显示数据的JavaScript库

ThreeJs

运行在浏览器中的3D 引擎

HighCharts

兼容 IE6+、支持移动端、图表类型丰富的HTML5交互性图表库

ChartJs

基于 HTML5 的 JavaScript 图表库

FlotCharts

基于jQuery的Charts，Grafana就是用的它

# 图片图标

fonta Wesome

完美的图标字体库

Squoosh

谷歌出品在线免费图片压缩工具神器

智图

腾讯出品，在线图片压缩，支持转成 webP 处理静态图片时候很好用

Picdiet

Picdiet是一款在线批量压缩图片神器，它不需要后端服务器或者API的支持，仅通过你的浏览器来压缩图片大小，这意味着它压缩图片极快并且不会导致隐私或敏感图片泄漏

Bgremover

在线图片去底工具

Photopea

网页版本 Photoshop，非常强大

Iconfont

阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用

Css Icon

所有的 icon 都是纯 css 画的缺点：icon 不够多

# CSS样式

SAAS

Sass 是成熟、稳定、强大的 CSS 扩展语言

Stylus

富于表现力、动态的、健壮的 CSS

Less

给 CSS 加点料

CSS riangle

帮你快速用 css 做出三角形

CSS Arrow

帮你做对话框三角的

CSS Effects

图片CSS样式控制

zeplin

前端和设计师神器，有标注、Style Guide、版本管理、简单的团队协作，重点是前端不用写css 了，复制就可以了

clippy

在线帮你使用 css clip-path 做出各种形状的图形

# 网站分析

百度统计

基于百度大数据能力,实现全域数据自动化采集、融合多种模型算法,赋能企业深入分析洞察用户行为,以驱动用户运营策略优化、产品用户体验提升及全渠道归因最大化转化效果

百度资源

百度搜索面向合作伙伴的官方平台，为开发者、内容创作者、站点管理者等伙伴，提供优化工具、数据、课程、Q&A等服务，助力资源进入搜索，同时提供搜索项目合作机会，让优质资源脱颖而出

谷歌分析

收集、配置并分析您的数据,助力您覆盖最理想的受众群体

爱测速

谷歌网站测速 PageSpeed Insights - Google网页性能优化测试，全面分析提升网页加载速度与网站测试评分

BOCE

拨测-免费的域名检测工具网-网站测速-ping检测-域名污染-域名被墙-dns查询-IPv6网站测试-路由跟踪查询-劫持检测

# 其它资源

astexplorer

一个在线 ast 生成器

30 seconds of code

收集了许多有用的代码小片段

jex

正则可视化网站，配合上面的 Regular Expressions，写正则方便很多

jsfiddle

在线运行代码网站很不错，可惜要翻墙

codepan

在线运行代码网站不用翻墙，可以自己部署

fiddle.md

一个方便的在线共享 markdown 在线笔试题一般都用这个

jsdelivr

unpkg

常用的 cdn 服务

coderpad

远程面试的神器，可以让面试者远程写代码不过需要翻墙

icode

有赞团队出品的 coderpad 可以互补，它不需要翻墙

codeadvice

又一个让面试者远程写代码的网址

snipper

一个代码协同的网站。你新建一个代码片段，然后把网址分享给其他人，就可以看到他们的实时编辑

codesandbox

一个可以在线编辑且提供在线 demo 的网站支持 vue react angular 多种框架神器

codrops

上面的交互都非常酷炫

bestofjs

查看一个项目增长经历，Star 数变化的网站，辅助你判断这个库的质量

# 参考来源

https://www.pdai.tech/md/resource/tools.html

上次更新: 2022/06/17, 02:41:44

导航-技术社区→

01
图解Git 05-10

02
关于 - 网站错误反馈 05-10

03
关于 - 赞赏❤️的用途 05-10

更多文章>

Nickname

Email

Website

0/500

OωO
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
（╯‵□′）╯︵┴─┴
￣﹃￣
(/ω＼)
∠( ᐛ 」∠)＿
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ｀)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ(￣∇￣o)
ヾ(´･･｀｡)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò｡)
Σ(っ °Д °;)っ
( ,,´･ω･)ﾉ"(´っω･｀｡)
╮(╯▽╰)╭
o(*////▽////*)q
＞﹏＜
( ๑´•ω•) "(ㆆᴗㆆ)

颜文字
Emoji
Bilibili

0 comments

No comment