创作·56

全部

问答

动态

项目

学习

专栏

NKTDYD

如何获取给定网络漏洞的攻击报文?

写在前面：作为一名网安行业的非专业人士，在回答你的这个问题之前呐，我打算问你几个问题，第一，你们公司是否是互联网公司或者软件公司，如果是，那么你们是否又足够的人手，成立相对可靠的团队来专门做这件事情。并且能够满足相关的预算或者预期要求，我的这个反问并不是为了给你泼冷水，要知道，以我现在的安全公司为例，我们负责安全分析，以及开发，以及其他产品技术组的加起来也有粗略几百号人往上，且每天依然会有很多bug要解决维护甚至功能更新迭代，因此如果你想起步开始做这类工作是非常困难的。你需要三思而后行。好了，现在我们假定上述情况都没问题了，回答你的问题，一般来说，我们会使用开源工具，比如说你提到了Metasploit和Nmap。这些工具通常包含了针对特定漏洞的攻击模块，你可以使用它们来生成相应的攻击报文。通常情况下，这些工具会检测目标主机上是否存在漏洞对应的服务或端口，并且只有在目标主机满足条件时才会执行相应的攻击步骤。你可以通过配置工具的选项或参数，强制进行攻击并捕获相关的网络数据包。另外呐，你可以编写自定义脚本，如果开源工具无法满足你的需求，你可以考虑编写自定义的攻击脚本。这样你可以根据特定漏洞的要求创建攻击报文，并通过发送特定的网络请求来触发攻击。使用编程语言（如Python）和相应的网络库，你可以模拟攻击流程并捕获发送和接收的网络数据包。我举个例子： from scapy.all import * # 定义攻击目标的IP地址和端口号 target_ip = "目标IP地址" target_port = 22 # 构建SSH攻击报文 packet = IP(dst=target_ip)/TCP(dport=target_port, flags="S")/Raw(load="Some malicious payload") # 发送攻击报文并捕获返回的数据包 response = sr1(packet) if response is not None: response.show() else: print("No response received.") 以我的这段代码为例，使用IP()和TCP()函数定义了IP和TCP头部，并通过Raw()函数添加了一个恶意负载。然后，我们使用sr1()函数发送攻击报文，并使用response变量捕获响应数据包。如果收到了响应，则打印出相关信息，否则打印"No response received."。当然这是一个很简单的示例，实际问题有可能比这个复杂，都是可能存在的。另外，你可以考虑使用模拟环境，为了更好地控制攻击流程和捕获攻击报文，比如使用虚拟化软件（如VirtualBox）或者容器技术（如Docker），创建一个包含目标漏洞的虚拟网络环境。在这个环境中，你可以模拟攻击并捕获攻击报文，而不会对真实系统产生负面影响。当然这类的搭建可能对一些技术经验不足的开发来说可能并不能够很好的实现，所以一些安全公司比如绿盟，360，奇安信，瑞星推出了虚拟化安全类管理产品，其中就是基于这个原理做了一些特征化开发实现的，如果公司预算发现使用第三方划算，也是可以直接考虑免去人工的。

浏览量0

NKTDYD

请问numpy如何简化以下代码？

import numpy as np len_edges = len(me.edges) verts = np.array([v.co for v in me.vertices], dtype=np.float32) edges_indices = np.array([e.vertices for e in me.edges], dtype=int) vs = np.zeros((len_edges * 2, 3), dtype=np.float32) vs[::2] = verts[edges_indices[:, 0]] vs[1::2] = verts[edges_indices[:, 1]]

浏览量0

NKTDYD

如何在 Taro 框架中使用图表组件？

我想要在 Taro 框架中使用图表组件，有哪些开箱即用的图表库推荐吗？

浏览量301

NKTDYD

vue/uniapp中，如何在监听里监听多久没返回消息了？

好家伙,这又不是啥很难或者不常见的问题,直接问ai呗 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/deb0559fc4db1355cb8c23568be68fd8.png) let timer = null; uni.$on('getData', (obj) => { // 如果已经有一个计时器在运行，那么清除它 if (timer) { clearTimeout(timer); } // 开始新的计时器，如果5秒后没有新的消息，那么结束计算 timer = setTimeout(() => { console.log('5秒内没有新的消息'); timer = null; }, 5000); });

浏览量0

NKTDYD

udp通信中变长结构体的存在意义？

以你的代码示例讲讲，尽管你作为接收方，设置了接收缓冲区大小为30000，但实际上UDP协议本身并不保证完整性和可靠性，UDP包可能会在传输过程中被分片、丢失、重复或乱序到达。所以，即使你的通信长度不会超过30000，也不能保证每次接收到的UDP包的大小都完全等于发送方的数据长度。所以，用变长结构体可以使你的代码更加灵活，适应不同大小的数据。它允许你动态分配内存来存储实际接收到的数据，并避免了提前指定一个固定大小可能造成的内存浪费。有点近似于动态数组malloc函数和静态数组的理解。

浏览量0

NKTDYD

为什么 vue+axios 的日志只打印一次？

浏览量374

NKTDYD

js，正则，如何去除数字前面多余的小数点，并保留两位小数？

比如 ..737870036647989828297407280.3090979897 ↓ 737870036647989828297407280.30 这个转换如何实现？

浏览量356

NKTDYD

wordpress 我想要输出网页，而不是\n 选择图片\n \n \n \n \n\n \n \n 上传\n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n {{ item.hash_code }}\n \n \n \n \n -->\n\n \n \n \n\n\n\nimport { PlusOutlined, LoadingOutlined } from \"@ant-design/icons-vue\";\nimport { ref, reactive } from \"vue\";\nimport { message } from \"ant-design-vue\";\nimport { UploadOutlined } from \"@ant-design/icons-vue\";\nimport axios from \"axios\";\nimport { onMounted } from \"vue\";\nimport router from \"@/router\";\n\nonMounted(async () => {\n document.title = \"图片录入\"; // 设置浏览器标签页的标题\n});\nfunction getBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = (error) => reject(error);\n });\n}\n\nconst fileList_1 = ref([]);\n\nconst handleBeforeUpload1 = (file) => {\n // fileList_1.value.splice(0);\n return false; // 阻止默认上传行为\n};\n\nconst previewVisible = ref(false);\nconst previewImage = ref(\"\");\nconst previewTitle = ref(\"\");\n\nconst handleCancel = () => {\n previewVisible.value = false;\n previewTitle.value = \"\";\n};\nconst handlePreview = async (file) => {\n if (!file.url && !file.preview) {\n file.preview = await getBase64(file.originFileObj);\n }\n previewImage.value = file.url || file.preview;\n previewVisible.value = true;\n previewTitle.value =\n file.name || file.url.substring(file.url.lastIndexOf(\"/\") + 1);\n};\n\nconst responseBody = ref(null);\nconst responseData = ref([]);\n\n\n\n\nfunction sleep(ms) {\n return new Promise(resolve => setTimeout(resolve, ms));\n}\n\n\n\nconst handleUpload = () => {\n\n const uploadingCount = ref(0);\n\n fileList_1.value.forEach((item, index) => {\n const formData = new FormData();\n formData.append(\"file\", item.originFileObj);\n\n console.log(`第 ${index + 1} 个文件上传`, item.name);\n\n uploadingCount.value = uploadingCount.value + 1\n console.log('uploadingCount >>>', uploadingCount.value)\n\n\n console.log('开始 {\n if (response.status === 500) {\n console.error(`第 ${index + 1} 个文件上传失败:`, response.data);\n message.error(response.data.message);\n } else {\n responseBody.value = response.data;\n responseData.value = response.data;\n message.success(item.name + \" 上传成功\", 2);\n }\n })\n .catch((error) => {\n console.error('捕捉到错误了', error);\n message.error(error.response.data.message);\n })\n .finally(() => {\n console.log('>> 上传图片完成');\n uploadingCount.value = uploadingCount.value - 1;\n });\n\n\n // break;\n console.log('结束>>');\n // }\n\n })\n console.log('上传结束')\n console.log('uploadingCount >>>>>>>>', uploadingCount.value)\n};\n\n\n\nconst navigateToRoot = () => {\n router.push(\"/\");\n};\n\n\n\nbody {\n background-color: #e9ecef !important;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.gray-placeholder {\n color: gray;\n}\n\n.container {\n margin: 0 auto;\n /* 居中显示 /\n margin-top: 20px;\n max-width: 1440px;\n / 设置最大宽度为900px /\n background-color: #ffffff;\n / 浅灰色 /\n border-radius: 0.25rem;\n}\n\n.container-item {\n padding: 25px;\n border-width: 0 0 1px;\n margin-bottom: 20px;\n}\n\n.theme-icon {\n width: 64px;\n / 设置图标的宽度 /\n height: 64px;\n / 设置图标的高度 /\n}\n\n.avatar-uploader>.ant-upload {\n width: 128px;\n height: 128px;\n}\n\n.ant-upload-select-picture-card i {\n font-size: 32px;\n color: #999;\n}\n\n.ant-upload-select-picture-card .ant-upload-text {\n margin-top: 8px;\n color: #666;\n}\n\n\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1000580\">vue.js\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>15\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>374\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/342942317474230272\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>js，正则，如何去除数字前面多余的小数点，并保留两位小数？\u003C/h1>\n \u003Cdiv>\n 比如\n..737870036647989828297407280.3090979897\n↓\n737870036647989828297407280.30\n这个转换如何实现？\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001496\">前端\u003C/a>\n \u003Ca href=\"/gather/S1000004\">javascript\u003C/a>\n \u003Ca href=\"/gather/S1000818\">正则表达式\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>9\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>356\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/342245098429353984\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>wordpress 我想要输出网页，而不是\u003C!-- wp:paragraph这种古登堡标签，如何解决?\u003C/h1>\n \u003Cdiv>\n 1. 从站点里把 Guttenburg 删掉试试\n2. 查一下正常输出的 filter，把它加上\n3. 如果不影响最终网页，这些注释可以忽略\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/341814259384070144\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>在NonRegisteringDriver 中已经实现了java.sql.Driver 为什么Driver 还要实现java.sql.Driver？\u003C/h1>\n \u003Cdiv>\n 无他，就是为了看着清晰\n同理还有\npublic class HashMap extends AbstractMap\n implements Map, Cloneable, Serializable \npublic class ArrayList extends AbstractList\n implements List, RandomAccess, Cloneable, java.io.Serializable\n\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/340120096133361664\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>怎么能判断出数据库连接池，线程获取连接的等待时间？\u003C/h1>\n \u003Cdiv>\n 数据库连接池在connection达到配置的上限后，会进入一段等待时间\n如果一段时间后，仍没有办法获取到连接，就会抛出异常。\n现在，想监控一下是不是存在因为连接池太小，导致线程大量排队等待连接的情况。\n怎么能发现这些线程？或者怎么监控到这些线程在申请连接具体的等待时间？\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001056\">线程池\u003C/a>\n \u003Ca href=\"/gather/S1002049\">多线程\u003C/a>\n \u003Ca href=\"/gather/S1001637\">连接池\u003C/a>\n \u003Ca href=\"/gather/S1002223\">超时\u003C/a>\n \u003Ca href=\"/gather/S1001638\">连接\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>15\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/339572992222695424\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>React 语法问题关于：{} 和 {{}} 有什么区别？\u003C/h1>\n \u003Cdiv>\n 我把 \"items\" 换成 \"ccc\" 为什么就提示有问题？直接就挂了？import React from 'react';\nimport type { MenuProps } from 'antd';\nimport { Button, Dropdown, Space } from 'antd';const items: MenuProps['items'] = [\n{\nkey: '1',\nlabel: (\n\n1st menu item\n\n),\n},\n{\nkey: '2',\nlabel: (\n\n2nd menu item\n\n),\n},\n{\nkey: '3',\nlabel: (\n\n3rd menu item\n\n),\n},\n];\nexport const Frame = () => {const actions: MenuProps['items'] = [\n {\n key: '1',\n label: (\n 退出\n )\n }\n];\n\n\nreturn (\n \n bottomLeft\n \n)\n}export default Frame;\n\"image.png\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241212/0bdce11e7a8e551ad74a4b0de48db0f6.png)\n\"image.png\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241212/bb15b73921d857865dc42db1c8e30b89.png)\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1003166\">react.js\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>1\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/337407220549431296\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>为什么设置了块布局 flex-direction 依然影响样式？\u003C/h1>\n \u003Cdiv>\n \"image.png\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241206/a2cc2b2c5b2f35ae56a65fd77015cd18.png)\n\"bug on chrome\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241206/a411643a55cfca9bc05f467f3ff431e3.png)\n为什么这里的 \"flex-direction\" 和 \"align-item\" 还有效\n\"ok with firefox\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241206/746e4e7a4c179014016e025901051a44.png)\n\"firefox\" 上一切正常\n\"jsfiddle\" (https://jsfiddle.net/JinRMoriarty/3p5L28w4/)\n浏览器信息：\n* Vivaldi \"6.2.3105.58 (Stable channel) stable （64 位）\"\n\"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36\"\n* Firefox \"119.0 (64 位)\"\n\"Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/119.0\"\n系统信息：\n* KDE neon 5.27 \"Ubuntu 22.04 jammy\"\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001496\">前端\u003C/a>\n \u003Ca href=\"/gather/S1000018\">css\u003C/a>\n \u003Ca href=\"/gather/S1000669\">css3\u003C/a>\n \u003Ca href=\"/gather/S1000012\">html\u003C/a>\n \u003Ca href=\"/gather/S1000672\">chrome\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>2\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/335214522199453696\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>Vue3 传值哪种会更好更快？\u003C/h1>\n \u003Cdiv>\n 效率上基本没有区别\n* \"全局属性\" 和 \"props\" 本质上都对象，都是从对象上取值，不会产生效率上的差异\n* \"provide/inject\" 内部存储上下文状态的数据结构也是对象，无非是给你提供了两个方法来 \"get\" 和 \"set\"，也就比直接从对象上取值多产生了一些\"函数执行\"的开销，而这些开销完全可以忽略不计\n再说哪种好，技术没有好坏，无论是 \"props\" or \"provide/inject\" 都有与之对应的应用场景\n* \"props\" 是 \"组件化\" 的开发模式下最基础的组件间传值方式\n* 而 \"provide/inject\" 是为了解决 \"组件层级\" 太深时，通过 props 传值很麻烦的问题，但 \"弊端\" 是共享状态的方式太隐晦，组件的使用者无法通过查看组件内部代码/或相关文档以外的方式了解组件 \"provide\" 了什么，\"inject\" 了什么，也就是说 \"provide/inject\" 会让组件变得不纯，依赖不明确\n* \"store\"(vuex，pinia) 又是为了更好的管理状态而被提出的方案\n所以，基于自己项目的体量选择合适的方式即可\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/334593932811841536\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>vue2弹窗打开没有加载状态?\u003C/h1>\n \u003Cdiv>\n \n \n \n \n @load=\"imageLoaded\"\n @error=\"imageLoadedFailed\"\n alt=\"\"\n >\n \n \n\n\nexport default {\n // ...\n watch:{\n // 修改 typo\n currentIndex: {\n handler(newV, oldV) {\n if(newV !== oldV) {\n this.imgLoading = true; \n // ... your code to load the image\n }\n },\n immediate: true // watcher绑定后立马触发\n }\n },\n methods: {\n // ...\n getImage() {\n // ... your code\n this.imgLoading = true; \n },\n imageLoaded() {\n this.imgLoading = false;\n },\n imageLoadedFailed() {\n this.imgLoading = false;\n // 错误处理\n }\n }\n}\n\n\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/334558197480165376\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>求中贴，用vue实现以下图片里的样式？\u003C/h1>\n \u003Cdiv>\n 可以参考这个：\"https://segmentfault.com/a/1190000040453971\" (https://segmentfault.com/a/1190000040453971)\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/333164011069648896\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>poi利用sax解析百万数据Excel的JVM内存占用问题？\u003C/h1>\n \u003Cdiv>\n 纯猜测：对于楼主的场景，大堆扩容消耗的时间，比小堆频繁 gc 的时间长。没了\n其实还有一种可能：jvm 上执行代码耗时接近，但是第二次数据库那边状态更好于是就更快乐\n结合楼主之前的两个问题 \"问题一\" (https://segmentfault.com/q/1010000044367428)\n\"问题二\" (https://segmentfault.com/q/1010000044367604)，提一些事情：\n1. 还是老问题，测试次数太少了，就一次的数据不能说明问题，起码重复个十次再说。测试方式也不严谨，插数据库这个动作对测试结果的影响最大同时很不稳定且基本无法控制\n2. 建议楼主学习一下 jvm 内存管理的相关知识，了解一下吞吐量响应时间的取舍，大堆小堆的性能特性还有其他的一堆巴拉巴拉\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/331643491941625856\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>js中如何实现快速排序789?\u003C/h1>\n \u003Cdiv>\n js中如何实现快速排序?guolguul都不会放\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001496\">前端\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>7\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/331570510796173312\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>Cache-Control的缓存策略同时配置no-store和no-cache是什么意思？\u003C/h1>\n \u003Cdiv>\n Cache-Control: no-store, no-cache, max-age=0, must-revalidate, proxy-revalidate\n上面是mdn的一个例子，为什么no-store和no-cache同时出现，那不相当于no-store吗？\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1000171\">http\u003C/a>\n \u003Ca href=\"/gather/S1004090\">http缓存\u003C/a>\n \u003Ca href=\"/gather/S1001864\">后端\u003C/a>\n \u003Ca href=\"/gather/S1000187\">nginx\u003C/a>\n \u003Ca href=\"/gather/S1001021\">协议\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>43\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/329139995677831168\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>如何做一个服务器专门用于前端的打包工作?\u003C/h1>\n \u003Cdiv>\n 如何做一个服务器专门用于前端的打包工作?\n就上传代码自动打包,并且可以多并发(也就是多个版本同时打包)\n类似CICD功能但是多并发.\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001496\">前端\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>2\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/328834734161408000\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>有人有看出这用的uniapp的什么框架吗？\u003C/h1>\n \u003Cdiv>\n \"https://card.gomall.one/h5/#/pages/index/index\" (https://link.segmentfault.com/?enc=qdwBU6jIIcRiuHUsVeNQZg%3D%3D.%2FwlwlR8Rc7BdaHGN0Y3HwTMe%2F%2BbTXzz3JHTeDsRpFJFpWUD4lr9XgrxdSOpXRfUw)\n\"image.png\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241112/8827f4decf43bc92bbf99fc7e849262a.png)\n上面的网站明白是用的uniapp做的，但是有人能看出来这个用的什么UI框架吗？\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1002619\">uniapp\u003C/a>\n \u003Ca href=\"/gather/S1001659\">框架\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>14\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/328816363235708928\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>在 Excel 中间插入一列的 Java 实现？\u003C/h1>\n \u003Cdiv>\n 怎么用代码实现向Excel中插入一列的操作？\n比如说往A列和B列中间插入一列，要怎么办？最好是Java\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1000335\">java\u003C/a>\n \u003Ca href=\"/gather/S1000665\">excel\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>3\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/328804157681045504\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>Java POI 实现 Excel 交替行颜色循环？\u003C/h1>\n \u003Cdiv>\n Java 如何实现用 POI 输出 Excel 的时候，设置背景 n 行有色，n 行无色，按顺序循环下去，怎么搞呢？\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1003321\">poi\u003C/a>\n \u003Ca href=\"/gather/S1000665\">excel\u003C/a>\n \u003Ca href=\"/gather/S1000969\">颜色\u003C/a>\n \u003Ca href=\"/gather/S1000979\">循环\u003C/a>\n \u003Ca href=\"/gather/S1000335\">java\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>20\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/326229064849297408\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>Mysql语句获取最新记录求助？\u003C/h1>\n \u003Cdiv>\n WITH RankedData AS (\n SELECT\n ,\n ROW_NUMBER() OVER (PARTITION BY xxcol_name ORDER BY xxcol_date DESC) AS rnk\n FROM\n xx\n)\nSELECT\n idxx,\n xxcol_name,\n xxcol_val,\n xxcol_date\nFROM\n RankedData\nWHERE\n rnk = 1;\n\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/325954505550077952\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>如果把设计的png图片在保证效果的前题下存储空间尽量减少？\u003C/h1>\n \u003Cdiv>\n 如果把设计的png图片在保证效果的前题下存储空间尽量减少？\n比如类似\"https://p3.dcarimg.com/img/tos-cn-i-dcdx/f3aa2146a74d47e3ab48...\" (https://link.segmentfault.com/?enc=ZARNTe40447BabqPNAsNeQ%3D%3D.EkZL3teiB%2FhRiVHpf6gBw7U5BK7Qbdtq1JrTqRkq3HU432%2B7vI%2Fd23Bkl7gRqnmAF4oITNT6BIV%2BBwoy1E120oLJ%2Bpw9tYLAuc4JWG8E%2BslFnpY7EoJktDrk0D0NOvxE)这种图，请专业大佬给指点一下\n比如用什么软件，什么样的步骤，感谢！！！\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001177\">图片压缩\u003C/a>\n \u003Ca href=\"/gather/S1001181\">图片处理\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>14\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/321785409178705920\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>如何解决CSS mask属性不请求图片的问题?\u003C/h1>\n \u003Cdiv>\n css属性mask,指定了一个照片的地址，但是从网络面板中发现并没有去请求获取这张照片，这是怎么回事？\n\n Icon \n \n\n\n[data-icon=\"cloud\"] {\n --icon-cloud: url(\"https://api.iconify.design/mdi:apple-icloud.svg\") center /\n contain no-repeat;\n mask: var(--icon-cloud);\n inline-size: 1rem;\n block-size: 1rem;\n }\n button {\n appearance: none;\n border: 0;\n padding-inline: 1.5ch;\n padding-block: 1ch;\n display: inline-flex;\n }\n\"codesandbox\" (https://link.segmentfault.com/?enc=S%2BbkV4%2F1%2FcvioCWKo8f5NQ%3D%3D.VCBbA%2BbOBepT6122f7%2FJe1wdXTgg0xwFY8Psw2ABgrab8kel7OHsPD2rXkQukIgpl5hHdJoaAa20KsKJTvIFdSU1QFRcqNEXL7l2nQ%2F%2Beeo%3D)\n\"image.png\" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241024/37fb67b25c814f35b34a7819986d3071.png)\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1000018\">css\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>1\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/319070394399068160\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>React 的 Hooks 为什么获取不到最新值？\u003C/h1>\n \u003Cdiv>\n 这里的设计存在一定的问题\n \"onFinish\" 依赖了 \"tableActive\"\n* 而 \"onFinish\" 又是在 \"setTableData(formatTableData(res.form))\" 中被引用的\n* 首次进入这个 \"useEffect\" 的时候，\"tableActive\" 肯定是初始值，当请求完成更新 \"tableActive\" 后，并不会触发 \"setTableData(formatTableData(res.form))\" 这条逻辑重新执行，所以导致产生了一个过期闭包，\"onFinish\" 始终引用的是初次的 \"tableActive\"\n* 因此这里 \"tableActive\" 其实也应该是这个 \"useEffect\" 的依赖项\n但注意，加上之后，\"tableActive\" 变化，这个 \"useEffect\"\n又会重新执行，会多请求一次，如果\"tableActive\"又存在变化的话会导致死循环，所以这块需要考虑下设计是否合理\n\"image.png\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/bbafe0f967cc7f7c72742ebe577ed420.png)\n\"image.png\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/b39d9fcdf6cbfa57fd7fc3cc6ac25962.png)\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/318670596177137664\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>请问如何统计个人电脑哪些IP或是URL的统计流量?\u003C/h1>\n \u003Cdiv>\n \"image.png\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/865252c9366eaf4677f22e735f798783.png)\n图是火绒。\n国内的电脑管家都有这个功能，不想安装可以用单独版、绿色版。\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/317888439661899776\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>使用AJAX从node.js本地服务器请求文本运行一直报错？\u003C/h1>\n \u003Cdiv>\n 大概率是 get 被缓存了。可以尝试加个时间戳入参，这样就不会被缓存了。或者开着控制台 disable cache 禁用缓存\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/317870068488740864\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>mybatis编写xml时，怎么根据变量值，执行不同的sql语句？\u003C/h1>\n \u003Cdiv>\n mybatis 有自带的数据库厂商标识（databaseIdProvider）\n\"https://mybatis.net.cn/configuration.html#databaseIdProvider\" (https://link.segmentfault.com/?enc=uPhYpAkH4Bln%2FCLS4dfcYA%3D%3D.hxvscdXNv22hXGUklCjaliMLFo%2Fdq9jJ4QRM4T9UzitOXEn4ezHGH6VKPOQgtUMTkAjdys0NfIvnKyXQVkGUvg%3D%3D)\n«\nselect * from multil\n\n\nselect id from multil\n\"https://blog.csdn.net/zhaizhisheng/article/details/105834300\" (https://link.segmentfault.com/?enc=OgA3SFzIJh73lFi4NRU93A%3D%3D.De9pJNE2D5BszNSbo%2FGEFvauWW9MWHxtsT1KTwLktYYWfl74qQbyCnv2oPtqRNdUiZv7HdNOWevKsofMZ%2FPhBQ%3D%3D)»\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/317589972922146816\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>amh面板不支持deepin吗？\u003C/h1>\n \u003Cdiv>\n 请问amh面板不支持deepin linux吗？deepin不是基于debian吗？\ndeepin不能安装amh\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001747\">解决方案\u003C/a>\n \u003Ca href=\"/gather/S1005190\">amh\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>112\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/317558012229197824\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>如何给TypeScript对象的null属性赋值？\u003C/h1>\n \u003Cdiv>\n 我想给一个对象里所有值为null的属性赋其它值，比如：\ninterface MyObject {\n id: number;\n name: string | null;\n age?: number | null;\n address?: string | null;\n}\n\nconst myObj: MyObject = { id: 1, name: null, age: 30 };\n\n// assignDefaults是要实现的方法\nconst newMyObj = assignDefaults(myObj, {\n name: 'Default Name',\n address: 'New York',\n});\n\nconsole.log(newMyObj); // 输出：{ id: 1, name: 'Default Name', age: 30, address: 'New York' }\n有没有大佬知道 \"assignDefaults\" 这个函数如何实现？\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1000452\">typescript\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>158\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/317260552420208640\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>如何在AMH中安装Zstandard和igbinary扩展？\u003C/h1>\n \u003Cdiv>\n amh如何安装Zstandard和igbinary扩展呢？\n我需要Zstandard和igbinary扩展。\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1005190\">amh\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>153\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/316747421054939136\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>关于vscode ctrl+鼠标左键无法跳转@路径的问题？\u003C/h1>\n \u003Cdiv>\n 各位大佬，我想问个关于vscode ctrl+鼠标左键跳转的问题\n在vue项目中需要配置@符号用来表示/src文件，然后写大型项目的时候我想用ctrl加左键进行快捷跳转，但是一直报错打不开怎么办？\nhttps://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/57032d5f4789036f3134f9f6ccbc45ff.pnghttps://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/248415910e4c0fc2cb1e93bc1bf62389.pnghttps://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/a014c92fa1d88023c244b1b15fb74f25.png\n我从网上找了好久无果，包括配置jsconfig.json,安装什么\"别名路径跳转插件\"都不行，而且我的鼠标左键一点击就默认选中整个链接，而不是部分，鼠标左键移动到跳转链接一定会把@符号给带进去，所以一直报错，有没有大佬知道怎么解决的\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1002550\">visual-studio-code\u003C/a>\n \u003Ca href=\"/gather/S1000580\">vue.js\u003C/a>\n \u003Ca href=\"/gather/S1002237\">插件\u003C/a>\n \u003Ca href=\"/gather/S1001206\">跳转\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>187\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/316526968516382720\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>为什么要在export default中使用this关键字？\u003C/h1>\n \u003Cdiv>\n 这是 VueJS 的选项式用法，\"this\" 指向当前组件实例。让你可以使用当前组件下的所有\n\"data\"、\"props\"、\"computed\"、\"methods\" 等数据对象和方法。\n如果有想要了解的念头，可以阅读一下\n\"Vue的入门文档\" (https://link.segmentfault.com/?enc=9mucmsGhcMMSUC%2FTKRlA8g%3D%3D.9TPPB5Fno1elBaH7CjY9Z0pbGZzUcFn1T%2FraER2IkgTOK4Kk5cUpQblYy8MIf2xb)\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/316426556853465088\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>react 里面的 useEffectEvent 的执行原理是怎样的?\u003C/h1>\n \u003Cdiv>\n import { useState, useEffect } from 'react';\nimport { experimental_useEffectEvent as useEffectEvent } from 'react';\n\nexport default function App() {\n const [position, setPosition] = useState({ x: 0, y: 0 });\n const [canMove, setCanMove] = useState(true);\n\n const onMove = useEffectEvent(e => {\n if (canMove) {\n setPosition({ x: e.clientX, y: e.clientY });\n }\n });\n\n useEffect(() => {\n window.addEventListener('pointermove', onMove);\n return () => window.removeEventListener('pointermove', onMove);\n }, []);\n\n return (\n \n \n setCanMove(e.target.checked)}\n />\n The dot is allowed to move\n \n \n \n \n );\n}\nuseEffect 的依赖项使用了 [],那么内部的 effect 函数只会在初始渲染时执行,那么监听的 onMove 函数应该第一次组件函数执行时创建的\nonMove,如果把 useEffectEvent 去掉,那么 canMove 也应该是第一次渲染时使用的 canMove,之后切换 canMove\n是不会改变 canMove 的值的。如果使用了 useEffectEvent, 那么 canMove 会跟着切换的 canMove\n变化的,useEffectEvent 是怎么实现总是读取到最新的状态值的?\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1003166\">react.js\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>2\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>191\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/315833398528585728\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>如何理解和使用CSS的:focus-visible伪类?\u003C/h1>\n \u003Cdiv>\n 其实MDN文档中已经关于这部分做出了解释了：\n«选择性地显示焦点\n自定义控件，比如按钮\"自定义元素\"，可以使用 \":focus-visible\"\n使其仅在键盘操作时才显示焦点样式。这和\"\" (https://link.segmentfault.com/?enc=KalHfikM4qRsHUq0RC%2F%2Fyg%3D%3D.GlX94D6DKfV3A2wh0%2Fe%2FWW%2B6rXngjNKd2izPXWBb5j0aP4WdXt2PduPBUMQ17xiRVPiXWntNj1gq2xr0XWHWStO2Cr8QQxqIQMRsnYwwoH0%3D)一类的原生控件表现一致。»\n\"选择性地显示焦点 - :focus-visible - CSS：层叠样式表 | MDN\" (https://link.segmentfault.com/?enc=dEwoPnrPm2Zf6CaUfMbB%2Fw%3D%3D.CWTfh02Poj4CfvrO13qZnA7tff8sf%2BChZGLuDscr%2Fl9JrQQbBQZBqxVRA7%2BAIh6K5b1G592KKrTlUQny0dhVxVbzB0zMPxei7i3H1ycb%2B51hptfu%2Bl6UvgmfZfb258qr1K%2BdKcusGUJYWs8GCi7OPGYMem8kuNjKefORyL%2F2AB%2FduSZiME9HnW5aWxD84B1P)\n以及关于无障碍关注点的部分：\n«无障碍关注点\n保证视觉焦点指示对低视力对人群可见。这对在强光环境下使用屏幕的人同样有益 (比如在户外的阳光下)。 \"WCAG 2.1 SC 1.4.11 Non-> Text\nContrast\" (https://link.segmentfault.com/?enc=7VqRa6vPWCpDsrl7x0nAEA%3D%3D.3kfRMydesoUj24LBdb6V7JPRBm6NfSEsq8oDaaOj8osOe9GZFQ%2BS20XtLcVp14gs%2B6J%2F8gNXRcBQqmbV5fvEU0zP%2B1HKUIVTc9zbWpRef4o%3D)\n要求视觉焦点指示至少在 3 到 1。可访问的视觉焦点指示：\"给你的网站一些焦点！设计有效且可用的焦点指示的一些建议\" (https://link.segmentfault.com/?enc=hO4uI7qf4tudt%2FvvRtPCDg%3D%3D.n8v6mSaOMxlO5KpecSFYFwSUwLBlly6yJ%2BKmAqp61uzyf%2BDy2vWRrzfltQeMee0TUShTd2UAd2R99%2BoFnnNHiQuTmxd9sk5RkfUALFy5U3SUcKkgaRzsDW%2Bbv9%2BMfVqf)。»\n\n简单概括一下就是自定义元素模拟原生组件的聚焦行为，以及\"无障碍\" (https://link.segmentfault.com/?enc=LALZPRyg5tsR3tGcDhfamg%3D%3D.wxWI%2BmBtN2qulF%2BNWn%2B9SiAFEi2KbhEOc87GRjlMkgNCPPxNkGB9o0Olm7J0jdLVwwA%2BjnDNnaK1134FVNfAEQ%3D%3D)访问的优化\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/315706814333194240\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>WGLCOUD的MAC地址告警通知如何关闭?\u003C/h1>\n \u003Cdiv>\n MAC地址如果变化，WGCLOUD 系统会发送邮件通知，怎么关闭这个通知呢\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001976\">服务器\u003C/a>\n \u003Ca href=\"/gather/S1002370\">zabbix\u003C/a>\n \u003Ca href=\"/gather/S1003271\">prometheus\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>180\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/315703039577034752\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>nginx 限流配置白名单不生效？\u003C/h1>\n \u003Cdiv>\n 白名单不生效的原因可能在于负载均衡器（如阿里云SLB）的透明代理设置导致Nginx获取到的客户端真实IP并非原始客户端IP。在负载均衡器场景下，请求到达Nginx之前，负载均衡器会替换掉原有的TCP/IP头部信息，因此Nginx看到的$remote_addr和$binary_remote_addr将是负载均衡器自身的IP地址而非原始客户端IP。\n在Nginx配置中启用并正确配置real_ip_header指令以解析负载均衡器传递过来的真实客户端IP。阿里云SLB一般会通过HTTP头X-Forwarded-For传递真实的客户端IP。\n在Nginx配置中加入以下内容：\nset_real_ip_from 0.0.0.0/0; # 允许信任来自任何上游服务器的IP（这里是SLB的IP）\nreal_ip_header X-Forwarded-For; # 指定HTTP头名称以获取真实IP\nreal_ip_recursive on; # 如果有多层代理，递归查找最后一个非内部IP\n\n# 然后在geo和map配置中使用$real_ip\ngeo $whitelist {...}\nmap $real_ip $limit {...}\nlimit_req_zone $limit zone=perip:10m rate=1r/s;\n\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/315417910665293824\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>nextjs的 route handler 到底有什么用？\u003C/h1>\n \u003Cdiv>\n Next.js 现在早就已经不是原来的单纯的 SSG/SSR 框架了，新版本里越来越多的特性是在往全栈的方向发展 —— 这也是它背后的 Vercel\n公司所期望的，人家卖的就是基于此的云服务，恨不得你把所有业务全都在 Next.js 里写，这样它才好卖产品。\n所以不要想太复杂，这玩意儿实质就是在服务端运行的。如果你只需要 SSG/SSR 的部分，那确实它没啥用，你理解的“多次一举”是对的。\nP.S. 之前的版本里已经有类似的特性了，即 API Routes。不过用法上有很多限制。Route Handlers 相当于超进化版的 API\nRoutes。\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/315311459317854208\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>如何设置微信小程序订阅消息英文版本？\u003C/h1>\n \u003Cdiv>\n 微信小程序订阅消息如何设置英文版本呢？开发者后台选择的模板都是中文，没有看到英文版在哪里可以设置，推测是根据微信app系统语言设置来的，但是设置为英文版微信后，订阅消息内容还是中文版。\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001496\">前端\u003C/a>\n \u003Ca href=\"/gather/S1000004\">javascript\u003C/a>\n \u003Ca href=\"/gather/S1001107\">微信小程序\u003C/a>\n \u003Ca href=\"/gather/S1002089\">订阅消息\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>102\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/314999654754295808\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>Vite初始化项目在宽带变小时的页面缩放问题?\u003C/h1>\n \u003Cdiv>\n 宽带变小？不应该是视口变小吗？？\n\n如果是的话，可以查看一下 \"index.html\" 中的 \"viewport\nmeta标记\" (https://link.segmentfault.com/?enc=qDPzTEE548j8QMgJ9NtuQA%3D%3D.Dx8PNi4p7ob%2Buyd%2FFhzF8yLWl4NJZcwjxMqyJIrxDZKPkmNtEH3VCkYNHS8RcoJeqJokGdYkzbsOTqFeITjf4ivjBqp9opt5xUKshczL3HU%3D)。但是一般不会有影响，感觉是浏览器的设备模拟导致的。可以试试看不用设备模拟预览，直接缩小浏览器宽度。看看文字大小之类的还不会改变。\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/314719810619445248\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>Paypal订阅与业务系统如何整合？\u003C/h1>\n \u003Cdiv>\n PayPal 没用过，Stripe 倒是蛮好用的，直接用付款页+webhook 就可以。如果还来得及，可以看看 Stripe 文档。\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/314586180341477376\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>macos的默认命令行中快速进入Xcode当前的文件目录下呢？\u003C/h1>\n \u003Cdiv>\n Xcode 有没有像VScode一样的命令行面板？\n\"image.png\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241003/0ed160db2701cc10a6adef6cd4eaf2c9.png)\n1、我觉得在VSCode中，有一个命令行面板很方便输入一些命令。但是Xcode中没有找到。\n2、请问那么如何在macos的默认命令行中快速进入当前的文件目录下呢？\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1000193\">ios\u003C/a>\n \u003Ca href=\"/gather/S1000053\">swift\u003C/a>\n \u003Ca href=\"/gather/S1000445\">xcode\u003C/a>\n \u003Ca href=\"/gather/S1000674\">macos\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>170\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/314348866658906112\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>libpinyin的导入导出问题？\u003C/h1>\n \u003Cdiv>\n ibus-libpinyin的导入导出问题：\n1.导入时，无法知道是否全部导入完成了？\n如果导入的文件很大，我何时知道导入完成了？导入导出界面没有显示，我根本不知道何时完成。\n2.导出\n我导入了一个用户自定义文件，假定这个文件很短就两行\ncat sample.txt\n# 用户词汇\n圣坛 shen'tan\n导入完成后，用户词库文件夹的位置是.cache文件夹下面。\nls .cache/ibus/libpinyin\naddon.bin merged.dbin user_bigram.db user_pinyin_index.bin\nenglish-user.db network.bin user.bin\ngb_char.dbin opengram.dbin user.conf\ngbk_char.dbin table-user.db user_phrase_index.bin \n请看图片\nhttps://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/11599325c11cb9d97610827bba7c6cbc.png\nhttps://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/4d4c8f82335da0f31425fd7203bbeaf6.png\nhttps://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/5a00c24ecf9e8678d4842c930380f4f6.png\n这个库的设计有问题，根本就连\".cache\"文件夹都显示不出来。\n现在，我想导出，请问如何操作？图形界面根本就找不到！\n如果导入导出，都可以使用命令行就好了。\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1001313\">输入法\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>161\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/314335780132626432\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>如何在xlsx文件中设置所有单元格左对齐?\u003C/h1>\n \u003Cdiv>\n xlsx 文件导出文件怎么设置所有的单元格左对齐\n // 成本分析数据导出\n const exportcbDetaildata = () => {\n\n const data = [\n ['类别', '计划工作量', '占比', '实际工作量', '占比', '利润'], arraylist1, arraylist2, arraylist3, arraylist4, arraylist5, arraylist6, arraylist7, arraylist9,arraylist8\n ];\n\n\n const wb = XLSX.utils.book_new();\n const ws = XLSX.utils.aoa_to_sheet(data);\n // 设置单元格样式为左对齐\n // 设置单元格样式\n // ws['A1'].s = {\n // alignment: {\n // horizontal: 'left',\n // vertical: 'top',\n // },\n // };\n\n // // 通过循环设置其他单元格的左对齐\n // for (let row = 1; row \u003C= data.length; row++) {\n // for (let col = 1; col \u003C= data[0].length; col++) {\n // const cellRef = XLSX.utils.encode_cell({ c: col - 1, r: row - 1 });\n // if (!ws[cellRef]) ws[cellRef] = {};\n // ws[cellRef].s = ws['A1'].s;\n // }\n // }\n // 设置单元格的样式\n\n\n // 将工作表添加到工作簿\n ws[\"!cols\"] = [//设置每一列的宽度\n { wch:10 },\n { wch: 10 },\n { wch: 10 },\n { wch: 10 },\n { wch: 10 },\n { wch: 10 },\n ]\n\n console.log('最新的数据看看', data, ws)\n\n XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');\n XLSX.writeFile(wb, '成本分析.xlsx');\n \n\n };\n\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1002393\">xlsx\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>164\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/314266070930169856\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>解决OpenLayers postcompose事件event.vectorContext获取失败的问题？\u003C/h1>\n \u003Cdiv>\n \"image.png\" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241001/48a64e3f4cbd409a1ca2d7e68f810ee5.png)\n在ol6中，在图层上使用\"postrender\"事件，新的\"getVectorContext\"函数提供了对即时矢量渲染API的访问。\nimport {getVectorContext} from 'ol/render';\n\n// construct your map and layers as usual\n\nlayer.on('postrender', function(event) {\n const vectorContext = getVectorContext(event);\n // use any of the drawing methods on the vector context\n});\n\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/314177738728542208\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>为什么绝对定位元素在没有达到最大宽度时就开始换行?\u003C/h1>\n \u003Cdiv>\n * 这个\"absolute\"定位的元素在水平方向上和它的包含块（就是那个\"relative\"定位的元素）没有交集了，也就说它的最大宽度为\"0\"。(通过实验猜测应该是这样，没有在文档中找到对应的说明)\n* 为什么现在是这个样子呢？因为它的宽度不能小于最小宽度，故最终宽度为最小宽度。尽可能地换行，最长的那个单词的长度就是最小宽度。\n* 如果我们设置\"word-break: break-word\",那么可以在word中的字符处就可以换行，最终得到更小的宽度。\n* 和下面这个问题的情况类似\n * \"如何让伪元素的宽度适应文字内容的同时受到最大宽度的限制，且在小于最大宽度时不自动换行，大于最大宽度时才换行？\" (https://segmentfault.com/q/1010000044625826)\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/313998306592169984\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>vue3 watchEffect 无法正确捕获多个依赖项?\u003C/h1>\n \u003Cdiv>\n 借用 \"@jsdeferred\" (/u/jsdeferred_5e8550229f194) 大佬的回复\n«每次执行完callback后都会清除此轮中没有用的依赖，height因为条件短路他的getter没有被执行导致他被清除掉不在当作是依赖，后面他的变更也不会使callback执行了»\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/313853351236214784\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>小程序生成的二进制码为什么不能转成base64？\u003C/h1>\n \u003Cdiv>\n 额，你后端返回的也不是base64格式啊，你返回的是二进制流。\n就直接用img标签src后端地址显示出来啊。或者使用js的new Image() 然后插入到DOM里面去。\n后端对二进制流base64也需要img.src = data:image/jpeg;base64,{base64}这种前端格式引入啊。\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>0\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003Ca href=\"/q/313606726282645504\" class=\"info-item\">\n \u003Ca href=\"/user/80000000137\">\u003Cimg src=\"https://wmcdn.wanmayoucai.com/c/user/80000000137-1.jpeg\"> \u003Cspan>NKTDYD\u003C/span>\u003C/a>\n \u003Ch1>externalTrafficPolicy为local的时候，访问k8s集群的外部流量一定会落在有被访问服务pod的Node节点上吗？\u003C/h1>\n \u003Cdiv>\n 关于 K8s中的external-traffic-policy是在下面的这篇文章中提到了值为local的情况\n\"https://blog.csdn.net/agonie201218/article/details/122215040\" (https://link.segmentfault.com/?enc=44bz3Eh2oNjwwh%2FbctmvcA%3D%3D.%2BQsF2Bihux0RM7eG0TMRQMwP%2B%2F%2BX0HNHtehlp9nEcwyutq%2F9QIUKeBImpEwdS70dozeykTukoA%2F5JpDldRvY%2BA%3D%3D)\n问题：如果值为local，外部流量到达某一个Node节点，\n这个Node节点本身可能并不包含被访问服务的Pod吧？此时因为设置了local，又不让转发，岂不是本地请求就失败了？\n备注参考：\n\"https://kubernetes.io/zh-cn/docs/tasks/access-application-clu...\" (https://link.segmentfault.com/?enc=6f1x75x3lsb0XDKUDAUMzg%3D%3D.yTFcm8Fj73UarvLiFBkfjKbrqdhHcfW2xiyrxIO7NTfkxgXuBccSIyxoB3Ee1K8%2FXhS7gHIjhi9ai7DH0aB00msqlTGIy7LsRY33GrFPRJe5j5AAyYeTS74WNHErIhOswjcOWZDjOCE9%2B%2BdISoi9SA%3D%3D)\n \u003C/div>\n \u003Cdiv class=\"topic-list\">\n \n \u003C/div> \n \u003Cdiv class=\"tag-list\">\n \n \u003Ca href=\"/gather/S1000178\">kubernetes\u003C/a>\n \u003Ca href=\"/gather/S1000020\">go\u003C/a>\n \u003Ca href=\"/gather/S1001864\">后端\u003C/a>\n \u003C/div> \n \u003Cdiv class=\"option-btn\">\n \u003Cdiv>\u003Cbutton>点赞\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>回答\u003C/button>\u003Cspan>1\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>评论\u003C/button>\u003Cspan>0\u003C/span>\u003C/div>\n \u003Cdiv>\u003Cbutton>分享\u003C/button>\u003C/div>\n \u003Cdiv>浏览量\u003Cspan>184\u003C/span>\u003C/div> \n \u003C/div>\n \u003C/a>\n \n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003Cdiv class=\"mine-content-right\">\n \u003Ch1 class=\"title\">履历\u003C/h1>\n \u003Cdiv class=\"experience-list\">\n \n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n ",{},{}]