JavaScript 实现(4).add(2).minus(1)功能

实现效果

// 4+2-1=5
console.log((4).add(2).minus(1)); // 5

实现过程

使用Number对象的prototype属性,为对象添加方法即可。

Number.prototype.add = function(n) {
    // this为 Number {4} 实例对象
    // this.valueOf()为Number {4}的基本数字值4
    return this.valueOf() + n;
};
Number.prototype.minus = function(n) {
    return this.valueOf() - n;
};

// 同样,也可以添加乘、除的方法
Number.prototype.mul = function(n) {
    return this.valueOf() * n;
};

Number.prototype.div = function(n) {
    return this.valueOf() / n;
};

验证

// (4+2-1)×6÷10=3
console.log((4).add(2).minus(1).mul(6).div(10)); // 3

// (2×9+6)÷4-5=1
console.log((2).mul(9).add(6).div(4).minus(5)); // 1

完成!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
实现el-dialog的拖拽、全屏和缩小功能可以通过以下步骤: 1. 引入Element UI库和Vue.js库。 2. 在需要使用el-dialog的Vue组件中添加el-dialog标签,并设置相应的属性,如可拖拽属性“:draggable='true'”等。 3. 在el-dialog的标题栏中添加相应的按钮,用于实现全屏和缩小功能,例如: ```html <template slot="title"> <div class="dialog-title"> <span>Dialog Title</span> <div class="dialog-btns"> <i class="el-icon-full-screen" @click="fullScreen"></i> <i class="el-icon-minus" @click="minimize"></i> </div> </div> </template> ``` 4. 在Vue组件中添加相应的方法,用于实现全屏和缩小功能。例如: ```javascript methods: { fullScreen() { // 获取当前el-dialog的父元素 const parent = this.$el.parentNode; // 将父元素的类名改为fullscreen,实现全屏效果 parent.classList.add('fullscreen'); }, minimize() { // 获取当前el-dialog的父元素 const parent = this.$el.parentNode; // 将父元素的类名改为minimized,实现缩小效果 parent.classList.add('minimized'); } } ``` 5. 在CSS中添加相应的样式,用于实现全屏和缩小效果。例如: ```css /* 全屏效果 */ .fullscreen { width: 100vw !important; height: 100vh !important; left: 0 !important; top: 0 !important; } /* 缩小效果 */ .minimized { width: 200px !important; height: 50px !important; left: calc(100% - 200px) !important; top: calc(100% - 50px) !important; } ``` 以上就是实现el-dialog的拖拽、全屏和缩小功能的步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

火星飞鸟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值