摘要：寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡(jiǎn)介不負(fù)責(zé)教程如有相應(yīng)的教程希望大家自薦或推薦我在這里感激不盡讓我們發(fā)現(xiàn)美并記錄它第一次寫文章請(qǐng)多多包涵如有我沒有寫到的但又是一些好用的工具及

寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡(jiǎn)介不負(fù)責(zé)教程如有相應(yīng)的教程希望大家自薦或推薦我在這里感激不盡（讓我們發(fā)現(xiàn)美 并記錄它）第一次寫文章請(qǐng)多多包涵 如有我沒有寫到的但又是一些好用的工具及網(wǎng)站請(qǐng)聯(lián)系我 我會(huì)持續(xù)更新這篇文章 還有謝謝掛哥 是他給我分享了這些小玩意 一定意義上講 我把他的東西搬到了我這 謝謝大家（鞠躬）

對(duì)于此問題推薦軟件“標(biāo)你妹啊”地址：http://www.biaonimeia.com
這款在線工具解決了設(shè)計(jì)與前端標(biāo)記的戰(zhàn)爭(zhēng)，實(shí)現(xiàn)的功能是把你的psd文件進(jìn)行塊與塊之間距離的顯示及色值

各大瀏覽器的遠(yuǎn)程調(diào)試工具。這里就不一一進(jìn)行細(xì)說了自行百度 附贈(zèng)一篇博客（可能不是很好，因?yàn)槲覜]有仔細(xì)讀）地址：https://blog.csdn.net/freshlo...

github上的一個(gè)開源工具 該工具只需在一個(gè)局域網(wǎng)內(nèi)就可以實(shí)現(xiàn)電腦端調(diào)試手機(jī)端（數(shù)據(jù)線什么的 見鬼去吧） 地址：https://github.com/wuchangmin... 詳見github上的README.md文件解釋很詳細(xì)

Weinre https://blog.csdn.net/FuDesig...

https://blog.csdn.net/freshlo... 沒有仔細(xì)看 請(qǐng)自行查看

chrome developers 教程 https://www.html.cn/doc/chrom...

JSONPlaceholder該工具是解決前端在開發(fā)時(shí)沒有數(shù)據(jù)測(cè)試時(shí)的尷尬
官網(wǎng)地址：http://jsonplaceholder.typico...
github地址：https://github.com/typicode/j...
同樣官網(wǎng)的README.md對(duì)該工具的使用方法介紹的很詳細(xì)

ngrok 地址：https://ngrok.com/product
該工具可以把你的電腦變成一個(gè)簡(jiǎn)易的服務(wù)器，官網(wǎng)是這樣介紹的“ngrok通過安全隧道將NAT和防火墻后面的本地服務(wù)器暴露給公共互聯(lián)網(wǎng)”
API地址：https://ngrok.com/docs#expose

高德地圖交通大數(shù)據(jù) 網(wǎng)址：http://report.amap.com

騰訊位置大數(shù)據(jù) 網(wǎng)址：https://heat.qq.com

百度遷徙地圖 網(wǎng)址：http://qianxi.baidu.com/

PM2.5空氣質(zhì)量，網(wǎng)址：http://www.pm25.in/

微信指數(shù)，在小程序中搜索 微信指數(shù)

微博指數(shù)，網(wǎng)址：http://data.weibo.com/index

地址：http://www.dataagri.com/agric...
該網(wǎng)址包含了蔬菜的信息等農(nóng)業(yè)信息

Visual Event該工具能查看頁(yè)面Dom綁定的事件（click，mouseover等）

Postman 這個(gè)大家應(yīng)當(dāng)都知道 用于查看接口返回的數(shù)據(jù)

Wappalyzer在某個(gè)公眾號(hào)看到的描述是--能幫忙查看網(wǎng)站使用什么樣的架構(gòu)或者它承載了什么服務(wù)（沒實(shí)施成功 可能梯子還不夠高 那個(gè)網(wǎng)站我沒打開）github能搜到 英文水平太次看不懂

JSON Formatter--讓JSON在瀏覽器中看起來更一目了然的不二之選。

使用chrome的devtools調(diào)試node程序 附上咱們社區(qū)的一個(gè)鏈接https://segmentfault.com/a/11...(太不負(fù)責(zé)任了 如有疑問請(qǐng)留言)

http://validform.rjboy.cn/ 官方介紹 “一行代碼搞定整站的表單驗(yàn)證”-- Validform

https://visualgo.net/en
動(dòng)態(tài)可視化網(wǎng)站 Visualgo。比如進(jìn)入 Binary Heap（二叉堆），插入一個(gè)77，就可以看到整個(gè)堆的變化過程。

gitbook //不多說 自己百度

ShowDoc https://www.showdoc.cc 這個(gè)網(wǎng)站里有書寫接口的示例與數(shù)據(jù)字典示例 是一個(gè) 支持的是markdown語(yǔ)法（去看看吧 不后悔一言兩語(yǔ)難說的清）

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

moment 一個(gè)超輕量級(jí)的javascript類庫(kù)（僅3.7k），用來解析，處理和格式化日期

XDate 這個(gè)類庫(kù)是javascript本地日期對(duì)象的封裝，提供了加強(qiáng)的方法來幫助你解析，格式化和日期處理。 使用它就類似使用javascript自己的方法，所以非常簡(jiǎn)單，相信大家會(huì)喜歡的！

DP Date Extension 一個(gè)javascript日期對(duì)象的擴(kuò)展類庫(kù)，擁有很多新功能和特性

JavaScript Pretty Date 一個(gè)簡(jiǎn)單有效的處理老式j(luò)avascript日期的類庫(kù)。例如，幫助你將“2012-04-08T08:24:17Z” 處理成“2小時(shí)前”。非常適合發(fā)布帖子時(shí)構(gòu)建人性化日期格式。

Countdown JS 一個(gè)簡(jiǎn)單的javascript API幫助你用準(zhǔn)確而創(chuàng)新的描述方式來展示倆個(gè)日期間隔

loadsh

Underscore

math.js