推薦十款體驗極好的十款前端工具, 善用它們, 讓你偷懶的同時, 快速把活兒趕完, 早點下班~
快速開啟一個http服務(wù)
可以通過npm全局安裝一個http-server,當(dāng)需要開啟服務(wù)的時候, 通過命令行,跳轉(zhuǎn)到需要開啟服務(wù)的文件夾下, 開啟服務(wù)即可!
- 安裝http-server: sudo npm install --global http-server
- 開啟服務(wù)并打開瀏覽器(會默認(rèn)自動打開目錄下的http文件): hs -o
優(yōu)雅查看Json數(shù)據(jù)
json-formatter是一款自動格式化json數(shù)據(jù)的插件, 方便我們快速查看接口返回的json數(shù)據(jù), json-formatter同時也是一款輔助寫爬蟲的利器
json-formatter下載地址
格式化前:
格式化后:
安裝完成后, 可以用斗魚接口返回的數(shù)據(jù)查看一下效果: https://www.douyu.com/gapi/rkc/directory/2_201/1
本地模擬數(shù)據(jù)接口
項目開發(fā)階段, 前端程序員有時候會面臨無數(shù)據(jù)接口可用的窘境, 這時候可以使用Charles和一個json文件, 在本地任意端口開啟一個api服務(wù), 提供測試數(shù)據(jù)
快速標(biāo)注圖片
標(biāo)注圖片這種事情應(yīng)該交給UI設(shè)計師來做, 但如果UI不在家, 項目進度趕得緊, 你只能自己來了, 馬克鰻是一歀設(shè)計稿標(biāo)注工具, 用戶使用體驗很好, 學(xué)習(xí)成本極低, 非常適合懶人使用, 如果你像我一樣懶, 推薦使用馬克鰻~
詳情請看: 馬克鰻治好了我多年的像素眼
為圖片瘦身
- 為了節(jié)省服務(wù)器流量, 提升網(wǎng)頁的打開速度, 我們需要對網(wǎng)頁圖片進行瘦身, PP鴨是一款很好用的圖片壓縮工具, 沒有任何參數(shù)設(shè)置, 軟件會自動尋找 品質(zhì), 體積, 與速度的平衡點, 將圖片尺寸進行調(diào)優(yōu), 支持gif, png, gif三種格式, 操作超級簡單
