【葵花宝典】哪里不会点哪里,有了这些在线工具,开发就是so easy!!!

好用的在线工具(附地址)

最近项目时间紧张,马上就要上线了,工作要紧。

工作使我快乐!工作使我感恩!!工作使我富有!!!

等不忙的时候我会把项目上遇到的问题整理一下发表出来
下一篇我会写关于json和前后端数据交互的专题

  • 前端工具
描述 用途 网址
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
CSS3动画库 在线预览所有炫酷的动画效果 http://www.yuangongju.com/animate
  • 如何使用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>

【葵花宝典】哪里不会点哪里,有了这些在线工具,开发就是so easy!!!_第1张图片加大强调!!!这里要注意引入的路径,不然没有效果。

  • 如何使用 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">Exampleh1>

  或使用javascript 添加动画:
  JavaScript $(selector).addClass('animated ' + animateName);
【葵花宝典】哪里不会点哪里,有了这些在线工具,开发就是so easy!!!_第2张图片

  • 后端工具
描述 用途 网址
在线正则表达式测试 人脑肯定没有电脑好用 http://www.yuangongju.com/regex
在线哈希/散列SHA MD5加密 学会怎么加密自己写hash函数做加密 http://www.yuangongju.com/encrypt?tab=hash
YAML、YML在线编辑(校验)器 SpringBoot配置文件 http://www.bejson.com/validators/yaml_editor/
  • 代码管理工具
描述 用途 网址
在线文本差异对比 SVN版本冲突时比对代码 https://www.jq22.com/textDifference
在线绘制流程图 免费保存pdf,jpg等格式 https://processon.com/
  • 前后台交互工具
描述 用途 网址
JSON在线工具 验证前后端传值格式是否正确 https://www.bejson.com/
编码大全 所有的计算机编码都在这 https://www.haomeili.net/Code/DaQuan
  • 其他工具
描述 用途 网址
世界时钟 世界各地的标准时间和夏令时(DST)的时区名称,代码和缩写。 https://www.timeanddate.com/time/zones/
word→PDF在线工具 成为大神跳槽写简历拿高薪 https://smallpdf.com/cn/word-to-pdf
二维码生成 就是生成二维码的 http://www.yuangongju.com/qr
IP地址查询 根据IP查找归属地 http://www.yuangongju.com/ip
数字转中文大写 报销发票大写金额再也不怕填错了 https://tool.lu/daxie/
进制转换 各种进制随意转 https://tool.lu/hexconvert/
在线工具–程序员的工具箱 很多优秀的在线工具 https://tool.lu/

你可能感兴趣的:(【葵花宝典】,css,css3,编辑器,https)