写此文的目的是为了总结在开发中能增加我们开发速度及能给我们带来方便的工具与网站及一些小众框架只限于简介不负责教程如有相应的教程希望大家自荐或推荐我在这里感激不尽（让我们发现美 并记录它）第一次写文章请多多包涵 如有我没有写到的但又是一些好用的工具及网站请联系我 我会持续更新这篇文章 还有谢谢挂哥 是他给我分享了这些小玩意 一定意义上讲 我把他的东西搬到了我这 谢谢大家（鞠躬）

前端与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语法（去看看吧 不后悔一言两语难说的清）