前端那些小眾而又精美的網站及工具

前端菜菜發表於2019-02-16

寫此文的目的是為了總結在開發中能增加我們開發速度及能給我們帶來方便的工具與網站及一些小眾框架只限於簡介不負責教程如有相應的教程希望大家自薦或推薦我在這裡感激不盡(讓我們發現美 並記錄它)第一次寫文章請多多包涵 如有我沒有寫到的但又是一些好用的工具及網站請聯絡我 我會持續更新這篇文章 還有謝謝掛哥 是他給我分享了這些小玩意 一定意義上講 我把他的東西搬到了我這 謝謝大家(鞠躬)

前端與ui的那些事

標註

  1. 對於此問題推薦軟體“標你妹啊”地址:http://www.biaonimeia.com
    這款線上工具解決了設計與前端標記的戰爭,實現的功能是把你的psd檔案進行塊與塊之間距離的顯示及色值

bug與除錯那些事

手機端除錯

  1. 各大瀏覽器的遠端除錯工具。這裡就不一一進行細說了自行百度 附贈一篇部落格(可能不是很好,因為我沒有仔細讀)地址:https://blog.csdn.net/freshlo…
  2. github上的一個開源工具 該工具只需在一個區域網內就可以實現電腦端除錯手機端(資料線什麼的 見鬼去吧) 地址:https://github.com/wuchangmin… 詳見github上的README.md檔案解釋很詳細
  3. Weinre https://blog.csdn.net/FuDesig…

有車沒有油是不是很想罵街

自建json資料

  1. JSONPlaceholder該工具是解決前端在開發時沒有資料測試時的尷尬
    官網地址:http://jsonplaceholder.typico…
    github地址:https://github.com/typicode/j…
    同樣官網的README.md對該工具的使用方法介紹的很詳細

國外那些好玩的小玩意

關於伺服器

  1. ngrok 地址:https://ngrok.com/product
    該工具可以把你的電腦變成一個簡易的伺服器,官網是這樣介紹的“ngrok通過安全隧道將NAT和防火牆後面的本地伺服器暴露給公共網際網路”
    API地址:https://ngrok.com/docs#expose

大資料(天天爬蟲爬 累不累 來 我們給你API)

谷歌外掛爬蟲—》待研究

交通資料

  1. 高德地圖交通大資料 網址:http://report.amap.com
  2. 騰訊位置大資料 網址:https://heat.qq.com
  3. 百度遷徙地圖 網址:http://qianxi.baidu.com/

空氣質量

  1. PM2.5空氣質量,網址:http://www.pm25.in/

媒體關鍵詞

  1. 微信指數,在小程式中搜尋 微信指數
  2. 微博指數,網址:http://data.weibo.com/index

農業大資料

  1. 地址:http://www.dataagri.com/agric…
    該網址包含了蔬菜的資訊等農業資訊

Chrome擴充套件工具

前端JavaScript

  1. Visual Event該工具能檢視頁面Dom繫結的事件(click,mouseover等)
  2. Postman 這個大家應當都知道 用於檢視介面返回的資料
  3. Wappalyzer在某個公眾號看到的描述是–能幫忙檢視網站使用什麼樣的架構或者它承載了什麼服務(沒實施成功 可能梯子還不夠高 那個網站我沒開啟)github能搜到 英文水平太次看不懂
  4. JSON Formatter–讓JSON在瀏覽器中看起來更一目瞭然的不二之選。

後端node.js

  1. 使用chrome的devtools除錯node程式 附上我們們社群的一個連結https://segmentfault.com/a/11…(太不負責任了 如有疑問請留言)

很屌的表單驗證前端外掛

  1. http://validform.rjboy.cn/ 官方介紹 “一行程式碼搞定整站的表單驗證”– Validform

資料結構

視覺化學習資料結構

  1. https://visualgo.net/en
    動態視覺化網站 Visualgo。比如進入 Binary Heap(二叉堆),插入一個77,就可以看到整個堆的變化過程。

文件書寫工具

  1. gitbook //不多說 自己百度
  2. ShowDoc https://www.showdoc.cc 這個網站裡有書寫介面的示例與資料字典示例 是一個 支援的是markdown語法(去看看吧 不後悔一言兩語難說的清)

js類庫推薦及記憶

操作時間類庫

參考地址:https://www.jb51.net/article/…

  1. moment 一個超輕量級的javascript類庫(僅3.7k),用來解析,處理和格式化日期
  2. XDate 這個類庫是javascript本地日期物件的封裝,提供了加強的方法來幫助你解析,格式化和日期處理。 使用它就類似使用javascript自己的方法,所以非常簡單,相信大家會喜歡的!
  3. DP Date Extension 一個javascript日期物件的擴充套件類庫,擁有很多新功能和特性
  4. JavaScript Pretty Date 一個簡單有效的處理老式javascript日期的類庫。例如,幫助你將“2012-04-08T08:24:17Z” 處理成“2小時前”。非常適合釋出帖子時構建人性化日期格式。
  5. Countdown JS 一個簡單的javascript API幫助你用準確而創新的描述方式來展示倆個日期間隔

運算元組物件類庫

  1. loadsh
  2. Underscore

操作字串類庫

運算元字類庫

  1. math.js

相關文章