前端有用的網址介紹

1.圖片壓縮網址：https://tinypng.com/

介紹：

Tinypng 是一款 PNG 圖片壓縮工具，壓縮率能達到 50% 以上，圖片在壓縮以前和以後幾乎看不出差異。Tinypng 在設計師人羣中比較流行，如今介紹給廣大的程序員。

據官網介紹，它的原理是經過合併圖片中類似的顏色，經過將 24 位的 PNG 圖片壓縮成小得多的 8 位色值的圖片，而且去掉了圖片中沒必要要的 metadata（元數據，從 Photoshop 等工具中導出的圖片都會帶有此類信息），這種方式幾乎能完美支持原圖片的透明度。

背景：

近兩年作的項目大都是移動端的項目，衆所周知，移動端對頁面加載速度的要求是很高的，而通常設計提供的設計稿，很酷炫的圖片又每每圖層不少，致使切出來的圖片很大，雖然項目打包的時候，會將圖片壓縮，可是在切圖以後打包以前，在保證圖片不失真的狀況下，將圖片先一步壓縮，我的以爲是頗有必要的~~~Tinypng就是一款我用的比較頻繁的圖片壓縮工具，壓縮率親測能夠達到50%以上（通常較大的圖片能夠達到百分之七八十，幾乎無損）

使用方法：

登陸 Tinypng 官網（https://tinypng.com/），拖拽文件便可使用

2.element文檔：http://element.eleme.io/#/zh-CN

介紹：
Element，一套桌面端組件庫；界面簡潔大方，代碼乾淨，很是適合後臺管理系統；以致於每次有B端的項目，我第一時間就會想到它；

優勢：

經常使用的組件都有，table、分頁、進度條、樹形控件，單選複選框、彈框都有，能知足基本的需求

缺點：

擴展有點費勁

3.移動端UI

• Mint UI：基於 Vue.js 的移動端組件庫
• iView：https://www.iviewui.com/overv...
• Vant：https://youzan.github.io/vant...
• Mand Mobile：https://didi.github.io/mand-m...

4.關於react

• react文檔：
  https://chenyitian.gitbooks.i...
• react入門實例教程:
  http://www.ruanyifeng.com/blo...
• 基於React的UI庫--Ant Design
  https://ant.design/index-cn

5.es6入門:
http://es6.ruanyifeng.com/

6.在線demo工具：
（1）http://jsfiddle.net
（2）http://jsbin.com
（3）https://codepen.io/pen

7.生成短連接
http://suo.im
ps：親測，這樣生成的短連接相比其餘網站生成的短連接，字符數更少~推薦~