《精选问答》挑选CSDN问答频道每周最新最热的优质回答&＃xff0c;为大家提供可信赖的优质解答&＃xff0c;点击查看更多已解决问题

目录

1、python自定义类的私有类中&＃xff0c;如何实例化私有类本身

2、VUE中如何实现鼠标移动到某网页区域&＃xff0c;屏蔽滚轮的功能

3、vue3的render函数绑定点击事件失败

4、C中free报错问题&＃xff1a;heap corruption detected

5、通过id调用的函数&＃xff0c;如何在一个页面中运行多次&＃xff1f;

6、echarts 实现动态数据展示效果

7、原生js页面内点击导航按钮跳转到指定位置&＃xff0c;为什么实现不了&＃xff1f;

1、python自定义类的私有类中&＃xff0c;如何实例化私有类本身

问题描述&＃xff1a;

在下述代码中&＃xff0c;执行之后会有出错提示 NameError: name &＃39;_B__B&＃39; is not defined

class A:
def __init__(self):
self.name &＃61; &＃39;测试类&＃39;
self.class1 &＃61; self.__B()
self.class2 &＃61; self.class1.doSomeThing()

class __B:
def __init__(self):
self.name &＃61; &＃39;私有类&＃39;

def doSomeThing(self):
return __B()

a &＃61; A()


 请问&＃xff0c;如何在私有类中实例化本身的类型&＃xff0c;使用公有类可以实例化&＃xff0c;不用回答这个方式了

解决方案——来自&＃64;sHlsy1995的回答

关键还是你是一个私有类&＃xff0c;所以在A里的名字不是__B而是_A__B

class A:
def __init__(self):
self.name &＃61; "测试类"
self.class1 &＃61; self.__B()
self.class2 &＃61; self.class1.doSomeThing()

class __B:
def __init__(self):
self.name &＃61; "私有类"

def doSomeThing(self):
return self.__class__()


本题更多回答戳链接&＃xff1a;https://ask.csdn.net/questions/7449628

---

2、VUE中如何实现鼠标移动到某网页区域&＃xff0c;屏蔽滚轮的功能

问题描述&＃xff1a;

如图&＃xff0c;这是一个用canvas库&＃xff08;fabric.js&＃xff09;生成的图像&＃xff0c;用鼠标滚轮能使图像缩放。问题是用滚轮的同时&＃xff0c;整个网页也会上下滚动。有没有办法让我鼠标停留在图像上滚动时&＃xff0c;屏蔽网页的滚动。

我知道Vue有一个&＃64;scroll.prevent的写法&＃xff0c;但是好像只能用在特定的组件上&＃xff0c;如input.

如果用VUE不行的话&＃xff0c;用原生js解决也行。

以下是滚轮实现canvas画布缩放的代码

onMouseWheel(){
// 滚动缩放画布大小
this.canvas.on(&＃39;mouse:wheel&＃39;, (options) &＃61;> {
let zoom &＃61; (options.e.deltaY > 0 ? -0.1 : 0.1) &＃43; this.canvas.getZoom()
// 最小为原来的1/10
zoom &＃61; Math.max(0.1, zoom)
// 最大是原来的3倍
zoom &＃61; Math.min(5, zoom)
// 在中心缩放
const zoomPoint &＃61; new fabric.Point(this.canvas.width / 2, this.canvas.height / 2)
this.canvas.zoomToPoint(zoomPoint, zoom)
})
}

——————————————————6月15日更新

贴出我最后实现的代码&＃xff0c;唯一的缺点就是滚动条会消失

window.onload &＃61; ()&＃61;>{
let mapcover &＃61; document.getElementById("mapcover");
console.log(&＃39;执行了&＃39;)
mapcover.onmouseout &＃61; ()&＃61;>{
document.documentElement.style.overflow&＃61;&＃39;auto&＃39;;
}
mapcover.onmouseover &＃61; ()&＃61;>{
document.documentElement.style.overflow&＃61;&＃39;hidden&＃39;;
}
}

解决方案——来自&＃64;雨生百谷&＃xff0c;方为谷雨的回答

你可以试试给canvas绑定个mouseover和mouseout事件在这个里可以设置个禁用滚轮 类似这样https://www.cnblogs.com/linjiangxian/p/11460930.html &＃xff0c;其他方法都会很麻烦&＃xff0c;比如鼠标移动获取坐标&＃xff0c;之类的

本题更多回答戳链接&＃xff1a;https://ask.csdn.net/questions/7448934

---

 

3、vue3的render函数绑定点击事件失败

问题描述&＃xff1a;

app.component("child", {
props: ["count"],
methods: {
handleClick() {
console.log("test");
},
},
render() {
const { h } &＃61; Vue;
return h(
"div",
{
on: {
click: this.handleClick,
},
style: {
cursor: "pointer",
},
},
" count: " &＃43; this.count
);
},
});

代码如上&＃xff0c;我想使用render函数创建一个组件模板&＃xff0c;并且给该组件绑定一个点击事件&＃xff0c;为什么不能成功&＃xff1f;应该怎么写&＃xff0c;上面是我百度的写法。可这写法写上去&＃xff0c;只是让html代码多一个on的属性&＃xff0c;和事件没什么关系。

count: 1

 解决方案——来自&＃64;前端-海鸟的回答

vue3中需要使用onClick驼峰写法&＃xff0c;这样写就生效&＃xff0c;具体参考官方文档&＃xff1a;https://v3.cn.vuejs.org/guide/render-function.html#h-%E5%8F%82%E6%95%B0

本题更多回答戳链接&＃xff1a;https://ask.csdn.net/questions/7450129

---

4、C中free报错问题&＃xff1a;heap corruption detected

问题描述&＃xff1a;

这是一个关于AVL树的问题&＃xff0c;我对current复制后&＃xff0c;并没有改动其内容&＃xff0c;怎么会free报错呢&＃xff1f;以下是删除AVL节点的函数&＃xff0c;在图中画红线的地方报了错。

解决方案——来自&＃64;qfl_sdu ​​​​​​的回答

你看一下你创建节点的时候&＃xff0c;申请的空间是多大&＃xff0c;这个错误一般都是操作malloc或者new申请的内存溢出。 用malloc或new申请了一个特定大小的内存&＃xff0c;但是后期对这块内存进行复制&＃xff0c;可能超过了该内存大小的范围&＃xff0c;再进行free或者delete的时候&＃xff0c;就会报错。

free前需要判断是否为NULL&＃xff0c;代码修改如下&＃xff1a;

//原始代码
if(parent->left &＃61;&＃61; current){
parent->left &＃61; NULL;
free(current);//这里需要判断current是不是NULL
}

//上述代码修改为&＃xff1a;
if(parent->left &＃61;&＃61; current){
if(current) free(current);
parent->left &＃61; NULL;
}

本题更多回答戳链接&＃xff1a;https://ask.csdn.net/questions/7452154

---

5、通过id调用的函数&＃xff0c;如何在一个页面中运行多次&＃xff1f;

问题描述&＃xff1a;

用了一个js脚本&＃xff0c;是通过id调用的&＃xff0c;但是只能调用一次&＃xff0c;如何修改能多次调用该脚本&＃xff0c;或者有别的方法解决问题&＃xff0c;脚本如下&＃xff1a;

(function () {
var radioWrap &＃61; document.getElementById("radio_wrap"),
li &＃61; radioWrap.getElementsByTagName("li");
for (var i &＃61; 0; i li[i].onclick &＃61; function () {
for (var i &＃61; 0; i li[i].className &＃61; "";
}
this.className &＃61; "checked";
}
}
})();

前端代码

机身分类

• 
  
  海风青
  
  


• 
  
  暗夜蓝
  
  


• 
  
  绯玉红
  
  

机身分类

• 
  
  海风青
  
  


• 
  
  暗夜蓝
  
  


• 
  
  绯玉红
  
  

解决方案——来自&＃64;CSDN专家-showbo的回答

id不能一样&＃xff0c;一样需要使用属性选择器&＃xff0c;不能用id选择器。你要分2组radio的话name不能一样&＃xff0c;一样上下2组只能选择一个&＃xff0c;只需要导入一次&＃xff0c;在所有html代码最后导入一次就行。

机身分类

• 
  
  海风青
  
  


• 
  
  暗夜蓝
  
  


• 
  
  绯玉红
  
  

机身分类

• 
  
  海风青
  
  


• 
  
  暗夜蓝
  
  


• 
  
  绯玉红
  
  

本题更多回答戳链接&＃xff1a;https://ask.csdn.net/questions/7450844

---

6、echarts 实现动态数据展示效果

问题描述&＃xff1a;

我现在正在用datav&＃43;vue 实现一个大屏展示的系统&＃xff0c;我做的一个折线图&＃xff0c;现在想实现动态显示效果。

我测试了一下&＃xff0c;因为数据是从服务端取到的&＃xff0c;我做了一个定时器每隔一段时间就去服务器端取一次数据&＃xff0c;但是每次都是折线图整个刷新闪一下&＃xff0c;然后在显示新的&＃xff0c;根本实现不了那种不闪的动画效果。我如果不通信然后把数据随机set进去就可以实现&＃xff0c;但是不通信也不行啊&＃xff0c;大家有没有什么好的实现方案啊

这样的话就是有动画效果&＃xff0c;看不出数据是刷新的&＃xff0c;然后折现会变化。而如果数据是从后台服务器取出来的&＃xff1a;

const setData &＃61; () &＃61;> {
cdata.category &＃61; [];
cdata.lineData &＃61; [];
for (var i &＃61; 0; i <10; i&＃43;&＃43;) {
cdata.category.push((Math.random() * 10 &＃43; 40).toFixed(3));
cdata.lineData.push((Math.random() * 20 &＃43; 4).toFixed(3));
}}

这样两端代码用定时器调用&＃xff0c;产生的效果不一样啊&＃xff0c;后一种是明显是重新刷新的图表&＃xff0c;而前一种就看不出来刷新&＃xff0c;折线一直在动&＃xff0c;第二种就是去服务器去一次数据闪一下&＃xff0c;刷新图表&＃xff0c;效果太不好了。 

const setData &＃61; () &＃61;> {
cdata.category &＃61; [];
cdata.lineData &＃61; [];
axios.post(&＃39;http://localhost:8080/xy/list&＃39;).then(
function (response) {
for (var i &＃61; 0; i cdata.category.push(response.data[i].xy);
cdata.lineData.push(response.data[i].cd);
}
}
);
}

解决方案——来自&＃64;小P聊技术的回答

你如果是不要刷新效果&＃xff0c;正常他会有过渡动画的。可以加这个配置&＃xff1a;animation 是否开启动画。一般不做设置。

animation: true, 默认为true&＃xff0c;如果设置了false&＃xff0c;那么刷新的时候不会有动画效果&＃xff0c;另外这个只要是bool值就行。
比如&＃xff1a; animation: 1>&＃61;1, —> true, || animation: 1<1, —> false&＃xff0c;option里面

option &＃61; {

animation:false

}

if (option && typeof option &＃61;&＃61;&＃61; &＃39;object&＃39;) {
myChart.setOption(option);
}

本题更多回答戳链接&＃xff1a;https://ask.csdn.net/questions/7448105

---

7、原生js页面内点击导航按钮跳转到指定位置&＃xff0c;为什么实现不了&＃xff1f;

问题描述&＃xff1a;

原生js页面内点击导航按钮跳转到指定位置&＃xff0c;为什么实现不了&＃xff1f;&＃xff0c;代码如下&＃xff1a;

(function(){
var productUl &＃61; document.getElementById("product_ul");
var productLi &＃61; productUl.getElementsByTagName("li");
var listul &＃61; document.getElementById("productUl");
var listli &＃61; listul.getElementsByTagName("li");
var pheight &＃61; document.getElementById("product_product");
function productDh(dj){
for(var i&＃61;0;i productLi[i].className &＃61; "";
}
productLi[dj].className &＃61; "producton";

}
for(var j&＃61;0;j productLi[j].index &＃61; j;
productLi[j].onclick &＃61; function(){
productDh(this.index);
}
}
/*
*循环每个导航按钮&＃xff0c;添加监听点击事件&＃xff0c;点击跳转到相应的位置&＃xff0c;为什么实现不了&＃xff0c;
*我想把a的值根据productLi[i]点击哪一个跳转到相应的listli[j].offsetTop - h
*/
for(var i&＃61;0;i var h &＃61; pheight.offsetHeight;
productLi[i].addEventListener("click",function(){
for(var j&＃61;0;j var a &＃61; listli[j].offsetTop - h;
console.log(a);//这里控制台都能输出每一项
window.scrollTo(0,a);//这里就接收不了a里面的数值
}
});
}
}());

解决方案——来自&＃64;CSDN专家-showbo的回答

你这个代码是跳转到最后的listli所在位置了&＃xff0c;应该改成下面这样&＃xff1a;

for (var i &＃61; 0; i productLi[i].addEventListener("click", function () {
var h &＃61; pheight.offsetHeight;//放里面来&＃xff0c;防止页面resize过
var i &＃61; this.index;//this为当前点击的li&＃xff0c;获取你上一次for循环设置的index property
var a &＃61; listli[i].offsetTop - h;
console.log(a);//这里控制台都能输出每一项
window.scrollTo(0, a);//这里就接收不了a里面的数值
});
}


本题更多回答戳链接&＃xff1a;https://ask.csdn.net/questions/7450770