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

常用五星推荐

图片在线压缩：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/

AI

百度飞桨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={}

地图系列

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

设计师系列

潘通(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、觅元素

开发文档、学习

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