获得徽章 7
#刷题交流#
// 2. 找出 3张和2张的组合
const three = Object.keys(counts).filter(key => counts[key] >= 3);
const two = Object.keys(counts).filter(key => counts[key] >= 2);
console.log('three', three)
console.log('two', two)
// 3. 过滤符合条件的组合，五张牌的总和是否小于等于 max
const result = []
for (let i = 0; i < three.length; i++) {
for (let j = 0; j < two.length; j++) {
if (three[i] === two[j]) {
continue
}
const sum = three[i]*3 + two[j]*2
if (sum <= max) {
result.push([three[i], two[j]])
}
}
}
// 2. 找出 3张和2张的组合
const three = Object.keys(counts).filter(key => counts[key] >= 3);
const two = Object.keys(counts).filter(key => counts[key] >= 2);
console.log('three', three)
console.log('two', two)
// 3. 过滤符合条件的组合，五张牌的总和是否小于等于 max
const result = []
for (let i = 0; i < three.length; i++) {
for (let j = 0; j < two.length; j++) {
if (three[i] === two[j]) {
continue
}
const sum = three[i]*3 + two[j]*2
if (sum <= max) {
result.push([three[i], two[j]])
}
}
}
展开
评论
1
`pointer-events` 是一个 CSS 属性，用于指定元素在什么情况下应该响应鼠标或触摸事件。
当 `pointer-events` 设置为 `none` 时，意味着元素将不响应任何鼠标或触摸事件。这在以下场景中很有用：
- 当你有一个重叠的元素，但不希望它阻止底层元素接收事件时。
- 当你想要禁用某个元素的交互性，例如，覆盖在视频或动画上的暂停/播放按钮。
相反，如果 `pointer-events` 设置为 `auto`（默认值），元素将正常响应事件。
例如，如果你有一个透明的覆盖层，并且希望用户仍然能够通过它点击底层元素，你可以使用 `pointer-events: none`。
当 `pointer-events` 设置为 `none` 时，意味着元素将不响应任何鼠标或触摸事件。这在以下场景中很有用：
- 当你有一个重叠的元素，但不希望它阻止底层元素接收事件时。
- 当你想要禁用某个元素的交互性，例如，覆盖在视频或动画上的暂停/播放按钮。
相反，如果 `pointer-events` 设置为 `auto`（默认值），元素将正常响应事件。
例如，如果你有一个透明的覆盖层，并且希望用户仍然能够通过它点击底层元素，你可以使用 `pointer-events: none`。
展开
2
1
赞了这篇文章
赞了这篇文章
1. this.dataList[index] = mergeSingleResult;
这行代码是直接赋值给 dataList 数组的某个索引位置。虽然这在 JavaScript 中是一个合法的操作，但 Vue.js 的响应性系统可能无法检测到此更改，从而无法触发视图的更新。
2. this.$set(this.dataList, index, mergeSingleResult);
这行代码使用了 Vue.js 的 $set 方法，这是为了确保 Vue.js 的响应性系统能够检测到数组的变化。$set 是 Vue 提供的一个辅助方法，用于向已经存在的对象或数组添加新的属性或修改已有属性值，并且确保这些更改是响应式的。
主要区别
响应性系统：
this.dataList[index] = mergeSingleResult;：Vue 可能无法检测到此更改，视图可能不会更新。
this.$set(this.dataList, index, mergeSingleResult);：Vue 能够检测到此更改，并且会触发视图更新。
适用场景：
this.dataList[index] = mergeSingleResult;：在 Vue 2.x 中，不推荐用于改变数组或对象的现有属性，因为响应性系统可能无法捕捉到。
this.$set(this.dataList, index, mergeSingleResult);：推荐用于确保响应性系统能正确捕捉到更改。
建议
在 Vue 2.x 中，当你需要更新数组或对象中的元素并希望这些更改被 Vue 的响应性系统正确捕捉到时，建议使用 $set 方法。
这行代码是直接赋值给 dataList 数组的某个索引位置。虽然这在 JavaScript 中是一个合法的操作，但 Vue.js 的响应性系统可能无法检测到此更改，从而无法触发视图的更新。
2. this.$set(this.dataList, index, mergeSingleResult);
这行代码使用了 Vue.js 的 $set 方法，这是为了确保 Vue.js 的响应性系统能够检测到数组的变化。$set 是 Vue 提供的一个辅助方法，用于向已经存在的对象或数组添加新的属性或修改已有属性值，并且确保这些更改是响应式的。
主要区别
响应性系统：
this.dataList[index] = mergeSingleResult;：Vue 可能无法检测到此更改，视图可能不会更新。
this.$set(this.dataList, index, mergeSingleResult);：Vue 能够检测到此更改，并且会触发视图更新。
适用场景：
this.dataList[index] = mergeSingleResult;：在 Vue 2.x 中，不推荐用于改变数组或对象的现有属性，因为响应性系统可能无法捕捉到。
this.$set(this.dataList, index, mergeSingleResult);：推荐用于确保响应性系统能正确捕捉到更改。
建议
在 Vue 2.x 中，当你需要更新数组或对象中的元素并希望这些更改被 Vue 的响应性系统正确捕捉到时，建议使用 $set 方法。
展开
3
1