前端在線工具

做爲一個前端,我很喜歡各類便利工具,因此我這裏就列出我知道的,目的也是提供多一些解決問題的思路和方向,但願有其餘高手也能提供大家知道的好工具,共同窗習唄。javascript

聲明:全部工具都沒有被「牆」且至少我的學習(免費)。前端

1 MDN  一個很是完整的前端API查詢工具站點java

2 caniuse  若是要快速查詢某些API的兼容的話,這個是不錯的選擇git

3 jsbin  在線編輯器,經常使用語某個代碼功能的分享以及快速實現某個DEMO。補充:JSBIN的最大問題就是沒法多文件操做,有一款多文件操做的在線編輯器可供選擇 點擊這裏程序員

4 草料  簡易而又快捷地將URL地址轉爲二維碼的在線工具github

5 正則編輯 正則表達式老是使人頭痛,能直觀地看出效果確定以爲容易不少吧。 
正則表達式

6 圖標生成 若是要把圖片作成圖標的話,用這個就能夠啦。api

--- 更新2019-08-11瀏覽器

7 stackoverflow 很是有名的在線問題解決站點,但目前彷佛打開總有問題。你們本身看看吧。架構

github 在線代碼託管,這個就很少介紹了,只要涉及到開發的程序員必(需)會的工具,若是以爲github比較慢(有時候打開比較困難),或者英語看不懂的話,能夠用國內的gitee, coding 等代替學習和使用。

9 Serverless雲API服務 對前端來講是很是有用的服務工具,能夠直接聲明雲數據,用地址請求的方式對其進行增刪改查。是一種去服務端的RESTful架構的重要一環。到2019-10月開始,須要用戶提供備案過的域名進行綁定才能使用。其餘對於我的學習這樣的小規模使用來講仍是免費的。

10 雲CDN加速服務  是我的建站的話,若是有CDN加速服務就很是好了,至少七牛有一些免費的CDN服務能夠用。【聲明:我的尚未嘗試,畢竟做爲一個前端用到的機會並很少 :)】

-- 更新2019-08-13

11 查看瀏覽器佔有率  這對於設備兼容的策略有指導性幫助

12 HTML格式驗證  對於不少人而言,強大的HTML矯正功能讓咱們前端彷佛已經很難再寫出標準的HTML格式了

-- 更新2019-08-15

補充了第三條,使用一款多文件在線編輯器。

-- 更新2019-08-16

13 漂亮的純樣式DEMO,不少有趣的動畫啥的都在這裏。若是須要一些靈感或實現能夠在裏面找。

14 一個測試小接口, 不少時候咱們僅僅就像快速測試一下本身的異步連接邏輯是否能夠跑通,這時候有這麼一個遠程接口就很方便了。返回的結果隨機yes和no,其餘不變。 

get返回
{
  "answer": "yes",  //yes | no | maybe
  "forced": false,
  "image": "https://yesno.wtf/assets/yes/2.gif"
}

  

-- 更新2019-08-23

15 找插件的CDN連接,若是在小型網站開發不喜歡用NodeJS Webpack等構件項目,只喜歡用頁面連接插件的話,能夠在這裏查找。 

-- 更新2019-09-03

16 學習樣式佈局的遊戲網站,能夠經過遊戲學習FLEX彈性佈局,也有Grid網格佈局。能夠先看看這個青蛙的遊戲

--- 持續更新

相關文章
相關標籤/搜索