好用的在线工具(附地址)
最近项目时间紧张,立刻就要上线了,工做要紧。javascript
工做使我快乐!工做使我感恩!!工做使我富有!!!css
等不忙的时候我会把项目上遇到的问题整理一下发表出来
下一篇我会写关于json和先后端数据交互的专题
html
- 前端工具
URL在线编码解码(中文传值)
http://www.jsons.cn/urlencode/
另外一个URL在线编码解码(里面还有不少生活工具)
https://www.sojson.com/encodeurl.html
favicon在线制做(网站小图标)
https://tool.lu/favicon/
图片压缩(前端项目提升页面加载速度,提高用户体验)
https://www.yasuotu.com/
rgb转16进制颜色代码转换(配色很重要是网页的门面担当)
http://www.yuangongju.com/color
字体图标库 Font-Awesome(简洁大气上档次)
http://www.yuangongju.com/fonticon
如何使用FontAwesome? 下载官方提供的CSS和字体文件,并复制到您的项目中。 在您的项目代码 <head> 中引入 font-awesome.min.css. <link rel="stylesheet" type="text/css" href="../../static/css/animate/font-awesome.min.css"> 您能够在任何地方使用 Font Awesome 只须要添加css类 fa , fa-***。 <i class="fa fa-camera-retro"></i>
加大强调!!!这里要注意引入的路径,否则没有效果。前端
CSS3动画库(能够看到全部炫酷的动画效果展现,不用再纠结选哪一个好)
http://www.yuangongju.com/animate
java
如何使用 Animate.css? 下载Animate.css,并复制到您的项目中。 在您的项目代码 <head> 标签中引入 Amimate.css 文件。 <link rel="stylesheet" type="text/css" href="../../static/css/animate/animate.min.css"> 使用 Amimate.css定义的类给指定的元素添加动画: class类从展现页面粘过来就能够了,infinite是循环,可加可不加 <h1 class="animated infinite bounce">Example</h1>
或使用javascript 添加动画:
JavaScript $(selector).addClass('animated ' + animateName);
程序员
-
后端工具
在线正则表达式测试(人脑确定没有电脑好用)
http://www.yuangongju.com/regex
在线哈希/散列SHA MD5加密(看看底层,本身写hash函数)
http://www.yuangongju.com/encrypt?tab=hash
ajax -
代码管理工具
在线文本差别对比(SVN版本冲突时对比代码用)
https://www.jq22.com/textDifference
正则表达式 -
先后台交互工具
JSON在线工具(ajax传值json一直令我很头疼)
https://www.bejson.com/
json -
其余工具
word→PDF在线工具(写简历时比较有用)
https://smallpdf.com/cn/word-to-pdf
二维码生成
http://www.yuangongju.com/qr
IP地址查询
http://www.yuangongju.com/ip
数字转中文大写(报销发票时填大写金额用)
https://tool.lu/daxie/
后端
在线工具–程序员的工具箱
https://tool.lu/ 这里还有不少在线工具等其余内容,我没有挨个去试,有兴趣的同窗能够自行尝试