JS小操作：给你的项目换一个皮肤吧

为mao那么久不更文章？

每天都在无尽的代码海洋里翻滚，那叫一个昏天暗地，忘乎所以，飘飘欲仙...

从早晨七点打开IDEA开始，虽然IDEA已经非常智能了，可到了半夜还在不断挂彩的控制台，真的是驾鹤西去的心都有了...

好不容易整完一个模块准备去洗洗睡，看了眼旁边还在峡谷大战小鲁班的舍友，我决定还是先把开发工具都关了，不然洗个澡出来代码就缺胳膊少腿了，那我就要进峡谷了...

进入正题 换皮肤了

效果如下：

足够花里胡哨实际开发中这么干，保证项目经理不好好疼爱你一番...

1、给要触发事件的元素绑定一个点击事件，并传递一个十六进制色值参数。

<el-row type="flex" justify="end" class="color-btn">
    <el-button @click="switchColor('#1C1C1C')" style="background: #1C1C1C;" size="mini"></el-button>
    <el-button @click="switchColor('#20B2AA')" type="primary" size="mini"></el-button>
    <el-button @click="switchColor('#00CD66')" type="success" size="mini"></el-button>
    <el-button @click="switchColor('#A52A2A')" type="danger" size="mini"></el-button>
</el-row>

2、给页面中需要换肤的元素添加一个唯一id。

<el-header id="headerId"></el-header>
<el-aside id="asideId"></el-aside>

3、添加第一步中定义的点击事件，并接收传递的color参数，在点击事件中通过第二步添加的id定位到页面元素，直接给找到的元素设置背景颜色即可。

该死，看起来如此简单...

就这！就这！就这...

这谁不会骗小孩呢，好吧，下面开始正文内容...

两个JSON格式化插件

分享两个我测试接口时，常用的JSON数据格式化插件 JSON-handle 和 JSONView

两款插件效果分别如下：

IDEA自带的接口测试工具

除了JSON数据格式化，一款称心如意的接口测试工具也是必不可少的，IDEA除了不会生孩子，其他什么都会。所以，让 Postman 去找阎王跳绳吧。

详细使用方法，相信各位大佬看配图中的火星文就知道了

干货下期一定，持续关注不迷路

啥？你还没点赞，这破文都不让更多人来吐槽一下！