Useful online tools (with address)
Recently, the project time is tight and it will be launched soon, and the work is urgent.
Work makes me happy! Work makes me grateful! ! Work makes me rich! ! !
When I am not busy, I will sort out the problems encountered on the project and publish them.
Next, I will write a topic on the interaction between json and front-end data
- Front-end tool
URL online encoding and decoding (Chinese value transfer)
http://www.jsons.cn/urlencode/
Another URL online encoding and decoding (there are many life tools inside)
https://www.sojson.com/encodeurl.html
favicon online production (small website icon)
https://tool.lu/favicon/
image compression (front-end project to improve page loading speed, improve user experience)
https://www.yasuotu.com/
rgb to hexadecimal color code conversion (Color matching is very important for the facade of the web page)
http://www.yuangongju.com/color
Font-Awesome (concise and elegant)
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>
Emphasize it! ! ! Pay attention to the path introduced here, otherwise it will have no effect.
CSS3 animation library (you can see all the cool animation effects, don’t worry about which one is better)
http://www.yuangongju.com/animate
如何使用 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>
Or use javascript to add animation:
JavaScript $(selector).addClass('animated ' + animateName);
-
Back-end tool
online regular expression test (the human brain is certainly not as easy to use as a computer)
http://www.yuangongju.com/regex
online hash/hash SHA MD5 encryption (look at the bottom layer, write your own hash function)
http:/ /www.yuangongju.com/encrypt?tab=hash -
Code management tool
online text difference comparison (used to compare code when SVN version conflicts)
https://www.jq22.com/textDifference -
Front-end and back-end interactive tool
JSON online tool (ajax value json has always been a headache for me)
https://www.bejson.com/ -
Other tools
word→PDF online tools (more useful when writing resumes)
https://smallpdf.com/cn/word-to-pdf
QR code generation
http://www.yuangongju.com/qr
IP address query
http:/ /www.yuangongju.com/ip
Numbers to Chinese uppercase (for reimbursement invoices to fill in the amount in uppercase)
https://tool.lu/daxie/
Online tools – programmer’s toolbox
https://tool.lu/
There are many online tools and other content here, I didn’t try them one by one, students who are interested can try it by themselves