可以考虑提高电脑配置，我是换了个24U 32G的笔记本，感觉用起来顺畅些。win11，Goland首次偶尔要等compiling...5秒的样子，也能接受了。

约束不了。 你只能类型约束 child 一定具有某种 Props，从而近似得到约束子组件类型的目的： type ParentProps { child: React.ReactElement } 但你不能约束子组件中一定包含某种子组件。原因很简单，你觉得： (......) 这玩意儿是什么类型？ 没有类型，何谈约束？ *** P.S. 你要真想做约束的话建议在运行时做验证，而不是靠 TS 类型声明。

诚心求教，如何使图片清晰化，向上图标。原图片在页面显示略微模糊，不太好看 返回顶部的js和css不是求教的内容 https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250112/8473810b871ffb1959c859cad56e02d3.png

需要一台mac电脑用xcode编辑项目的配置文件试试，参考这个"https://blog.csdn.net/z93701081/article/details/109311963" (https://link.segmentfault.com/?enc=1Nc2rygAlC45VZnTQNpcWg%3D%3D.%2FScDVmQhNm5N4G5g0QjQs3d1M5Yrr3A7qoVbWJwAzM1p6ffbL6ZooThwdZNv2CTJjVbyQcSbNf44SsBZviBL%2Bg%3D%3D)

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250106/e96e46cd3135853879a347f4a1379072.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250106/4d0afd566cd4df7ada43d6ec28f391e9.png) 怎么有的报警 有的不会呢？怎么改呢？ 项目是可以正常运行的。 配置是脚手架生成的，没改过。 "@/*": [ "./src/*" ]

没道理不能动态变，不能动态变的话。加个 key 试试 *** "https://codepen.io/linong/pen/abPpXJe" (https://codepen.io/linong/pen/abPpXJe) 事实证明，加个 key 就会更新了。那么其实 type 盲猜只在 created 之类的钩子里面使用了一次

"2023-09-11_12h46_40.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250104/55f5d7e547ddb2ba5048189a23fea2c2.png) vue2开发的项目中导入sanitize-html库以后 ERROR Failed to compile with 1 error 12:46:19 error in ./node_modules/sanitize-html/node_modules/htmlparser2/lib/esm/index.js Module parse failed: Unexpected token (48:9) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | * They should probably be removed eventually. | */ > export * as ElementType from "domelementtype"; | import { getFeed } from "domutils"; | export { getFeed } from "domutils"; @ ./node_modules/sanitize-html/index.js 1:19-41 @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/pages/Main/Dashboard/index.vue?vue&type=script&lang=js& @ ./src/pages/Main/Dashboard/index.vue?vue&type=script&lang=js& @ ./src/pages/Main/Dashboard/index.vue @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://10.10.11.222:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

let startTime = ref(null) let timer = ref(null) let currentTime: any = ref('') onMounted(() => { // 获取初始时间戳 getInitialTimestamp(); // 设置定时器，每秒更新当前时间 timer.value = setInterval(() => { updateCurrentTime(); }, 1000); }) onBeforeUnmount(() => { clearInterval(timer.value); // 组件卸载前清除定时器 }) // 获取初始时间戳 async function getInitialTimestamp() { const id = window.localStorage.getItem('RowID'); try { const RunningTimeData = await api.RunningTime(id); const { data: res } = RunningTimeData; console.log('运行时间', res); const startTimeItem = res.data; startTime.value = startTimeItem; // 保存初始时间戳 updateCurrentTime(); // 第一次调用更新时间的函数 } catch (error) { console.error('获取初始时间戳失败:', error); } } // 更新当前时间 function updateCurrentTime() { if (startTime.value !== null) { const timestamp = Date.now() - startTime.value; // 计算已经过去的时间 currentTime.value = convertTimestampToTime(timestamp); // 转换为日、时、分、秒格式 } } // 时间戳转换函数 function convertTimestampToTime(timestamp) { const days = Math.floor(timestamp / (1000 * 60 * 60 * 24)); // 计算天数 const hours = Math.floor((timestamp % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // 计算小时 const minutes = Math.floor((timestamp % (1000 * 60 * 60)) / (1000 * 60)); // 计算分钟 const seconds = Math.floor((timestamp % (1000 * 60)) / 1000); // 计算秒数 // 格式化处理 const formattedTime = days + '天 ' + hours + '小时 ' + minutes + '分钟 ' + seconds + '秒'; return formattedTime; }

找到怎么解决了 function setVal(B: T, A: {key: K, val: T[key]}) { B[A.key] = A.val; }

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241229/affdeb926ffd4ce220577ce64da13be0.png) 人家这三个点，是省略号的意思。不是代码里真的有这三个点……

1.尽量写computed，不用太考虑依赖值变动的情况 2、 更新：通过路由来区分是新增页面还是修改页面，计算属性是可以直接像变量一样用{{}}括起来展示的: {{ pageTitle }} 变量1: 变量2: 变量3: 计算值: {{ computedValue }} export default { data() { return { var1: 0, var2: 0, var3: 0, }; }, computed: { computedValue() { return this.var1 + this.var2 + this.var3; }, pageTitle() { return this.isEditMode ? '编辑页面' : '新增页面'; }, isEditMode() { // 根据路由参数判断是否是编辑模式 return this.$route.params.editMode === 'edit'; }, }, created() { if (this.isEditMode) { // 在编辑模式下请求后端数据，然后更新表单字段 // 这里模拟一个异步请求 setTimeout(() => { this.var1 = 10; // 假设从后端获取的数据 this.var2 = 20; // 假设从后端获取的数据 this.var3 = 30; // 假设从后端获取的数据 }, 1000); } }, };

"2957f514566956a5d15cb85152027a5.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241230/85e44b83a8aae73fb39647f8d0e70029.png)

如下图所示：滚动时表格中的行在超过表头时还会继续滚动 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241227/2d2b1fbf5e558ba33c4509f27d86fd5d.png) 贴下代码 编号 钢平 规格 区域 库位号 1 1000 22 A 121 2 1000 22 B 163 3 1800 10 C 188 /*表格滚动动画*/ @keyframes table { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .table tbody{ animation: table 10s infinite linear; } 这是为什么呢？ PS：按照两位博主的回答重新修改的样式 还是会有一些溢出 不知道什么原因 如图 ：会有一点点的溢出 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241227/90e448d8b7478bbffda248c2a041f6d3.png)

本来是向搞个在线项目 方便大家大家理解，但是试了几个云ide平台都太卡了，不好用就没搞。 问题 需求场景是这样的 有一个pinia Store(studentStore),这个store内部定义了一个 let address = reactive({}) . 然后 有一个方法 resetAddress 方法会重新将 address变量指向另外一个新的响应式代理对象。 export const useStudentStore = defineStore('student', () => { //只会被执行一次 console.log("studentStore的defineStore函数执行") const name = ref("zhangsan") let address = reactive({}) let studentInfo = reactive({}) const changeCity = function (city) { address.city = city } const resetAddress = function () { //注意这里将 address 指向一个新的响应式代理对象 address = reactive({}) } const resetStudentInfo = function () { studentInfo = reactive({}) } return { name, address, studentInfo, resetStudentInfo, changeCity, resetAddress, } }) 在组件A中 执行 useStudentStore 函数得到studentStore. 然后 在组件A中显示studentStore的address属性。 组件A中有一个按钮，这个按钮随机生成 字符串1 和字符串2， 他们分别作为 属性名和属性值 被添加到address身上。 这个按钮还会生成一个随机数字，数字大于17的时候就会 调用resetAddress方法。 我们看到的效果就是 点击按钮---》addres新增了一个属性---》再次点击---》再次新增一个属性---》突然某次生成的随机数大于17，执行resetAddress方法。 resetAddres方法内部会将 defineStoree函数的第二个参数函数中的 address 指向一个新的响应式代理对象， 这个新的响应式代理对象显然没有任何属性。 对于组件A 他模板中渲染的仍然还是之前的对象。 这是为什么 这是TestPinia.vue {{ studentStore.name }} address: {{ studentStore.address }} studentInfo: {{ studentStore.studentInfo }} 点击 import {useStudentStore} from '@/store/student.js' import {ref, reactive, onMounted, inject, toRef, toRefs} from "vue"; import {storeToRefs} from "pinia"; import Constants from "@assets/js/Constants.js"; const $utils = inject(Constants.$utilsSymbol); const studentStore = useStudentStore(); // const { // name, // address, // studentInfo // } = storeToRefs(studentStore); const {changeCity, resetCity, resetStudentInfo} = studentStore; function handleClick() { let propName = $utils.randomString(5); let propvalue = $utils.randomString(3); studentStore.address[propName] = propvalue; let random = $utils.GetRandomNum(10, 20); if (random > 17) { console.log("resetCity"); resetCity(); } } 问题 1 . resetAddres方法内部会将 defineStoree函数的第二个参数函数中的 address 指向一个新的响应式代理对象， 这个新的响应式代理对象显然没有任何属性。 对于组件A 他模板中渲染的仍然还是之前的对象。 这是为什么 2. 应该不会有这种 resetAddress内部 重新将 address指向一个新的响应式代理对象的需求吧？ 我之所以会这样写 是因为 有一种场景： 把后端返回的一个对象放置到store的addres中，但是不知道 返回的这个对象有哪些属性。 所以我无法通过address.xxPropName的形式给address设置值 ，而是用了 Object.assign(后端返回对象， address)。 在需要清空address对象的时候 就写出了这种 resetAddress的代码。 问题有描述清除么？ *** 补充问题 我还有一个地方不明白。 const person = ref({ name: "zhangsan", age: 12, }) console.log("person", person) ref的是一个对象，等价于这个对象 先 reactive( {} )得到一个响应式代理对象Proxy，然后RefImpl对象的value等于这个响应式代理对象. 就是i下面这种结构 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241227/6ccc0270b2237bb22587378777a09aef.png) 如果执行 代码 " person.value = {}" 会出现什么现象？ 我的理解： person是RefImpl， 将他的value指向一个空对象，不再是之前的响应式代理对象。 实际现象：如下图，value还是一个响应式代理对象，只不过这个Proxy代理对象的target目标对象是空对象 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241227/1d9f3757741cb6bfd401666a14c9f579.png) 问题： 这是为什么？怎么做到的？ 有相关的参考资料或者源码么？

当然，看语法介绍 docker compose up [OPTIONS] [SERVICE...] docker compose down [OPTIONS] [SERVICES] 传完选项后，把服务名字传在后面即可。 * "docker compose up | Docker Docs" (https://link.segmentfault.com/?enc=43XQfVitxzXCbgRbFHsVPA%3D%3D.QeNraGz%2ByzBJA8pW8B1D6isvoRpyHiB6%2BTiyreskvB9bp8XGc2wYdz1%2BCKzWYrBbK0i8thHTPV4gVe5NnapZyOtKGRX9Y4rHTmCXKtISuiU%3D)

.bat（批处理） 是 DOS/Windows 的批处理文件，现代 Windows 一般不再叫 .bat，而是叫 .cmd（Windows 命令行程序/脚本），其实就一个扩展名的差别，语法都是兼容的。 批处理脚本可以看出来是启动一个 Java 写的服务端。 InstallService 批处理中 "guide-html.exe install" 是安装服务，这个 guide-html.exe 有可能是一个专业的服务封装工具更名而来，比较有有可能的是 WinSW（"Releases · winsw/winsw (github.com)" (https://link.segmentfault.com/?enc=jtkc6GMRISXx6bh4HGfIOA%3D%3D.G4UV6btDGB99wJukAS10htzchuMaaMOEGooR%2B9%2BLNJNwjfG%2F2rOxCpXkkf6BZgaI)）。找到这个文件，右键属性里看它是不是 Windows Service Wrapper 就知道了。它的用法可以去官网上看文档，也有不少博客上有说明。 "snipaste_2023-10-12_13-22-47.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241212/adeddb8e4554119352b474544b17f58b.png)

某一些模块提交的源码仓库的代码，可能并不完整。 在jenkins构建的时候，如何剔除这些“尚未完工”的模块呢？ 因为源码仓库有“留痕”的作用，在一个比较大的重构过程中，可能需要将部分重构代码提交源码仓库，这样可以利用源码仓库的版本历史，方便查阅每次的代码变动、在某些时候，还可以进行代码回退。 提交到源码仓库的可能并不是一个完整的功能。 jenkins在构建的时候，如何管理跳过这些未完工的模块代码呢？ 举一个例子： 我们目前的项目发版流程： 1、我们项目由多个模块组成； 2、开发人员针对 开发任务单、或者缺陷单 进行开发，开发过程中可以提交 源码仓库； 3、当一个任务单/缺陷单完成后（可能涉及多个模块），开发人员使用 Maven-deploy 类似的命令本地编译、打包，将模块提交到 制品库。 4、测试人员这时候会看到 任务单/缺陷单状态变化，通过某一个工具 将该任务单涉及的模块制品 和 其他制品组装为最终项目发布包（JAR、或者WAR、或者其他形式），然后进行测试。 5、测试通过后，比如每月发版时，会汇总当前已经测试通过的任务单，使用某工具将所有涉及的任务单制品组装为最终项目发布包。再进行必要的自动化测试或性能测试，最终完成发布。 那么，jenkins如何识别、跳过这些 尚未提交测试单的模块呢？ 现有的项目发布过程，哪些是可以使用jenkins优化的？ 欢迎分享下经验，谢谢！

下载插件自己看 "https://www.wappalyzer.com/?utm_source=popup&utm_medium=exten..." (https://link.segmentfault.com/?enc=L4hfvCWDKHpGckGyenW6IQ%3D%3D.MRJPZKFRs3VnznoGpJUAx7svkF18nTCtpat51rcXb2ieG0cEd7FG83KdMlckziUa%2B8xUDKszd7jMPWuGsZP5s28omBf5RT%2FyRrxKV4oic1%2BmjJuE0wsLdGN9Z3rX%2F1Y4)

如题，我尝试了使用Fiddler抓包，但是Fiddler似乎并不支持微信现在的H2协议，于是又尝试了用charles去抓包，发现使用charles仍旧抓不到列表中新闻的包。（只能抓到某一新闻详情页的包） 如下图左边部分。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/27faa9e8e98f196202a0a819f96791a8.png) 之前我也尝试过用proxifer和Burp去抓包（当时也没有抓包成功），想请问有哪位大佬尝试过现在的抓包是否能够成功？如果是软件原因的话有没有其他推荐的抓包软件？

比如我要进入一个详情页面，进入前的参数只有 id 值 我要通过这个id去查询详情接口，并把返回的详情中的名称设置为路由的 meta 中的title 此时我要如何实现？

这几个都是开源的快速开发平台，权限管理系统，用到的技术栈也都差不多，可以下载源码以及运行看下，代码结构，风格样式，能满足自己的需求前提下选择自己喜欢的就好

大佬们，二次封装了vant的组件，主要效果是用户输入的银行卡号自动4位分割出来一个空格，给后端提交数据的时候呢又是去掉空格的，功能是没问题，但是如果在input中间添加或者删除内容时光标会自动跳到末尾去，如何计算光标位置太难了，求助大佬们，非常感谢 export default { inheritAttrs: false, model: { event: 'filtered' }, props: { value: { default: '' }, }, data() { return {} }, computed: { innerValue: { get() { return this.value.replace(/\D/g, '').replace(/(\d{4})(?=\d)/g, '$1 ') }, set(value) { this.$emit('filtered', value.replace(/\D/g, '')) } } }, methods: {} }

很多组件库包括我自己在封装命令式的组件时，都会用到render函数和createVNode函数。 但是vue3的官方文档中并没有提及render函数(注意是函数，不是渲染选项中的render)以及createVNode，以至于自己每次在使用时，都会纠结：到底使用createApp().mount()更合理还是继续使用render配合createVNode(或者h)更合理？从语义的角度出发，我倾向于使用render的方式，但render确实没有在官方文档中提及，只是从源码中得知的，这样用真的合适吗？

// socket.ts 这是一个model export default function Socket() { const [data, setData] = useState() ... // 执行了setData(cloneDeep(新数据)) return { data } } // Monitor.ts 这是组件 import { useModel } from 'umi' ... export default function Monitor() { const { data } = useModel('socket', (model) => ({data: model.data})) console.log(data) // 这里输出了 useEffect(() => { console.log(data) // 但是这里没输出 }, [data]) }

1. 通过go get 下载了依赖 2. 通过go mod vendor 将依赖复制到vendor目录下 问题 有的依赖在$GOPATH 时存在包的 但是就是没有复制到vendor下 为什么？

https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241121/83961f3402c518587521ad84bbb56601.png 我在输入框输入内容后切换到下一个路由在切换回来输入框的值应该是还在才对呀，用了keepAlive缓存组件好像有生效但是组件还是会销毁重新渲染这点我很疑惑，然后activated两个缓存钩子也有调用，希望大佬给我解解疑惑！！

在SelectMenu的constructor中，把options的值写在this上，然后getOptions中返回this.options。异步接口获取options后赋值到this.options上，如有必要再更新下editor

我自己家里的CentOS 7.6.1810上，也用KVM装了虚拟机，是WinXP和Win7的，具体命令如下： virt-install --name=winxp --ram 1024 --vcpus=1 --disk path=/xxx.img,size=20 --cdrom /xxx.iso --vnc --accelerate --force 安装时Windows驱动找不到，需要如下解决： curl --output /etc/yum.repos.d/virtio-win.repo https://fedorapeople.org/groups/virt/virtio-win/virtio-win.repo yum install -y virtio-win

用深拷贝试试： rightClick(row, column, event) { this.openDialog(row); this.dialogFormVisible = true; }, resetForm() { this.$refs.ruleForm.resetFields(); }, openDialog(val) { this.$nextTick(() => { this.editForm = JSON.parse(JSON.stringify(val)); // 用深拷贝 }); },

前端请求文件模板,代码生成excel模板。其中有一列数据要做成下拉的模式。 功能也实现了。 但是如果下拉列表的下拉项过多。下载出的文件模板，下拉项点击无法展示出来。20多个下拉选项是可以正确下拉的，40多个就不行了。这个如果解决？？ //下拉选项 String[] departList = list.subList(0,35).stream().map(v->{ return v.getDepartName(); }).distinct().toArray(String[]::new); //设置下拉的选项 XSSFDataValidationHelper helper = new XSSFDataValidationHelper(sheet); DataValidationConstraint constraint = helper.createExplicitListConstraint(departList); //设置影响的行和列 CellRangeAddressList addressList = new CellRangeAddressList(1, 300, 2, 2); //设置校验 DataValidation validation = helper.createValidation(constraint, addressList); validation.setSuppressDropDownArrow(true); validation.setShowErrorBox(true); validation.setErrorStyle(DataValidation.ErrorStyle.STOP); validation.createErrorBox("提示","部门不存在!"); sheet.addValidationData(validation);

哪有那么容易泄露，在量子计算机自身的问题解决之前，有密码学加持的无线通信都没你想象的那么脆，脆弱的只有"abcd1234"这种简单的密码，或者开发人员写出迷惑的漏洞代码。 光是十几个字符的 Wi-Fi 密码，用超级计算机靠暴力破解，上限时间以百年计，下限看运气，可能一秒钟就暴破出来。 能不能直接暴破设备间通信用的加密密钥呢？这么说吧，通信密钥的长度下限(128bit)，是 Wi-Fi 密码的长度上限(16字符)，也就是说几百年的暴破时长，只是个开胃菜。 可以上电商平台搜“kali Wi-Fi”，可以搜到一种用来抓取和分析 Wi-Fi 信号的特殊网卡，下单前跟客服确认一下有没有使用教程，没有就不买，买到之后跟着教程，再找懂的人问问，悟性好的话应该还是可以学会抓密码包暴破密码的。 至于暴破对称加密密钥的通用教程，应该不会有，或许能搜到一两个量子算法，但是目前租不到可以运行这类算法的量子计算机。 挺贵的，只是想尝试一下验证一下的话不划算。

function toData(rule, defVal, init) { const copy = val => JSON.parse(JSON.stringify(val)); const initial = init ?? copy(defVal[rule.type]); return rule.children ? rule.children.reduce((res, v) => { if(Array.isArray(res)) res.push(toData(v, defVal)); else if({}.toString.call(res) == '[object Object]') toData(v, defVal, res[v.propertyName] = copy(defVal[v.type])) return res; }, initial) : initial; } toData( { "type": "object", "propertyName": "user", "children": [ { "type": "string", "propertyName": "name", "children": null }, { "type": "int", "propertyName": "age", "children": null, }, { "type": "array", "propertyName": "data", "children": [ { "type": "object", "name": "name", "children": null } ] } ] }, { string:"默认值", int:1, float:0.1, double:10.34, boolean:false, array:[], object: {}, } )

背景:一个老项目。jsp写的，逻辑修改后需要使用到await的特性也就是希望阻塞js执行 我想的是直接在js代码中:"await 异步函数()"然后执行后续的登录逻辑啥的，这个是可以实现的吗，我在nodejs中使用ejs模板进行测试发现没问题，但是不太了解jsp，希望得到解答

vue3的vscode插件名称Vue Language Features (Volar) 你可以试着搜一下

vscode装一下vue3官坊的插件volar

js数据结构处理 后台返回的接口数据如下 { "result": [ { "name": "参数1", "secondName": [ "高度", "马赫数" ] }, { "name": "参数2", "secondName": [ "前向", "垂向", "侧向" ] }, { "name": "参数3", "secondName": [ "前向", "垂向", "侧向" ] }, { "name": "参数4", "secondName": [ "前向", "垂向", "侧向" ] }, { "name": "参数5", "secondName": [ "前向", "垂向", "侧向" ] }, { "name": "参数6", "secondName": [ "前向", "垂向", "侧向" ] } ], "success": true } 想把res.result变成如下格式 js数据结构处理后台返回的接口数据如下 { "result": [ { "name": "参数1", "secondName": ‘高度‘ }, { "name": "参数1", "secondName": ‘马赫数‘ }, { "name": "参数2", "secondName": "前向", }, { "name": "参数2", "secondName": "垂向", }, { "name": "参数2", "secondName": "侧向", }, } 以此类推.... 没有思路，求指点

上传报错： "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241030/b8bb7b35c2be25ad9a78b7752f5e34a0.png) "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241030/cde8add82f596bda79650cded7e364e8.png) "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241030/28f20bc7155cf7562822d03fb0945db8.png) const uploadFilesToServer = (uploadApiUrl, fileName, files) => { let formData = new FormData() formData.append(fileName, files) // console.log(fileName, files, formData.get('upFile')) //添加请求头 // const headers = { // 'Content-Type': 'multipart/form-data', // // 'Content-Type': 'Access-Control-Allow-Origin', // } let token = JSON.parse(sessionStorage.getItem('token')) // const headers = { // Authorization: token.token, // } //配置头 const request = axios.create({ // headers: headers, Authorization: token.token, withCredentials: true, // 跨域 }) console.log(uploadApiUrl, fileName, files, formData.get('file')) //开始上传 return ( request .post(uploadApiUrl, formData, { // 'Content-Type': 'multipart/form-data', }) .then((response) => { console.log(response) // return Promise.resolve(response.data) }) ) }

需求: 每个页面进去是一个不一样的form表单，form中的item属性都是自定义不确定的 问题: springboot+vue, mysql怎么设置字段存储form动态表单? 1. 使用"json"记录整个"form" 2. 使用"varchar"记录整个"form" 3. 使用text 记录整个"form" 4. 把"form"中的"item"分开记录,如"type：varchar;title:varchar;value:varchar;......" "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/e43c5a1feb1007d3e89ab7dec31ed472.png) var form = [ { type: "input", field: "default", title: "update1", value: "default", onChnage: (val) => { console.log("val", val); }, }, { type: "input", title: "商品名称", field: "goods_name", value: "iphone 7", col: { span: 12, labelWidth: 150, }, props: { type: "text", }, validate: [ { required: true, message: "请输入goods_name", trigger: "blur" }, ], }, ];

Date date = new Date(); int month = DateUtil.month(date) + 1; String monthStr = ""; if (month <= 9) { monthStr = "0" + month; } else { monthStr = String.valueOf(month); } String dayStr = ""; int day = DateUtil.dayOfMonth(date); if (day < 10) { dayStr = "0" + day; } else { dayStr = String.valueOf(day); } String encryStr = DateUtil.year(date) + monthStr + dayStr;

页面没有刷新，只是每次切换的时候都生成了一个新的实体，没有使用旧的 重新组织一下代码，用hook来是实现 // ChildComponet.js import React from "react"; import { Input } from "antd"; import PropTypes from "prop-types"; function ChildComponent({ show }) { const [value, setValue] = React.useState(""); if (!show) return null; /* 关键点 */ return ( { setValue(e.target.value); }} /> ); } // 用于防止eslint报错 ChildComponent.propTypes = { show: PropTypes.bool.isRequired, }; export default ChildComponent; // ParentComponet.js import React from "react"; import { Radio } from "antd"; import ChildComponent from "./ChildComponent"; function ParentComponent() { const [value, setValue] = React.useState("组件一"); return ( {/* 这两个实体一开始就是都存在的，只是切换的时候，返回的值不同。但是它们的状态都保存在各自实体里了。 */} { setValue(e.target.value); }} > 组件一 组件二 ); } export default ParentComponent; //App.js import "./styles.css"; import ParentComponent from "./ParentComponent"; export default function App() { return ( ); } "codesandbox" (https://link.segmentfault.com/?enc=Pk7v9k9OujX1DOVzD5hrWg%3D%3D.EmuRBe8zIyF5XO06ngR8OlGvyQ49%2F3Or1hId3So1pm6p9QjIQqPPnP3%2B75eBCFCrXUVGikwUxuPpDnPlXrrN973FUvv%2BGARDnu5AuKTvSZ%2FCM9uXj5yQVGHuRqiao%2Bkv) 不仅仅是能不能保存状态的问题，而且还有性能问题，每切换一次就生成一个实体。一个组件A中生成一个组件B，一个组件B又能生成一个组件A，这个结构就有问题。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/2ec0fe34cf714d85ee81e82c2182b901.png) 修改：不将Radio.Button拆出来，去掉嵌套调用，状态上移 // ChildComponent.js import React from "react"; import { Input, Radio } from "antd"; import PropTypes from "prop-types"; function ChildComponent({ show, changeTab }) { const [value, setValue] = React.useState(""); if (!show) return null; /* 关键点 */ return ( { setValue(e.target.value); }} /> { changeTab(e.target.value); }} > 组件一 组件二 ); } // 用于防止eslint报错 ChildComponent.propTypes = { show: PropTypes.bool.isRequired, }; export default ChildComponent; // ParentComponent.js import React from "react"; import { Radio } from "antd"; import ChildComponent from "./ChildComponent"; function ParentComponent() { const [value, setValue] = React.useState("组件一"); return ( ); } export default ParentComponent; //App.js import "./styles.css"; import ParentComponent from "./ParentComponent"; export default function App() { return ; }

ams3远程备份正常就填写Host地址，与存储桶(空间)名称与SecretID、SecretKey就好的， 注意地址要填写对，不同区域地址不一样，可以选项旁边的示例。 如果是连接不上，可以用命令执行看返回哪些信息，面板页面下方都有命令提示， 类似： amh ams3 admin gs ID 以上ID改成列表上的显示的1、2、3等。

struct Animate { name: String } impl Animate { fn get_name(&self) -> String { return self.name; } } let animate = Animate { name: String::from("dog") }; println!("{}", animate.get_name()); 如果运行上面的程序,会报错误 cannot move out of `self.name` which is behind a shared reference 修复的方法可以是 fn get_name(&self) -> &String { return &self.name; } 或者是 fn get_name(&self) -> String { return self.name.clone(); } 这个问题应该是和 rust 所有权有关,当方法返回时会出现所有权移动。一开始认为可能是结构体内的字段无法移动所有权。但是执行 let a_name = animate.name; // println!("{}", animate.name) 报错了 // println!("{}", a_name) 没有问题 报错的原因应该是所有权移动后, animate.name 就失效了,按这么说结构体内的字段是可以移动所有权的。 那最上面的报错应该怎么比较好去理解?

你这个描述前后有点矛盾啊 最左边的一列是 hello1 和 hello2；中间是 3，4，5；最右侧是 6 和 7 现在遇到的问题是，中间和右侧的内容不顶部对齐，我想要的显示形式是 1 3 6 2 4 7 5 不应该是 1 3 6 2 4 7 5 在".fruit-grid"上添加"grid-auto-flow: dense"就可以了，它会使元素尽可能的使用前面空的网格，而不是产生新的。

如何自定义Video组件控制栏样式

如题，用postman测试后端响应数据时没有问题，但是在前端页面渲染出现了问题。负责的内容是操作日志，然而另一个操作日志不会报错，但是这个操作日志会报错卡死。而且是部署在服务器上才出现的问题。 两个不同类型的操作日志的代码基本一样。 有哪些可能导致出现这个问题？如果想要排查前端页面直接卡死的问题该怎么办？ 并且比较奇怪的是，用apifox能够获取到后端发送的数据，但是f12中控制台里查看响应却没有内容。 发现路由的name出现了重复，不确定是不是这个原因导致的，已经修改了，但是尚未部署到服务器上；查看了后端数据，用apifox请求响应能得到结果。

============================================================= [Linux] AMH 7.1 "https://amh.sh" (https://link.segmentfault.com/?enc=1FFGY%2BsdARXlG3%2BYRlbR8g%3D%3D.t4p%2FKwoWfLJoJO6hGw5%2BBw%3D%3D) [lnmp-3.6 admin] [OK] lnmp-3.6 is already installed. pecl_imagick-3.7 [Linux] AMH 7.1 "https://amh.sh" (https://link.segmentfault.com/?enc=EoV38OjFofyiwm2QVy9kAg%3D%3D.awQNHdac%2FuQ57YXPsBhZxQ%3D%3D) [pecl_imagick admin] ============================================================= [Linux] AMH 7.1 "https://amh.sh" (https://link.segmentfault.com/?enc=4uqB1pHSXwZE0B17DrpGCg%3D%3D.UpGPprO%2FGGvlFgVC19Iq0A%3D%3D) [pecl_imagick-3.7 admin] [OK] pecl_imagick-3.7 is already installed. [Error] Please install image_magick first. 这个扩展安装不了

除了wireguard外还有什么虚拟局域网是p2p的？wireguard 组虚拟局域网，经常端口被封，感觉不适合在国内用这东西。 zerotier的话，自建plant的话，我记得主要流量也是走服务器的？(我还没自建过这个)， 高速带宽的服务器也挺贵

看下包介绍就知道了 "https://www.npmjs.com/package/preload-webpack-plugin" (https://link.segmentfault.com/?enc=kt9phEpaEXrm4Am5y6vGOQ%3D%3D.mQV6D8VNNi2asJAEhEh6vI4jXYICMY2EOTp2%2BxwZ%2FuJzFXN1PeVw1KCYCqAeY3e8cZDGDS5AeVuqcQIyE0mZ8Q%3D%3D) "preload-webpack-plugin" 是 "html-webpack-plugin" 的扩展插件 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/6341430aed3e4601e220c499cf328ec1.png) 使用的时候需要在 "html-webpack-plugin" 插件之后使用 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/3269553f254754885261c7abc35250fc.png)

将 "no-unreachable" (https://link.segmentfault.com/?enc=AMVXUXFaoRjrnML4QowaYQ%3D%3D.9b89BKhryAfBo5ncR1pRvNWTwp7l2lhVTo10aHwVewSkXdwjc2%2FYm67NS2sP6tYFYXhh7eDy7d7pZau%2BzJXaxQ%3D%3D) 这个规则设置为 "false" 应该就可以了。

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/ec1730e52a3c9ff90a595f1fda9b29e9.png) 补充回答: 试了下 "" 确实无法成功调用 "print()" 方法, 不过你可以参考下 "MDN -Printing" (https://link.segmentfault.com/?enc=QeheTZMHh%2BF8eM9l2qPzsw%3D%3D.qbGSCTq4yORWIfd0ZAW6UJFPyQJYekZFSY7UitCaCuVr15Mvujk1qpBisrOQVfaqWA6mWSodh%2BEp3dudtEUfS2SHNHF6CK22EtIoV%2FOZGqDMndoVXRbUy1szf5SXB0rp), 创建一个 "iframe" 对象来实现打印. 或者直接把你的 "" 替换成 "" 如果非得要使用 "", 也可以参考 "Print.js" (https://link.segmentfault.com/?enc=cQmwMMZn1ZvYXtl1CbsV8Q%3D%3D.TSMwYSO%2BodBoHwsJ2tmm7RpbGHHHrcJ2wKbUznIea3k%3D), 这个库实现了一些"浏览器兼容" (https://link.segmentfault.com/?enc=tftmGVbZf522QHGAAqe36g%3D%3D.viJvI7hP1GL6BXtntYMUvFbebzAIojvxvDrzd%2Fs%2F3ZfddBsW4pw8QhxZUUNLCUMEMY%2BoEDBwNeDdd%2Fh2XaINo7K6X%2B29eNrYUUwcyOYUH6k%3D)