idea 皮肤_JS小操作:给你的项目换一个皮肤吧


为mao那么久不更文章?

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

b954c3397b89bbf029c519a76bdea691.gif

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

82216a1b1ff99a09addcded3211731cd.png

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

7d14527a4883524e7c850d611048c687.png

进入正题 换皮肤了

效果如下:

376586817ab8660ef453ff1be60b18ae.png

f62323ba917f53010e4a7ba571ec3d38.png

5abfcf59ae001876f047c84fa8a6e284.png

bbed3af0f2b9f46e9783995339f671b1.png

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

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定位到页面元素,直接给找到的元素设置背景颜色即可。

b18746225cd7812daff882043f872de1.png

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

4fba086d213077a91427e378086a8fa1.png

就这!就这!就这...

2ff1f3255a13408bef59f515dd51b95b.png

这谁不会377a71de03044f05e57c9fcc2348ca58.png骗小孩呢,好吧,下面开始正文内容...

两个JSON格式化插件

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

4b9b556ed6b8f902d7dafad8c24d85c2.png

两款插件效果分别如下:

0b946168e35d627b1616984711dd98c5.png

2f8a4f7e9fda3e097aadb104cffa6163.png

IDEA自带的接口测试工具

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

57ca6bcb3550f39e6e85c864ed2524be.png

cc9f3f1766a72a414a27e85cc97c1bce.png

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

干货下期一定,持续关注不迷路377a71de03044f05e57c9fcc2348ca58.png377a71de03044f05e57c9fcc2348ca58.png

20b49361790b5d64f1a26dbca906ef86.png

啥?你还没点赞,这破文都不让更多人来吐槽一下!

659790adb5e0213e5327f322c528805e.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值