程序员Geek资源（工具/网站）

原创已于 2025-11-14 11:23:17 修改 · 3.3k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

本文系博主原创，转载请注明原文链接：Liberg的CSDN博客

标签

#极客工具 #程序员在线工具 #提效工具 #geek资源

于 2016-07-13 14:42:28 首次发布

开发工具专栏收录该内容

8 篇文章

订阅专栏

该文章已生成可运行项目，

文章目录

常用五星推荐

代码截图美化：https://carbon.now.sh/
网页转图片：https://github.com/zumerlab/snapdom/blob/main/README_CN.md
在线工具：https://tool.lu/
图片在线压缩：tinypng.com
json格式化查看：json.cn
LaTex公式编辑：https://latex.91maths.com/
网格背景：http://gridzzly.com/
图片转base64：https://tool.jisuapi.com/pic2base64.html
图片转base64: https://www.base64-image.de/
base64格式转图片：https://tool.jisuapi.com/base642pic.html
uTools集成工具集：https://www.u.tools/
线上AI工具箱：https://letsview.cn/ai-tools
算法原理动态演示：https://visualgo.net/zh
整数数列大全：https://oeis.org/
Windows命令用法：https://learn.microsoft.com/zh-CN/windows-server/
PDF转换工具：https://tools.pdf24.org/zh/all-tools
腾讯软件中心下载地址：https://pc.qq.com/

数学计算：http://numcalc.com/
Fabrice的主页：https://bellard.org/

管理后台

若依（RuoYi）——基于SpringBoot的轻量级Java快速开发框架
演示地址：http://ruoyi.vip
文档地址：http://doc.ruoyi.vip
演示账号：admin，密码：admin123。

前端代码分享

CodePen：https://codepen.io/vainsan/pen/myJBYLp

AI

预训练基座大模型排名：https://livebench.ai/#/
腾讯元宝（AI问答）：https://yuanbao.tencent.com/
流星AI（文生图）：https://www.xingliu.art/
可灵AI（图生视频）：https://klingai.kuaishou.com/

预训练模型下载：
国外（需要科学上网）：https://huggingface.co/
国内（魔搭社区）：https://www.modelscope.cn/
在线购买GPU算力：https://www.autodl.com/home
（英伟达4090显卡目前好像是2块钱一小时）

图像识别比较出名的模型：
YOLO（You Only Look Once）：v1~v5版本，500万到750参数不等。

百度飞桨OCR识别：
https://www.paddlepaddle.org.cn/hub/scene/ocr
阿里云OCR小票识别（需要登陆阿里云账号，开通OCR识别）：
https://api.aliyun.com/api/ocr-api/2021-07-07/RecognizeShoppingReceipt?sdkStyle=dara&tab=DEBUG&params={}

PageSpy

‌PageSpy‌是由货拉拉大前端团队开源的一款用于调试H5、远程Web项目和Webview应用的工具。它能够显著提高前端开发和测试的效率，特别是在无法使用本地浏览器控制台的情况下。
‌PageSpy‌可能更适合于测试给开发反馈问题的场景。
比vConsole和eruda更强大。

前端动画相关

1.Lottie：设计师通过 AE 制作动画，导出 JSON 文件给前端，拼多多等动画使用
2.Pixi.js：轻量的 H5 动画渲染引擎
3.GSAP：强大的 H5 动画操作引擎，可轻松操作动画的每个步骤，部分效果可能需要付费
该项目同时使用了 Pixi 和 GSAP：
https://h5project.infinistudio.cn/2023/Ancient/?fr=qrcode

4.Anime.js：类似于 GSAP 但更轻量，开源，自认为更适合我们
5.Swiper：轻松书写轮播图（H5 宣传页等）
例如：http://www.swiper.com.cn/demo/festival/index.html
6. 蚂蚁团队开源的Galacean Effects（带网页版设计器）：
https://galacean.antgroup.com/effects

1.点击页面“立即体验”
2.输入邮箱接收验证码
3.进入工作台
4.工作台可以自己创建动效/进入灵感中心导入到本地

地图系列

腾讯地图经纬度查询/反查：https://lbs.qq.com/tool/getpoint/get-point.html
腾讯地图经纬度取点：https://lbs.qq.com/getPoint/
高德地图经纬度查询：
https://lbs.amap.com/tools/picker
地图取点：https://www.qvdv.net/tools/qvdv-coordinate.html

设计师系列

潘通(PANTONE)色卡C版：https://tool.nbchao.com/seka/list/7/
潘通(PANTONE)色卡U版：https://tool.nbchao.com/seka/list/6/
潘通(PANTONE)色卡TPX版：https://tool.nbchao.com/seka/list/5/

图片网站有Pexels、Pixabay、unsplash
图标网站：iconfont、flaticon、iconpark、iconfinder
插画网站：undraw、Delesign、manypixels、iradesign
背景视频网站：Mixkit、Coverr、Videezy、vivedo
PNG图片网站：Cleanpng、PNGIMG、stickPNG、觅元素

开放文档、学习资料

信息学奥赛（OI Wiki）：https://oi-wiki.org/
系统和网络安全竞赛（CTF Wiki）：https://ctf-wiki.org/
菜鸟教程：https://www.runoob.com/
菜鸟鸭教程：https://www.cainiaoya.com/index.html
MDN前端html/js/css文档：https://developer.mozilla.org/zh-CN/
SVG路径生成：http://svg.wxeditor.com
使用方法：

@keyframes move {
	100% {offset-distance: 100%;}
}
#ball {
	width: 32px;
	height: 32px;
	animation: move 5.5s linear infinite;
	offset-path: path("m119.78,137.07c7,-14 45,2 44.22,1.93c0.78,0.07 -30.22,7.07 -31,7c0.78,0.07 -20.22,5.07 -13.22,-8.93z");
	offset-rotate: 0deg;
}

测评系列

Web框架性能测评：https://www.techempower.com/benchmarks/#section=data-r19&hw=ph&test=fortune
CanIUse浏览器支持情况查询：https://caniuse.com/
国产数据库排名：https://www.modb.pro/dbRank
数据库排行：https://db-engines.com/en/ranking
网站安全性测试：https://www.ssllabs.com/ssltest/analyze.html?d=目标网站域名&latest

工作中接触到一些很好的资源，罗列如下备查：

基础数据

最新的行政区划数据&各地人口统计：http://xzqh.mca.gov.cn/defaultQuery

Android

android环境、sdk及各种资源：
http://www.androiddevtools.cn/

Android初探
http://beartung.github.io/rockwithandroid/
Android开发工具：

再推荐研读Jake Wharton的Android开源代码: https://github.com/JakeWharton

iOS

待续…

大前端

http://reactnative.cn/
阿里图标库： http://www.iconfont.cn/
jQuery所有版本源码： http://www.jq22.com/jquery-info122
移动端前端倾力总结：http://www.jb51.net/article/84973.htm
热力图插件：https://www.patrick-wied.at/static/heatmapjs/

css图标：http://www.codeceo.com/article/40-css-shapes.html
css图标奇思妙想：http://sbco.cc/magicCss/html/index.html
css reset: https://meyerweb.com/eric/tools/css/reset/

前端框架Bootstrap：http://www.bootcss.com/

前端炫酷的效果：http://www.yyyweb.com/350.html
js压缩打包:
UglifyJS中文文档: https://segmentfault.com/a/1190000008995453
webpack.js: https://www.webpackjs.com/concepts/

Android手机清除缓存: http://debugx5.qq.com/

MySql
Mysql 性能调优之Memory 计算http://www.cnblogs.com/shiyiwen/p/5445143.html

前端个人技术分享网站：http://www.zhangxinxu.com/

易企秀——前端界面编辑器
http://www.eqxiu.com/site/show

#####开发者平台
腾讯大数据、开发者中心：
http://developer.qq.com/wiki/mta/HTML5%E6%8E%A5%E5%85%A5/MTA%20HTML5%E7%BB%9F%E8%AE%A1API%E6%96%87%E6%A1%A3/MTA%20HTML5%E7%BB%9F%E8%AE%A1API%E6%96%87%E6%A1%A3.html#

多点触控插件：hammer.js
基于jQuery的版本比较完善，可以处理多点同时点击的事件响应。

热力图插件：heatmap.js
基于高德地图

弹窗解决方案
http://layer.layui.com/

Web后端框架：

php框架TP：http://document.thinkphp.cn/manual_3_2.html#url
php框架CI（CodeIgniter ）: http://codeigniter.org.cn/
ThinkPHP俗称TP框架

Web前端框架

light7
bootstrap
Ace: 一个优秀的Web管理端模板/框架
amzeUI: http://amazeui.org/
一个移动端优先的跨屏前端框架, 整合集成了数十个前端主流开源库

前端定位

微信JS API定位功能基于微信APP进行定位，比较准确，推荐在基于微信浏览器的H5页面中使用。其他浏览器场景可以使用腾讯前端定位组件：
http://lbs.qq.com/tool/component-geolocation.html（官网）

<script src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
	
	var getGeolocation = function () {
        var geolocation = new qq.maps.Geolocation("VOQBZ-YZJW5-ZIYII-QLSFM-DT62O-RWFMW", "aioil");
        var positionNum = 0;
        var options = {timeout: 8000};
        geolocation.getLocation(function(res){console.log(res);}, function(err){console.log(err);}, options);
    };

其他用户体验：
网易云易盾(反垃圾和验证码体验)：
http://dun.163.com/trial/image
极验：Geetest
http://www.geetest.com/exp.html

本文章已经生成可运行项目