好用的在線工具(附地址)
最近專案時間緊張,馬上就要上線了,作業要緊,
作業使我快樂!作業使我感恩!!作業使我富有!!!
等不忙的時候我會把專案上遇到的問題整理一下發表出來
下一篇我會寫關于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
如何使用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
如何使用 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 -
代碼管理工具
在線文本差異對比(SVN版本沖突時對比代碼用)
https://www.jq22.com/textDifference -
前后臺互動工具
JSON在線工具(ajax傳值json一直令我很頭疼)
https://www.bejson.com/ -
其他工具
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/
這里還有很多在線工具等其他內容,我沒有挨個去試,有興趣的同學可以自行嘗試
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/188167.html
標籤:其他
下一篇:Node.js 15 正式版發布
