因该没有重复执行 只是因为你的APP 被 StrictMode严格模式包裹了，去掉就行。

"https://view.officeapps.live.com/op/embed.aspx?src=" (https://link.segmentfault.com/?enc=vCf9frRw5AI1Bko%2FOAmwaQ%3D%3D.4cUPDsgNkuXHXcEw6y36FMXLJPY6cpX7J2jsgH5HX5cfsJIH66dTlWBK27M6z%2BTp3yA8DJq7fe72rGS3ZSV2OQ%3D%3D) 我是用这个地址预览一个word文件, 我可以自己设置一开始显示的默认的显示比例吗 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250106/0fd6b3591b4e615149589f71998b43b0.png)

现在有一个这样的场景，想要请教一下， 比如，我们在使用嵌入式数据库sqlite的时候，我们知道如何给表增删改查数据， 但是前提是有表，请问表一般是在哪个时间段进行创建的呢？ 我的想法，在安装软件的时候进行初始化表到sqlite文件内。 请问这个是否是通常的做法呢？还是说有其他的更加合理方式，比如打开软件的时候检查数据表是否存在，如果不存在再创建？

解决方案 Solution 通过VChart图表的事件交互可以实现这个功能 1. 注册图表元素的点击事件 2. 通过事件回调参数可以拿到点击事件的信息，例如事件坐标等 3. 渲染一个菜单，菜单中添加你需要响应的操作 代码示例 Code Example vchart.on("pointerdown", { level: "mark" }, ({ event }) => { // show your menu event.preventDefault(); menu.style.display = "block"; menu.style.left = `${event.pageX}px`; menu.style.top = `${event.pageY}px`; }); 结果展示 Results "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/86937162c5508fe5a6b77fb53bc0c5df.png) Demo: "https://codesandbox.io/s/click-menu-m42d9j" (https://link.segmentfault.com/?enc=JHb6yVFQ234XVsuNxhMlHw%3D%3D.t4aHOELLN5p3Uccg3A5jSYIrIcCRu8gbEibLFEJhd%2FRlCc7QjAAYzsGt0you0bA0) 相关文档 Quote Event option: "https://visactor.io/vchart/api/API/event" (https://link.segmentfault.com/?enc=sPYQvJpUIsGikSRJWm0aFA%3D%3D.jViOEB8CIAcaHBh27pk97ZsmnK9jm9acQmb1HFcpvZcANTw1hbYvKGt2dxOUywC6) Event tutorials: "https://visactor.io/vchart/guide/tutorial_docs/Event" (https://link.segmentfault.com/?enc=Er%2F83A%2FY%2Bf3GMNBaUPObGw%3D%3D.VxWZiinBrBOIcpt%2BJ1k48HC2HspWXAbA8W3%2B0UEJfgVal%2Ff7EG4Nyd7qQXDy8dajs2PdPzQ6Z2OOxCT7d7kNNw%3D%3D) github："https://github.com/VisActor/VChart" (https://link.segmentfault.com/?enc=vMLmOKb6d7c3RcOH9SZhgw%3D%3D.TFuwOG%2BYjosd7lDytiHR%2FyQQEoSHU5nxofhFH2hWQzpAjzLP3mKyuoV3Zi0U2Mbu)

它本身只是一个常用方法的合集，学习使用成本极低。。随手拿，随手用。。 它带的 * flatMap: 现在 es 标准 已经加入了flatten * debounce函数防抖 * throttling函数节流 * shuffle（洗牌算法） 等等实用的功能，这有些自己从头实现还挺麻烦的。。除非js全部自带这些功能，并且你不想研究，这些功能具体实现原理，只是用，那就可以不去学。

function setAttrsToElement(el: HTMLElement, attr: Record) { for (const key in attr) { el.setAttribute(key, attr[key]) } } 1. 第一个参数是一个element 类型。 2. 第二个参数我想约束为 css 属性。 这个函数接收两个参数，这个函数会遍历第二个参数的 key value 附加给 el 作为属性。 想达到的目的： 在调用这个函数时，代码可以提示自动补全出属性值。 问题补充，在 ts 4.6.4 下 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241225/c7a9a99cec05db090f7b1a1862613bfc.png)

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241222/19fd41cf88a386e8fb236291b88db6d8.png) 如图所示，只要这个对象有原型，就会显示构造函数名称

我使用jqui中的draggable小部件。 我希望当我的draggable元素拖拽到某个区域后，能产生一个新元素“#block”，并且这个新元素能够被draggable的"snap"所识别 我的代码如下： $("#ball").draggable({ refreshPositions:true, snap:"#block", statr: function(event,ui) { //创建#block元素的函数 createBlock() } }) 我发现#block元素能够正确被创建，并且没有任何拼写错误，但是"#ball"元素仍然无法识别#block元素，也无法吸附上去。我尝试使用refreshPoistion:true来更新draggable元素，但这没有效果。 我应该怎么解决这个问题，或者说，我能通过其他方法来完成我的需求吗？谢谢你的建议和回答！

插入数据之前或者之后： public void save(DatapointData data) { String collectionName = data.getPid(); // 保证集合的索引存在 ensureIndexes(DatapointData.class, collectionName); // 插入数据 mongoTemplate.insert(data, collectionName); } public void ensureIndexes(Class entityClass, String collectionName) { IndexOperations indexOps = mongoTemplate.indexOps(collectionName); indexOps.ensureIndexes(entityClass); } 建一个MongoIndexCreator类： import org.springframework.data.mongodb.core.MongoTemplate; import org.springframework.data.mongodb.core.index.IndexOperations; import org.springframework.stereotype.Component; @Component public class MongoIndexCreator { private final MongoTemplate mongoTemplate; public MongoIndexCreator(MongoTemplate mongoTemplate) { this.mongoTemplate = mongoTemplate; } public void createIndexes() { // 创建DatapointData集合的索引 IndexOperations indexOps = mongoTemplate.indexOps(DatapointData.class); indexOps.ensureIndexes(); } } Spring Boot应用程序启动时候调这个方法： import org.springframework.boot.CommandLineRunner; import org.springframework.stereotype.Component; @Component public class IndexInitializerRunner implements CommandLineRunner { private final MongoIndexCreator mongoIndexCreator; public IndexInitializerRunner(MongoIndexCreator mongoIndexCreator) { this.mongoIndexCreator = mongoIndexCreator; } @Override public void run(String... args) throws Exception { mongoIndexCreator.createIndexes(); } }

是在注册页面获取吗？ 还是在个人资料那边， 让用户主动去改？ 我们现在可能想要用户，必填用户昵称，应该怎么做呢？ 一般大家都是怎么做的？ 谢谢大家

各位大佬们，当我在构建docker容器的时候意外遇到了这个错误，想问问各位如何解决 其中docker报错 answer imports github.com/answerdev/answer-basic-connector: module github.com/answerdev/answer-basic-connector: git ls-remote -q origin in /go/pkg/mod/cache/vcs/2eb01f4aadbb28882970063faa18a6e807b04bd4da767dddd04d856f1fa4e95b: exit status 128: fatal: could not read Username for 'https://github.com': terminal prompts disabled Confirm the import path was entered correctly. If this is a private repository, see https://golang.org/doc/faq#git_https for additional information.

找到解决办法了，官方文档的api并不能生效（如下）。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241206/3487face5a9ef992e78a29f49eb21049.png) 改为： 将 color 属性直接放置在 label 内，不放在 textStyle 内 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241206/ecb7dfa5c51132ba051f867fb49c1059.png)

"v-for="(item1, index1) in dtsg_arr""改成"v-for="(item1, index1) in dtsg_arr.slice(index * 6, (index + 1) * 6)""

如下图，自己在node.js中实现了一个用于记录错误的装饰器，然后发现装饰器能用在类或者类的方法中，而用在独立的方法中则会报错：Decorators are not valid here.ts(1206) 所以想请教下node.js中装饰器是否只能用于类或者类的方法上的呢 https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241204/47b2a0a619477a8eb010f03102841934.png

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241201/6c01387ea52e5f6676a3f18ab722a26f.png)

我发现 "_A" 是可以访问的但是 "__B" 是无法访问的会报错："Unexpect System Error：'A' object has no attribute ...." class A: @property def _A(self): @property def __B(self): 不是说下划线只是约定而已么，怎么其实还是有实际作用的

我有这样一段数据： { type: 'root', key: '8120abb2-d5c8-4843-8170-0ac1fc07a6c1', conditionValue: 'and', conditionLabel: '并且', children: [ { type: 'group', label: '规则组1', key: '143c2a99-8316-45aa-8bdf-6c5aea09ca56', conditionValue: 'or', conditionLabel: '或者', children: [ { type: 'dimension', label: '维度1', key: 'fa155535-f339-44d6-b368-32ac7f10b83f', conditionValue: 'or', conditionLabel: '或者', children: [ { type: 'rule', label: '规则1', key: '08979aee-221f-49a4-991c-39306317ecdc', dimensionLabel: '职位', dimensionValue: '1', conditionLabel: '等于', conditionValue: '=', inputLable: '1', inputValue: '1', }, { type: 'rule', label: '规则-2', key: '78aa74dc-4982-4a9f-93c4-5a16fdf0ea76', dimensionLabel: '职位', dimensionValue: '1', conditionLabel: '等于', conditionValue: '=', inputLable: '2', inputValue: '2', }, { type: 'rule', label: '规则-3', key: '8c760cf5-e042-4b33-ab08-c42282d74ed6', dimensionLabel: '职位', dimensionValue: '1', conditionLabel: '等于', conditionValue: '=', inputLable: '3', inputValue: '3', }, ], }, { type: 'dimension', label: '维度2', key: '30357f52-2773-4dd2-9775-88f55ba5fa77', conditionValue: '', conditionLabel: '', children: [ { type: 'rule', label: '规则1', key: 'db6e0e61-2374-43c9-8a3e-176cf6e9221b', dimensionLabel: '职级', dimensionValue: '2', conditionLabel: '不等于', conditionValue: '!==', inputLable: 'a', inputValue: 'a', }, ], }, { type: 'dimension', label: '维度3', key: '25864967-8226-494d-b1a5-536d5ad78eb1', conditionValue: '', conditionLabel: '', children: [ { type: 'rule', label: '规则2', key: '4ba45def-5b59-4022-8f41-c382ef1e98aa', dimensionLabel: '职级', dimensionValue: '2', conditionLabel: '不等于', conditionValue: '!==', inputLable: 'b', inputValue: 'b', }, ], }, ], }, { type: 'group', label: '规则组2', key: 'c1a86886-5f07-4454-915d-48370218aaaa', conditionValue: '', conditionLabel: '', children: [ { type: 'dimension', label: '维度1', key: '1785ce8f-55b4-4d5a-97b2-4b80244ebb17', conditionValue: '', conditionLabel: '', children: [ { type: 'rule', label: '规则1', key: 'e5b9f804-46f0-4082-ac40-024a5907248f', dimensionLabel: '职位', dimensionValue: '1', conditionLabel: '等于', conditionValue: '=', inputLable: 'cc', inputValue: 'cc', }, ], }, ], }, ], } 我想编写一个函数，该函数最终的返回结果为： ((职位 = 1 or 职位 = 2 or 职位 = 3) or (职级 != a or 职级 != b)) and (职位 = cc) 目前我用递归没写出来

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241128/a52adf916f12bd4627700ca61f057f1c.png) 地址："https://www.opentiny.design/tiny-vue/zh-CN/os-theme/components/grid" (tiny-vue)

你问题的中的代码可以等价于下面的： a = 1; function test() { var a; console.log(a); // undefined a = 2; console.log(a); // 2 } "var a = 2; " 语句包含了声明变量和给变量赋值，因为变量提升(hositing)会把变量声明提升到函数开始位置，而赋值语句不会提升。所以运行到第一个"console.log(a);" 时，因为函数已经有 a 变量，就会输出 函数中 a 变量的值，因为只有声明没有初始化，所以是 undefined.

求推荐，稳定的商品条码查询API？

请问，我们对于数据库一般有哪些基本的工具需求？ 比如：针对关系型数据库MySQL，我们需要： 1、导出数据库(mysqldump)到本地 2、请问导出数据库到本地是否HeidiSQL这样的工具是本身就有的呢？ 3、查看数据库的基本信息 还有哪些需求呢？

设计稿长这样： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241123/051b7eb0fa25211cf935f574b9972269.png) 思路1：通过elment-ui的progress改，但是不好调 思路2：自己写一个纯原生的... 还有没有其他思路呀 主要问题是： 1、进度条中间的那个圆环效果，要自己写，elment-ui我插入不进去节点 2、还有鼠标移上去的提示信息，需要加个mousemove事件

这边引入了一个库，然后用tsc编译index.ts后，报错 Error [ERR_REQUIRE_ESM]: require() of ES Module 了。需要怎么处理呢？ 代码： 引入了这个库 https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241118/fe7beb25efe4f48a78f422accb08afb8.pnghttps://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241118/0ecada4a971508d352f96bd3bdb84cd6.png 然后创建了一个index.ts代码运行 import { ID3Writer } from 'browser-id3-writer'; console.log(ID3Writer) 然后就报错了： Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/yyy/Documents/node-music/node_modules/.pnpm/registry.npmmirror.com+browser-id3-writer@6.0.0/node_modules/browser-id3-writer/dist/browser-id3-writer.mjs not supported. Instead change the require of /Users/yyy/Documents/node-music/node_modules/.pnpm/registry.npmmirror.com+browser-id3-writer@6.0.0/node_modules/browser-id3-writer/dist/browser-id3-writer.mjs to a dynamic import() which is available in all CommonJS modules. 有这块懂的能帮忙解答下嘛？谢谢了

python 怪事 23300*0.7 = 16309.999999999998？ 如何解决?

这个支持选词: «"https://microsoftedge.microsoft.com/addons/detail/%E7%BF%BB%E..." (https://link.segmentfault.com/?enc=gK7lnSwEW6iwuep1grCL8A%3D%3D.WylG17s3Xi8BovrserxZNy1tGs1djffCHrlh0QtKnWky66TL%2BXCPMlf2d190L%2FauPjbf8K0%2BWvwhvJHaoW%2B0kRjSQ0xrW0FEpWRDUS9IVX1Kju1GHh6YdkhIrYJBuans46LJ%2BarnB991mTVX%2B3e9G80kXuW7bgO7Of2smFPoCzY%3D)» 这个也不错, 支持选词, 一直再用 «"https://microsoftedge.microsoft.com/addons/detail/%E6%B2%99%E..." (https://link.segmentfault.com/?enc=%2BGZXHehKT77XbAc7Wx%2BEXA%3D%3D.DFBG1y198i4vfANyiS28rK2z90gEbXm7MJF3twuL61hpey46Qxno9ZhtqjKN%2FL7YyZ1nC2lsvHVTmQzJV6EO7my8Ji8%2FmHdsZtRoM96NcU45XoYMP8%2FVFk%2F%2B2yAQZbFMqP7szNTdVOKBC0eBYl5LNMUv%2BGeNhLlUZ%2FV6bOfqILTWQao6nVV0u%2FBWeSmUFcV2OzuhLtpjBQ4ecNZMcIj3edv9Yrdg%2BAimQHlomCmBpCbeZMR9zbdO1jNgxpI8m6LD)» «"https://microsoftedge.microsoft.com/addons/detail/ai%E5%8A%A9..." (https://link.segmentfault.com/?enc=AWLssMIWdCaIxdVsHFfgjg%3D%3D.HX5mMFkBxWK3LzJII3Njr%2BuC87Ocdv65dyRvVyszscip2inW7hisP1YzCDlE%2FR7an%2BKrZH2tPhgagU%2FAxZacQWJkWH8dKiT%2BlWv7dLFTBO6zsZq3phDv3nPTVxCcZarB3XTlznZd75ysXMh0rhKMng%3D%3D)»

LNGX环境中添加了2个主机，反向代理的是自己docker部署的应用，目前可以正常访问，这两个访问的地址是a.test.com和b.test.com "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241109/55101360d32a9dbed00f4323e2d3f6f0.png) LNMP环境中添加了2个主机，一个是wordpress程序，访问的是c.test.com，可以正常访问，另外一个是纯静态的html应用，访问的是test.com，不带子域名的，访问的时候内容是LNGX环境中最新部署的b.test.com的内容。 "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241109/dfdd43aa580fbf042d3c1b82b3a6739f.png) 求解，不知道是少啥配置了，其他域名都能正常访问，唯独不带子域名的访问有问题。

我已经找到解决方法了，监视页面页面某一个属性 重新加载main 函数即可

AMH面板，国外服务器，安装完成后，谷歌浏览器直接访问IP:端口号，打开面板后台显示 400 Bad Request Request Header Or Cookie Too Large nginx 火狐、Edge浏览器打开正常。 直接访问IP也是同样的报错内容。"报错信息" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/481c2ab517b959582f482cb4558b30bc.png) 还是第一次遇到这个问题，希望官方能解答一下。 重新安装AMH后，问题依旧。依然是谷歌浏览器无法打开，其它浏览器打开正常（包括火狐、edge、qq浏览器、搜狗浏览器极速模式）。

这个是服务器自身的ca根证书过期了，所有R3的证书都无法校验与访问， 一般是比较旧的系统没更新根证书才有这个问题。 上面CentOS_64这个是哪版本，建议是换较新版本的系统，或也可以尝试用http请求安装， wget "http://dl.amh.sh/amh.sh" (https://link.segmentfault.com/?enc=XJr7iQeO2wseXyfFo4fh%2FQ%3D%3D.SCTmG%2BsuaZwSd2KQqVXTvB5%2BRVtiQf3iBlOiCx9ATJI%3D) && bash amh.sh 如果正常匹配也会会自动更新根证书。

可以修改, 不知道你所谓不能修改是什么意思: const numberValidateForm = reactive({ name: "sd fa sdf", }); numberValidateForm.name = numberValidateForm.name.replace(/\s+ /g, ""); console.log(numberValidateForm.name, 'eq'); "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241102/d36d13141c5b19213ceb976e48847fe1.png)

css 如何设置背景图片的透明度？ 代码类似： 文字要清晰可见 网上了搜了说用 "background-color: rgba(255, 255, 255, 0.5);" 然而实际并没效果，最后那个数字我即使调到 "0" 依然没任何效果。 恳请大佬指点，谢谢。

站立一个博主有解释, 蛮清楚的: «"https://segmentfault.com/a/1190000041648370#item-4" (https://segmentfault.com/a/1190000041648370#item-4)»

应该是浏览器的问题，换了最新版的firefox就可以了。

需要软件商店更新，等这边安排。 （另外不是软件技术等问题，不建议发在SF的问答。）

use std::ops::Add; fn sum(array: &[T])-> T where T: Add + Copy + Default, { let mut sum: T = Default::default(); for i in array { sum = sum + *i; } sum }

根据不同的场景，常用的有两种方案 1. 如果单纯判断属性存在才能赋值，可以用楼上提供的 "可选链" 这种方案if (a?.b?.c?.d?.e) { a.b.c.d.e="hello"; } 2. 如果不存在的情况也要创建并赋值，可以用 "lodash" 的 "set" 函数import _ from 'lodash-es'; _.set(a, 'b.c.d.e', 'hello') "https://www.lodashjs.com/docs/lodash.set#_setobject-path-value" (https://link.segmentfault.com/?enc=0cuUCgMHwYlrUUSavI1t8g%3D%3D.G2akqoPij88546kSF3OuPp0BH4DP0W612WvI%2FjZljInA%2B%2FCuEREA1Y8ODop64kggXQJ70u3pcBB7JJD9V9KQ7w%3D%3D) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/8f4ed81edaad4cb14fde83a2f5d1a0ef.png)

serial发送和读取的函数调用之后，使用data_ser.flush()刷新一下缓存区就行了

主要是还可能是这个吧。 «parentNode 是指定节点的父节点。一个元素节点的父节点可能是一个元素（Element）节点，也可能是一个文档（Document）节点，或者是个文档碎片（DocumentFragment）节点。» "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/c6efbfe5ae6506ec99a71fae8bc8b244.png) * "Node.parentNode - Web API 接口参考 | MDN" (https://link.segmentfault.com/?enc=1Hu%2FnQJc1MXtH3MHwz8ndA%3D%3D.PSvVxRRGf6%2F4oVdrzfJr%2B3XJzT3ByldGVqs8ImmX%2FEXzu13eiTwo8uGT2EytTX7Mi9PM8B1pwkVErnkl3mk%2FVSeKBmk%2FE0rNVapZMbvva3M%3D)

下面是我的实现，需要遍历一级路由。最终实现了不管有多少级路由，都能“记住”，各位有什么更好的方法?个人心得就是用vue如果要把用户体验搞上去，好需要硬功底 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/e850f2ca232b90549c4f027111bcdaf9.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/8c1b6302189d51ad06f6b789bf7bff42.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/85579dd6f0539f9316eb0e4b18ed40e5.png)

"https://echarts.apache.org/zh/option.html#series-bar.label" (https://link.segmentfault.com/?enc=GiIfJbCAdI9y39OnG88sRQ%3D%3D.U92WYJlsBh%2BXHokfs4zwodqrJO2FNhPBujn%2FnAP0z73F3zr63Zm%2BhFhkKilP6bpB%2FHQVlR7TeV85F1iL%2FwQ41g%3D%3D) 参考这个配置项 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/b625eca835475f09ededda7bd92b8988.png)

额，这已经很明显了啊 Allowed memory size ，FPM 分配的内存不够用了，改一下 "php.ini" 里面的 memory_limit ，现在的应该是 128M，改大一点儿，256M 或者 512M。

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/64b18d2ec89d4bb382c5129e91e5f511.png) 在 cnpm i 安装依赖时 会报 如图错误，问遍度娘未得答案 请问是否有遇到过相同问问题的伙伴，应该如何处理呢？ *** 补充我的 npm 源地址： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/ad63c3821754b9d3bc1ae3de4640a13c.png)

感觉是因为文字行高的问题导致意外显示了第二行的文本内容的顶部？调整一下高度看看？

前端请求接口，接口使用异步方式不结束，然后使用FFmpegFrameGrabber读取RTSP,结果交给FFmpegFrameRecorder。FFmpegFrameRecorder转码成flv，结果交给下面的类，下面的类会解析byte数组，将flv包源源不断写给响应流，就像文件下载形式一样，前端flv播放器拿到flv包就会解析播放，斗鱼虎牙都是http-flv这种方案。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/e8a3a675f8383a4f0e99066b97ec2dab.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/cfe17da81dc21fd6d6a563654de3a8d8.png)

1、imageTableData有没有在组件内声明，没声明的话是不被监听的 2、imageTableData初始值是undefined，所以组件初始化时打印是undefined，后面imageTableData更新不会让组件重新初始化，此时你应该在组件内监听imageTableData或者用update钩子看imageTableData有没有变化。 其他一些无关槽点： 1、组件内使用数据不需要使用this，虽然写了好像也能获取到（具体忘了） 2、setTimeout第一个参数可以是函数，可以是字符串，你传了一个语句过去，相当于运行到这句的时候，先进行visible的赋值，然后把赋值结果true传给定时器

项目中多处使用到 PDF 打印功能，我之前采用的实现方案是： 1 先在 html 上渲染出来 2 通过 html2canvas 转换为 canvas 3 通过 canvas.toDataURL 转换为 jpeg 图片 URL 4 通过 jspdf 创建 PDF 并添加转换来的 jpeg PDF 模板中各元素尺寸是根据数据灵活变换的，考虑到纸张大小，换页，布局等问题，通过 html2canvas 将页面元素转换为 canvas 的时要根据实际情况进行多次转换生成包一个含多张图片的列表。jspdf 再根据图片列表逐一添加。 现在问题就来了，虽然功能已经实现，但 html2canvas 是异步操作，而且非常耗时，当页面只需要转换一两张图片的时候勉强还可以接受，但是当图片的数量越来越多，十张左右的时候就要二十多秒了。 为了优化这个问题，我查找并尝试了几种方法均已失败告终，方法和失败原因如下： 1 html2canvas 官网提供的 ignoreElements 根据介绍，ignoreElements 可以用来排除掉不需要被截图(转换为canvas)的 html 子元素，以便减少 html2canvas 遍历 HTML 元素的时间。但在我的项目中，因为前面提到的考虑换页等问题，已经对 html2canvas 转换的元素粒度降到最细了。没有可排除打印的子元素。 2 Promise.all 多个异步并行， 不知道是因为浏览器限制还是因为线程的资源上限，虽然在代码逻辑上多个 html2canvas 已经是并行处理了，但实际使用时间并没有减少，而且从F12的性能上看，多个 html2canvas 最终还是逐一执行的 3 web worker 后台线程处理 既然在同一个线程里没办法做到真正的并行处理，第一时间想到的就是 web worker 甚至可以使用多个 web worker 启用后台线程并行处理，但是 html2Canvas 是根据 DOM 元素进行操作处理，而 web worker 是没法访问 Dom 的，所以 html2Canvas 好像又不能放到后台线程中处理。 进行到这里就没了头绪，接下来该怎么做希望有遇到过这个问题的前辈给个方向，不胜感激。

（脑子一时锈掉了）后端操作要提取出博客的author、url、likes等信息，如果我只包含likes的话，其他的值就是会是undefined，这些undefined将会作为值取更新对应的字段，所以要将其他的也一并包含。 blogRouter.put("/:id", async (request, response) => { const body = request.body; const blog = { title: body.title, author: body.author, url: body.url, likes: body.likes, }; const updateBlog = await Blog.findByIdAndUpdate(request.params.id, blog, { new: true, runValidators: true, }).populate("user", { username: 1, name: 1 }); if (updateBlog) { response.send(updateBlog); } else { response.status(404).end(); } });

代码demo: // 父组件 html: js: let tableData = ref([]); // 获取评论列表 async function getCommentList() { let res = await api(); tableData.value = res.data } // 子组件 js: const props = defineProps({ tableData: { type: Array, default: () => [], } }); watch( ()=>props.tableData,// 为什么这里不加()=>就无法进入监听? (newVal) => {...}, { deep: true } ); 请教一下子组件的watch不加()=>就无法进入监听?

SELECT A.id, A.name FROM A WHERE NOT EXISTS (SELECT 1 FROM B WHERE B.a_id = A.id) UNION ALL SELECT A.id, A.name FROM A JOIN B ON A.id = B.a_id WHERE B.status = 1;

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241005/a938fcdb26f83a5b68d1565e5a50cb52.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241005/c9eaf104010079c714009ee2d3873dc0.png) 为什么elementUI中页面和dialog弹框中form表单placeholder属性的字体粗细不太一样，dialog弹框中的字体比较粗一些，如何解决。 尝试过更改placeholder的字体，但是还是没作用。 用取色器看到的效果是这样的，然后才导致弹框内的看起来字体粗一点。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241005/c33c726d03b00fb9ac366ec997c0d256.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241005/9fbdbb7bc3a849a92561f030b640e8a6.png)