我试图做一个排列.在这种情况下五个,所以5,4,3,2,1.最终我希望它可以存储多达100个,可以存储在我的i​​ntX类中.计算很好,但我想使用下面的脚本添加输出的所有单个数字.

所以5！ = 5x4x3x2x1 = 120 —-> 1 2 0 = 3.但我的下面的脚本给出了输出147：

120
1
2
0
147

我究竟做错了什么？我已经尝试了所有转换器,我开始只使用字符串[指针]东西,我尝试了不同的数组等…但它一直在提出147.它是某种表示的东西？

static void Main(string[] args)
    {
        IntX total=1;
        IntX totalsum = 0;
        int perm = 5;
        for (int i = perm; i > 0; i--)
        {
            total = total * i;
        }
        Console.WriteLine(total);

        string answerstring = Convert.ToString(total);
        char[] answerArray = answerstring.ToArray();
        for (int x = 0; x < answerArray.Length; x++)
        {
            totalsum += Convert.ToInt32(answerArray[x]);
            Console.WriteLine(answerArray[x]);
        }
        Console.WriteLine(totalsum);
    }

问题是您将answerArray元素转换回数字的方式

Convert.ToInt32(answerArray[x])

上面的行使用char 1并将其转换为int.这与将其解析为int不同. 1是ascii字符49所以在内部char的int表示为49,因此它被转换为(因为这只是尝试进行类型转换而不是任何类型的处理)

同样地,2 = 50和0 = 48,所以你得到的总数为147.

你想要做的是使用Integer.Parse将字符串解析为数字.我相信它应该在解析之前隐式地将char转换为字符串.

所以你的循环将是：

for (int x = 0; x < answerArray.Length; x++)
    {
        totalsum += int.Parse(answerArray[x].ToString());
        Console.WriteLine(answerArray[x]);
    }

您也可以像其他人建议的那样减去字符.这是有效的,因为ascii值为1比ascii值高1,2为2,等等.

当然这仅适用于单位数字符号.如果你想从一个字符串中将两个以上的数字转换成int,你需要int.parse.

值得我怀疑的是,字符减法方法是最有效的,因为它实际上只是做了一些非常简单的类型转换和减法.解析方法可能会做更多的东西,所以更重量级.我不会’你会注意到性能差异.

void Main()
{    var f = 0.1 +0.1 +0.1 -0.3;
    Console.WriteLine("f=={0}",f);
}

登录后复制

void Main()
{    //var f = 0.1 +0.1 +0.1 -0.3;    //Console.WriteLine("f=={0}",f);
    
    var f1 = new Decimal(0.1) + new Decimal(0.1) + new Decimal(0.1) - new Decimal(0.3);
    Console.WriteLine("f1 == {0}",f1);
}

登录后复制

我认为这个问题很常见,并且在SO本身就已经找到了,但是找不到如何解决这个问题.

问题：

当您调整窗口大小时,您会注意到两个图像的高度有时会相差1px(当浏览器调整尺寸时,这是预期的).

如何“修复”此UI问题？我知道我可以通过使用flexBox来做到这一点.但我想有一个更好的解决方案.你们可以跳进去吗？

table{
  width:100%;
  border-collapse: collapse;
}
img{
  display: block;
  width: 100%;
}

<table>
  <tr>
    <td><img src="http://placehold.it/100x100"/></td>
    <td><img src="http://placehold.it/100x100"/></td>
  </tr>
</table>

甚至在这里我使用display：table：

.wrapper{
  width:100%;
  display: table;
}
.wrapper div{
  display: table-cell;  
}
img{
  display: block;
  width: 100%;
}

<div>
    <div><img src="http://placehold.it/100x100"/></div>
    <div><img src="http://placehold.it/100x100"/></div>
</div>

编辑：
Firefox浏览器中没有此问题,但Chrome中存在此问题.

请注意,当我使用flexBox时,问题不存在：

body{
  margin: 0;  
}
.wrapper{
  width:100%;
  display: flex;
}
.wrapper div{
  flex: 1;  
}
img{
  display: block;
  width: 100%;
}

<div>
    <div><img src="http://placehold.it/100x100"/></div>
    <div><img src="http://placehold.it/100x100"/></div>
</div>

或使用浮点数和内联块：

body{
  margin: 0;  
}
.wrapper{
  width:100%;
  display: block;
}
.wrapper div{
  display: inline-block;
  float: left;
  width:50%;
}
.wrapper:after{
  content: '';
  display: inline-block;
  clear:both;
}
img{
  display: block;
  width: 100%;
}

<div>
    <div><img src="http://placehold.it/100x100"/></div>
    <div><img src="http://placehold.it/100x100"/></div>
</div>

那是因为 Sub-Pixel Problems.

每张图片占据容器的50％.例如,如果容器宽度为100px,则每个图像的宽度为50px.

但是容器的宽度可以是奇数个像素,例如,101px.那么有三种合理的可能性：

>将一个图像宽50px,另一个51px.然后,即使您为这两个图像指定了相同的宽度,图像也不会同样宽.
>使两幅图像都宽50px.然后将有1px的差距
>使两幅图像都宽51px.然后它们将不适合,溢出容器或包裹到下一行.

每个选择都有其缺点,但现在浏览器似乎更喜欢第一个选项.然而,在这种情况下,图像具有固有的纵横比,因此不同的宽度将产生不同的高度,然后1px间隙是水平而不是垂直创建的.

似乎Firefox检测到,因此使较小的图像与另一个一样高,打破了宽高比. Chrome更喜欢强制使用宽高比.

没有办法改变这一点.它完全依赖于实现：

The especially strange part,in all of this,is that there’s really no right,or wrong,here. How this behavior is supposed to play out by the rendering engine isn’t dictated by the CSS specification,having it be left up to the implementation to render as it sees fit.

Vue计算已经困扰了我一段时间

什么时候会再次计算

条件1：

data() {
  return {
    cart:{
      item:{
        nums: 10,price: 10
      }
    }
  };
},computed: {
  total() {
    return this.cart.item.nums * this.cart.item.price
  }
},methods:{
  set(){
    this.cart.item = {
       nums: 5,price: 5
    }
  }
}

计算将工作

条件2：

data() {
  return {
    cart: [{
        nums: 10,price: 10
    }]
  };
},computed: {
  total() {
    return this.cart[0].nums * this.cart[0].price
  }
},methods:{
  set(){
    this.cart[0] = {
       nums: 5,price: 5
    }
  }
}

计算不起作用

我知道这是解决方案,但为什么呢？

methods:{
  set(){
    this.cart[0].nums = 5
    this.cart[0].price = 5
    }
  }
}

为什么不在条件2中观察到它？

为什么Vue不希望被观察到？

使用Vue,对象和数组的反应性有点挑剔.使用其他变量时,很容易检测到它们何时被更改,但是对于对象和数组,并不总是能够检测到对象/数组中的某些内容何时被更改. (也就是说,没有Proxies,它将出现在Vue 3.x中)

在您的情况下,如果this.cart标记为已更改,则this.cart [0]被标记为已更改或者如果this.cart [0] .nums或this.cart [0] .price已更改,则将重新计算total.问题是你要替换this.cart [0]中的对象.这意味着this.cart [0] .price和nums不会改变,因为那些仍然指向旧对象.显然,this.cart [0]和this.cart没有标记为已更改,因此Vue仍然认为总计是最新的.

有几种方法可以解决这个问题.一种是使用Vue的辅助方法来处理对象/数组,即Vue.set,Vue.delete.您可以使用此.$set或this.$delete在SFC中访问它们.因为这个.$set明确标记你作为第一个参数传递的任何内容为“已更改”,你的总数也将被更新.

this.$set(this.cart,{
  nums: 2,price: 100
});

另一种方法是修改对象本身,而不是替换它.由于您仍在使用同一个对象,因此Vue将检测到this.cart [0]已更改.

setItem() {
  this.cart[0] = Object.assign(
    this.cart[0],{
      nums: 5,price: 5
    }
  );
}

另一种方法是使用众多数组方法之一.在您的情况下,您可以使用Array.prototype.splice.由于这是一个函数调用,Vue可以检测到函数被调用并且可以将正确的项标记为已更改,这将触发更新依赖于它的任何内容.

this.cart.splice(0,1,{
  nums: 50,price: 10
});