前端在线工具

做为一个前端，我很喜欢各类便利工具，因此我这里就列出我知道的，目的也是提供多一些解决问题的思路和方向，但愿有其余高手也能提供大家知道的好工具，共同窗习呗。

声明：全部工具都没有被“墙”且至少我的学习（免费）。

1 MDN  一个很是完整的前端API查询工具站点

2 caniuse  若是要快速查询某些API的兼容的话，这个是不错的选择

3 jsbin  在线编辑器，经常使用语某个代码功能的分享以及快速实现某个DEMO。补充：JSBIN的最大问题就是没法多文件操做，有一款多文件操做的在线编辑器可供选择 点击这里。

4 草料  简易而又快捷地将URL地址转为二维码的在线工具

5 正则编辑 正则表达式老是使人头痛，能直观地看出效果确定以为容易不少吧。 

6 图标生成 若是要把图片作成图标的话，用这个就能够啦。

--- 更新2019-08-11

7 stackoverflow 很是有名的在线问题解决站点，但目前彷佛打开总有问题。你们本身看看吧。

8  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网格布局。能够先看看这个青蛙的游戏

--- 持续更新