在Chrome开发者工具中编写js并运行

前言

今天记录一个小技巧，主要是在chrome开发工具中边编写js，边运行，学习效率大大提高~~
通常情况下，我们在网上学习或者找一些轮子的时候，经常要在本地创建一个临时的html,js文件，再把js引入相应的html文件中，用浏览器打开相应的html文件，改个js代码都要重新刷新一遍，想一想都很麻烦懒得动，久而久之，我就变成了看看党，光看不练习，效率低到不行。。。。

今天我在网上看一些大牛写的文档的时候，有很多很基础的东西，虽然看一眼就会的那种，但是想一想还是自己想明白，亲手实践一下比较好。但是我又不想重蹈覆辙，方法一是可以，但是效率低，我本人并不是很喜欢。所以我就想的是能不能直接在控制台创建一个临时的js文件，直接运行。所以今天的重头戏来了，，，废话不多说，直接上图

第一步 打开开发者工具

如下图所示：

第二步开始愉快的编写运行

有木有很方便~~~~~

总结

我是前端道路上的白的不能再白的小白，我觉得还是要多多探索一些！虽然这些知识很简单，但是不是每个人都知道的哈哈，所以记录一下~