好用的在線工具（附地址）
最近項目時間緊張，立刻就要上線了，工做要緊。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/ 這裏還有不少在線工具等其餘內容，我沒有挨個去試，有興趣的同窗能夠自行嘗試