作為一名前端搬磚員，手上必須要有一點裝b利器，接下來我就推薦一些日常工作中個人常用的好用的小工具
1.tinypng.com
一個很棒的圖片壓縮網站，在日常的前端頁面開發工作中，難免會需要很多切圖，特別是當一個頁面的切圖非常多的時候，為了進一步減少圖片資源所佔空間，優化頁面載入速度，可以使用tinypng,能夠在保證圖片質量不下降的情況下，最大限度的壓縮圖片大小。壓縮率賊高！還免費！前端優化必備神器有木有？！
使用方法： 1.開啟網站
2.把需要壓縮的圖片選中拖入網站中即可，一次最多拖入20張圖片，每張圖片不能超過5M大小限制，但是絕對能夠應付絕大多數場景，如有大圖壓縮需求，可以選擇付費pro版~
3.壓縮完畢，點選下載按鈕，下載下來，完成
2.caniuse
幹前端這行的，最怕的問題之一就是瀏覽器相容問題了，有時候新學了個巨帥的css3屬性，想要在專案中使用起來裝個b什麼的，卻往往被萬惡的ie相容需求給擊敗。沒辦法，我們只能轉向用相容性較好的的方法來寫頁面，但是那麼多css、js屬性的相容性我們怎麼能全部記住呢，總不能每次用到都要去查一下百度吧，這裡推薦一個網站，caniuse，顧名思義，這個網站就是用來查詢某個元素我能不能用。
使用方法： 1.開啟網站
2.輸入你要查詢的屬性
3.browserhacks
珍愛生命，遠離ie678，出來搬磚，難免會踩坑，特別是那些需要做低版本瀏覽器相容的網站，真的是做的蛋疼。。直到我遇見了它。。browserhacks，查詢各種低版本瀏覽器hack寫法，涵蓋選擇器hack，js hack, css屬性hack,media hack，連噁心的ie獨有的條件語句都有啊有木有！
使用方法： 1.開啟網站
2.輸入你要查詢的瀏覽器版本，以ie7為例
3.檢視結果
4.老生常談，趕快換Google!
用Google不用百度，我每次跟別人推薦的時候，就怕遇到問我“為什麼，我百度也能搜到想要的東西啊？”的，話不多說，我就舉倆例子告訴你，為什麼我要用google。
第一個栗子：搜尋“css選擇器優先順序” 百度的第一個結果css選擇器優先順序 Google的第一個結果css選擇器優先順序
第二個栗子： 我在簡書發了個翻牆教程，根據生成的頁面的meta關鍵字去搜尋我這篇文章
接下來，我分別在百度和Google上搜尋這些關鍵字 百度結果：
Google結果：
高下立見吧？
不過大家都知道，Google國內被牆掉了，翻牆方法有很多，簡單介紹幾種 1.藍燈 免費，但是每月流量少，下載即可用 2.vps搭梯子翻牆 優點：有範兒，可搭建私人伺服器網站,價格不貴。 缺點：麻煩，機房選不好，網速慢的一筆。 具體教程可參考之前的部落格，手把手教你搭建vps的shadowsocks，百度的教程全是坑。。。 3.shadowsocks 優點：價格實惠，速度穩定，非特殊用途不限流量，本人目前在用，並且也推薦了同事去用，一致好評，方便。 缺點：切勿長時間看視訊，禁止p2p行為，否則分分鐘封你號，shadowsocks網站這裡就不放了，會被封，有興趣的可去搜一下，不難找