"getUserList" 将发出一个数组 flowchart LR s((start)) arr["[user 1, user 2, user 3]"] e((end)) s --> arr --> e "mergeMap((users) => from(users))" 将数组中的元素依次发出 flowchart LR s((start)) user1[user 1] user2[user 2] user3[user 3] e((end)) s --> user1 --> user2 --> user3 --> e mergeMap((user) => getUserDetails(user.id).pipe(map((details) => ({ ...user, details }))) ); 为每个用户添加 details flowchart LR s((start)) user1["{ user 1, details 1 }"] user2["{ user 2, details 2 }"] user3["{ user 3, details 3 }"] e((end)) s --> user1 --> user2 --> user3 --> e

以前写的面试题 手写 call 函数 // call函数实现 Function.prototype.myCall = function(context) { // 判断调用对象 if (typeof this !== "function") { console.error("type error"); } // 获取参数 let args = [...arguments].slice(1), result = null; // 判断 context 是否传入，如果未传入则设置为 window context = context || window; // 将调用函数设为对象的方法 context.fn = this; // 调用函数 result = context.fn(...args); // 将属性删除 delete context.fn; return result; }; 手写 apply 函数 // apply 函数实现 Function.prototype.myApply = function(context) { // 判断调用对象是否为函数 if (typeof this !== "function") { throw new TypeError("Error"); } let result = null; // 判断 context 是否存在，如果未传入则为 window context = context || window; // 将函数设为对象的方法 context.fn = this; // 调用方法 if (arguments[1]) { result = context.fn(...arguments[1]); } else { result = context.fn(); } // 将属性删除 delete context.fn; return result; }; 手写 bind 函数 // bind 函数实现 Function.prototype.myBind = function(context) { // 判断调用对象是否为函数 if (typeof this !== "function") { throw new TypeError("Error"); } // 获取参数 var args = [...arguments].slice(1), fn = this; return function Fn() { // 根据调用方式，传入不同绑定值 return fn.apply( this instanceof Fn ? this : context, args.concat(...arguments) ); }; };

检测: var videoElement = document.querySelector('video'); videoElement.addEventListener('error', function() { // 重新拉流 }); 定时： setInterval(function() { if (videoElement.networkState === videoElement.NETWORK_NO_SOURCE) { // 重新拉流 } }, 60000); 第三方库： if (flvjs.isSupported()) { var flvPlayer = flvjs.createPlayer({ type: 'flv', url: 'http://example.com/live/stream.flv' }); flvPlayer.attachMediaElement(videoElement); flvPlayer.load(); flvPlayer.on(flvjs.Events.ERROR, function(e) { // 错误处理和重新拉流的代码 }); }

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250108/4ccac4e81fb589df626faf39bfa94b43.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250108/585268cf763364237c5a52f86480f556.png) 我想在鼠标滑过行数据的时候，显示出这样的提示，改怎么加呢？ 鼠标在这一行都能显示提示。

用 Docker 做演示 选用一个使用 debian12 bookworm 作为基础镜像的 python 镜像 FROM python:3.11.5-bookworm RUN echo "deb http://mirror.sjtu.edu.cn/debian bookworm main non-free contrib" > /etc/apt/sources.list 打包镜像 docker build -t "ponponon/image_search_engine:2023.09.07.1" . 打开容器 docker run -it --rm ponponon/image_search_engine:2023.09.07.1 bash 查看镜像文件 alias ll="ls -alh" cd /etc/apt/ cat sources.list 内容如下： root@49008ea43dda:/etc/apt# cat sources.list deb http://mirror.sjtu.edu.cn/debian bookworm main non-free contrib 确实只有 sjtu 了 但是当我执行 apt update 的时候 root@49008ea43dda:/etc/apt# apt update Get:1 http://mirror.sjtu.edu.cn/debian bookworm InRelease [151 kB] Get:2 http://deb.debian.org/debian bookworm InRelease [151 kB] Get:3 http://mirror.sjtu.edu.cn/debian bookworm/main amd64 Packages [8906 kB] Get:4 http://mirror.sjtu.edu.cn/debian bookworm/non-free amd64 Packages [98.6 kB] Get:5 http://mirror.sjtu.edu.cn/debian bookworm/contrib amd64 Packages [54.3 kB] Get:6 http://deb.debian.org/debian bookworm-updates InRelease [52.1 kB] Get:7 http://deb.debian.org/debian-security bookworm-security InRelease [48.0 kB] Get:8 http://deb.debian.org/debian bookworm/main amd64 Packages [8906 kB] 59% [8 Packages 331 kB/8906 kB 4%]^C 为什么还会连接 "http://deb.debian.org/debian" 呢？ *** 是的，正如「Feng_Yu」所说，所以要加一行 "RUN rm -rf /etc/apt/sources.list.d/*" «注意，海外不要删除，不然就废了。大陆要换成 aliyun 、中科大等 apt 镜像源的才需要这样操作» 完整的： FROM python:3.11.5-bookworm RUN rm -rf /etc/apt/sources.list.d/* RUN echo "deb http://mirror.sjtu.edu.cn/debian bookworm main non-free contrib" > /etc/apt/sources.list RUN apt update

二者都可以分发，不是说 electron-builder 只能打包不能分发。二者只有 API 和配置项的区别、和由此带来的所谓“自由度”的区别。 *** 打包就是 Build：把你的源代码、依赖库、资源文件等等东西整合到一起，生成可执行文件的过程。毕竟用户不可能为了运行你的程序还得专门下载安装个开发环境、然后从头编译你的源代码，Ta 肯定是期望双击直接运行的。 分发/发布就是 Distribute/Publish：把上面的产物（即可执行文件）发放给终端用户的过程 —— 说白了就是你得把你的软件放到一个地方能让用户下载安装，而且不同平台下载安装的方式还未必一样。比如你要发布到 AppStore 里，那就得 Provision+签名+提交审核（最后这步得你手工介入，程序干不了）。

Hello!. 我定义了一个普通的变长结构体用于UDP通信,大概类似这样. struct { int size; char data[0]; } 然而我发现一个问题，我在接收方设置的函数是。 recvfrom(serverSocket, buffer, 30000, 0, (struct sockaddr *)&clientAddr, &clientAddrLen); 它会接受小于30000以下的消息，而我的通信长度是无论如何都不会大于30000的。那这里的变长结构体还有意义吗？ 我还想问一下当我在结构体的尾部使用"char data[0]"时会发生什么，谢谢。

phpmyadmin是php程序，会受php、nginx环境的限制，上传大小与导入时间都会受限。 建议在面板安装默认的数据库管理软件madmin使用， 在madmin的数据库列表导入sql数据文件，madmin是没有文件大小与时间限制。

问题描述 大佬们，这是一个新增的弹窗handleConfirmClick方法调用了一个提交接口，第一次提交是正常的。但是之后再打开这个弹窗时我只要在input上输入就会自动调用新增的请求也没走handleConfirmClick。这是为什么啊？ 问题出现的环境背景及自己尝试过哪些方法 vue3、nuxtjs 相关代码 取消 确认 你期待的结果是什么？实际看到的错误信息又是什么？ 能正常使用 这个是错误的 "f7e8caba8ffe280e834caa8475e8604.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/53283a49a8580c68996b465a6b3981b6.png) 这个是正常的 "693e7cebe09ed931074f23e1e41697e.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/c5898605897a84e6693a622e8c277827.png)

// 添加 Cesium OSM Buildings。 const buildingsTileSet = await Cesium.createOsmBuildingsAsync(); viewer.scene.primitives.add(buildingsTileSet); 会显示不正常，如下图 https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241222/ac3fe707fbc9dc5d9df8179de74cd790.png

像这么做："https://github.com/cnpm/cnpmweb/pull/21#issuecomment-1682624787" (https://link.segmentfault.com/?enc=soxPGK4HgFsWoMlaQlRqfw%3D%3D.O1xd0r6NNQ5i31%2FfCCzCHx3RgzyCAEayDBg7mlztoi41yDzntTR4ESRB0avHXewvWrGjoWuCtdZObELTBhgzuw%3D%3D) "image" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241214/207491ebe189ad20e6ae4be1859a98b8.png)

Java: public void CopyRange() { Workbook wb = new Workbook(); wb.getWorksheets().add(); IWorksheet sheet1 = wb.getWorksheets().get(0); IWorksheet sheet2 = wb.getWorksheets().get(1); //在Sheet1中添加测试数据 Object[][] data = new Object[][] { { 1 }, { 3 }, { 5 }, { 7 }, { 9 } }; sheet1.getRange("A1:A5").setValue(data); //把数据从sheet1上复制到sheet2中 sheet1.getRange("A1:A5").copy(sheet2.getRange("A1:A5")); //或者使用 剪切 //sheet1.getRange("A1:A5").cut(sheet2.getRange("A1:A5")); //保存为Excel wb.save("output/CopyRange.xlsx"); } 参考资料："https://demo.grapecity.com.cn/documents-api-excel-java/demos/..." (https://link.segmentfault.com/?enc=hTbfT%2BGrpW4b92wJsyX6%2Bw%3D%3D.bXTgyypiRnDdV96zsFbw0GW928ba37u6IiOjdLGt6O8oa0YKfuWPnrsrp1%2BxT4ebNNOjVRX02efTwbq0xKeOHldCYDWt3w3UIHa2qXuN8cyuY%2FrZNKHAT901akI4vZzT)

阿里的: "https://market.aliyun.com/products/57000002/cmapi011806.html#..." (https://link.segmentfault.com/?enc=hLxiVBUx37qTm4viSQO1tg%3D%3D.3SVJt1qGJaZUmZC4pr%2BPOsDaBvy6jFjhp1OzBaDVCuqpNFobevLpuQ2HsDsLRH2bIo1GxzfDh2V56A1UHwHXG8Ro8RnM3qLwtRkO3KODXlWfTlJwsDn9QBpT9VC6gull) 聚合数据的: "https://www.juhe.cn/docs/api/id/52" (https://link.segmentfault.com/?enc=Vhu6dxj9jLMqb5cjvTwJdA%3D%3D.HfcS8y%2BSXNbAPgd9S9OQ0J%2BZBxIep8hjEkA%2BNYpXiSj9Ub6HkQ7wlYNP6KFLexss)

我的小程序最后一次更新是2020年，我网上查了一下 "https://developers.weixin.qq.com/miniprogram/dev/api/media/im..." (https://link.segmentfault.com/?enc=rVmtp8xuAO7QVj8099EXfA%3D%3D.KjHyuYogHNlfyAWvADHwswHWccGtuPDuElrE3Gb2PrESj%2FGt6EmUsHw01em4%2Bqv7HPCF5QYdl%2B77nw%2B1YJmmj8Qv2CFAG6R1ug7V4p7eVhqMCQcfHLk3SVO9IYyx30je) 我感觉可能是这个问题，这个程序是以前同志开发，我没做过小程序开发，从上文中得知基础库概念，我是要改原程序中的基础库，和新版的打开相册的方法吗？怎么更新基础库？

建议的方案是svg+canvas。svg负责操作，canvas负责最后的渲染。 "antV" (https://link.segmentfault.com/?enc=qsKfnAMaznOefKOIgmHuuQ%3D%3D.oeKEKJQQHI4rauparSCdbxuweNjJZsFy%2BbzqnrVIzq0%3D)的库都支持万级的数据量，也支持svg+canvas的多种渲染方式

const handleTouchMove = (event) => { event.preventDefault(); // 获取触摸位置 const touch = event.touches[0]; const x = touch.clientX; const y = touch.clientY; // 用触摸位置获取下面的元素 const targetElement = document.elementFromPoint(x, y); // 确定这个元素是否是树节点的一部分 const targetNode = findTreeNodeForElement(targetElement); if (targetNode) { // 执行拖放逻辑 performDragOverLogic(targetNode); } }; const findTreeNodeForElement = (element) => { // 递归查找或者用其他逻辑确定元素是否为树节点的一部分 // 并返回对应的节点数据或者标识 }; const performDragOverLogic = (targetNode) => { // 根据目标节点的位置信息更新拖放状态 };

想要的效果就是富文本回显后，禁止修改 效果实现了，但是报错了 "Cannot resolve a DOM node from Slate node: {"text":"模拟 Ajax 异步设置内容 HTML"}" "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241119/19c8a2d5a4bfaacb8c4b6f85f71b9abf.png) 实现方法：通过查文档 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241119/ea4f30d6a18a7506955a94c2f138e18d.png) 使用"editor.disable()"实现了，但是报错 "wangeditor文档地址" (https://link.segmentfault.com/?enc=g78Kd7vNGtFFDIhbdj23IA%3D%3D.8k%2Bj5ks6o%2FRw9lsYH9nGZWfwVRXFIv7awjNxeBOzaDQro03HU9dUEaZDxIA2Ba%2By) 代码 import { Editor, Toolbar } from "@wangeditor/editor-for-vue"; import "@wangeditor/editor/dist/css/style.css"; export default { name: "HelloWorld", components: { Editor, Toolbar }, data() { return { editor: null, html: "hello", toolbarConfig: {}, editorConfig: { placeholder: "请输入内容..." }, mode: "default", // or 'simple' }; }, methods: { onCreated(editor) { this.editor = Object.seal(editor); // 一定要用 Object.seal() ，否则会报错 }, }, mounted() { // 模拟 ajax 请求，异步渲染编辑器 setTimeout(() => { this.html = "模拟 Ajax 异步设置内容 HTML"; this.editor.disable(); }, 1500); }, beforeDestroy() { const editor = this.editor; if (editor == null) return; editor.destroy(); // 组件销毁时，及时销毁编辑器 }, };

本地开发环境php+nginx出现504超时? 环境:thinkphp6, php7.3,nginx1.15 放大: nginx的请求超时和加载超时 补充说明: 前端点一个按钮通过XHR对一个后端地址发起下载请求, 这个后端地址任务: 导出Excel,Excel某列是图片写入,图片用curl去下载(到本地). 后端地址有一个日期范围参数,若设置的很短(一个月)不会出现504;若设置的很长(2年/2800+条记录)会出现:504. 也不是每条记录的图片列都有写入图片. 2800条目前也只有10多张图片

解决问题了： 1. nacos client 2.x版本问题，最直接的方式，把nacos client版本换成：1.x，如：1.4.6 2. 增加代理的端口监听，9848 基本原因是： 9848 1000 客户端gRPC请求服务端端口，用于客户端向服务端发起连接和请求 参考："https://nacos.io/zh-cn/docs/next/v2/upgrading/2.0.0-compatibi..." (https://link.segmentfault.com/?enc=MDMhs4NLfY0ZcWNE1Y2vBg%3D%3D.9jd%2BhdcACy1q65Db7SjysI0nI63PzJTJvmLAoF1ubSyJIgSuESFECFCHLjtUCkzG9%2BLqFRzVMepaXoEanPy5gFKXx1GZTQtNe411G4llIps%3D)

你在"IProps"上约束了所有的"props"的类型都是"T"，数组中所有的元素都得是这个类型才行。 这种声明方式我只能想到用"any"解决： interface IProps { registryModal:Array, props: any }> } 在你使用每一个组件时再用"as"声明"props"的真正类型。

移除 Cache-Control: max-age ，或者设置为 0，这会导致走强缓存

没看懂,但是主流的都是使用pdfjs的方案实现,包括你截图展示的效果都能实现,官方示例也有,可以你把上一页,下一页,改成直接读取数值, 你用得费劲,你可以用这个库 "https://github.com/gjTool/pdfh5" (https://link.segmentfault.com/?enc=YPWeg3hpTfWBfXWB7hlbZA%3D%3D.ys2Ji9sp4aVFFHzmMNMCVbUrfO6Mt35ESgYrGfJTiNQ%3D) 应该满足你的需求 "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241104/387ab79b9bc2c17bd1280203b580052c.png)

根据你现在贴出的代码，无法确认子组件是否接受到父组件的值

"图片" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241102/d5260f8c9ff1db4e4085b19b03a24626.png) 现在的情况是这样，最后多出一个背景快，怎么去掉呢 .oneline { width: 640rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text { background-color: #999999; padding: 4rpx 8rpx; margin-right: 12rpx; } } {{item.label}}

如何使用 Java 代码实现设置 Excel 单元格的格式 想设置如同百分比，科学计数等的单元格格式。

因为回调"mounted"这个钩子的时候，"await getChartOne()"还没返回结果给"data"，自然在调用"updateChart"的时候"allData"还是空，

第一次运行flutter程序，这是什么问题？ "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241101/713a031932a67fc52421c7fadc4c1b26.png) 修改FLUTTER_STORAGE_BASE_URL还是提示这 "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241101/021b079d54ba4ca9560acfce40f0c917.png) Exception in thread "main" java.net.UnknownHostException: D at java.base/sun.nio.ch.NioSocketImpl.connect(NioSocketImpl.java:567) at java.base/java.net.Socket.connect(Socket.java:633) at java.base/sun.net.ftp.impl.FtpClient.doConnect(FtpClient.java:1045) at java.base/sun.net.ftp.impl.FtpClient.tryConnect(FtpClient.java:1010) at java.base/sun.net.ftp.impl.FtpClient.connect(FtpClient.java:1102) at java.base/sun.net.ftp.impl.FtpClient.connect(FtpClient.java:1088) at java.base/sun.net.www.protocol.ftp.FtpURLConnection.connect(FtpURLConnection.java:320) at java.base/sun.net.www.protocol.ftp.FtpURLConnection.getInputStream(FtpURLConnection.java:426) at org.gradle.wrapper.Download.downloadInternal(Download.java:58) at org.gradle.wrapper.Download.download(Download.java:44) at org.gradle.wrapper.Install$1.call(Install.java:61) at org.gradle.wrapper.Install$1.call(Install.java:48) at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAccessManager.java:65) at org.gradle.wrapper.Install.createDist(Install.java:48) at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:128) at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61) Exception: Gradle task assembleDebug failed with exit code 1 修改distributionUrl=https://services.gradle.org/distributions/gradle-7.5-all.zip后出现下面错误。 "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241101/f79c5f1d0c43af086769b8e4756edd06.png) 最后这样把问题解决了： "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241101/f9f5da9a851fc2ceeb3018fd58a07b0b.png)

没有把端口号的格式修改. 应该是 " u16 srcport=ntohs(t->source),dstport=ntohs(t->dest);"

没有 有这个 "https://uniapp.dcloud.net.cn/api/base64ToArrayBuffer.html" (https://link.segmentfault.com/?enc=GyPoWGNtPlFbVws2iQQjlg%3D%3D.QfnTzzi6P7uSqMoDpr5fHRYfA2IGtpvqHpvTWNq5HH5yG5M7cJGCo%2B6XlGZEFHMQ8vwOftRu54U5%2F%2FSIGKLVRg%3D%3D)

vue3 render函数方式创建el-select，不能回显是什么问题呢？ const handleRemove = () => { const options = combination.value.mapList[VariableEnum.variable.toString()] ?? []; const selected = ref(); const content = h("div", {}, [ h("p", { style: { marginBottom: "12px" } }, "已有变量配置绑定此组合方式，如要删除请选择替换组合方式"), h( // ElSelect, 'el-select', { // onChange: (val: any) => { "onUpdate:modelValue": (val: number) => { selected.value = val; console.log(selected.value); }, // value: selected.value, modelValue: selected.value, style: { width: "100%" }, placeholder: "请选择替换组合方式", }, [ options.map((item: any) => h(ElOption, { key: item.id, label: item.title, value: item.id, }) ), ] ), ]); ElMessageBox({ title: "警告", message: () => content, }).then(() => { console.log(selected.value); // 处理删除逻辑 }); };

ubuntu断电强制关机后无法启动 重启无效，希望可以解决这个问题

如果两个项目跨域了,那么通讯肯定是不行的,你只要保证两个项目没跨域,解决方案就很容易

首先，我发现Firefox对于flex的调试更好一些，题主可以试试用火狐看 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/2de7385b1b076cd03c0f64e429e9742f.png) 如图，你会发现有个“最小尺寸” 英文Minimum Size，所以4个div不会收缩 mdn中可见"https://developer.mozilla.org/en-US/docs/Web/CSS/flex#initial" (https://link.segmentfault.com/?enc=WWV9BmAdmmESx6v7UbmhBw%3D%3D.pxevjB7%2FZXLM0IY%2FahJXxBqL8CPCcLeRts6KKTGdzeZHFtyCnRq%2F8rNddvBMVWa2q6p5Wx0wbLxEcrw5nsFC7g%3D%3D) «It shrinks to its minimum size to fit the container» 关于为什么会有这个Minimum Size 请研究"https://drafts.csswg.org/css-flexbox/#min-size-auto" (https://link.segmentfault.com/?enc=lBYRst%2FRaEhie%2FjbjzOEFg%3D%3D.lksC3guaMC%2FFfsrz85g%2FbKN6cWtlevTvL%2FUjx3iutXgtUnzFysm6oRhnXkwtOIw3oimAiBTgHHPjULSBtY1yJA%3D%3D) 规范的这块部分。我看了一会，并没有看明白。。。 可以搜索min-content Minimum Size研究一下 不过可以断定的是，~~min-width是0px只是个computed计算里显示的值~~ ，如果你手动指定min-width为0px，就会收缩了。我记得我曾经也碰见过一个类似问题，将computed里显示的默认值变成手动设置的css代码，效果就不一样了。 参考 "https://medium.com/the-crazy-coder/the-mystery-of-css-flex-la..." (https://link.segmentfault.com/?enc=k3eAg7msgYVjLMwB9B%2BSWQ%3D%3D.H2AmxnhS0J81oMVDQIDt%2BcuLeaKQiSus1v5iUc0DmIfr7VVH7pR7FysRIoHofWa7o%2BUkWdWCzgxGqnMTbmSD6kjxMo97NiJzag6wtQBbJO1x7QOKhp3qUyWIWsFaiTuL) "https://www.bigbinary.com/blog/understanding-the-automatic-mi..." (https://link.segmentfault.com/?enc=F5N1HFMVOOjBT2OAyGzhAA%3D%3D.Sek8kJXszZKHp7aX2K6BaJOdXtGmFSDfIpTt%2BEWPH%2BsxcDkmwJXSN%2B4mUKdia0ZPnpiYWyJMCq8MRw4IT3s0W%2FPtU7ORxm%2Bpvep6nkG6WuBpk7ay4byg8DI4p%2BIB5tNv) "https://fantasai.inkedblade.net/style/discuss/flexbox-min-size/" (https://link.segmentfault.com/?enc=SiPiXNtGgDHR8eSYKvQzvg%3D%3D.3CFSfBlofiHmT0o3oslmMMZGSFlxWQFOOVpc2LaQqRys2CqpXHZXVGK0zBeFHvkI3h%2BCQMaBP2M6Ujhoi9fIww%3D%3D) "https://firefox-source-docs.mozilla.org/devtools-user/page_in..." (https://link.segmentfault.com/?enc=iIoukf%2Fpo%2BDrHNticszE7w%3D%3D.kvorojG5ofvUEgg%2F07xlMbPlQKN9kBrigu4DW%2FGuaNHIu13Xl9P8E2%2BzJIx0OfCQJNEMFWJCrK%2BwnA555GobTrQCkKAl1A3Hc6OX4Grtcn5xVq7S6%2FawJ6kWPE9UtX46hzCOT1mhs%2Bf2pdrPPFGCrw%3D%3D) «The second reason is that flexbox prevents small items from shrinking to zero size during this removal of negative free space. The items will be floored at their min-content size — the size that they become if they take advantage of any soft wrapping opportunities available to them. "https://developer.mozilla.org/en-> US/docs/Web/CSS/CSS_flexible..." (https://link.segmentfault.com/?enc=bW1AQh8lBj%2F7TA9uH%2BO92Q%3D%3D.3Y%2FM4KIXIMBQZAShhDz1JB9vXNm0l4O06sxkQnzKC9QLOF3N0DOYpxuxjoUSa2rSnpXohJLxgxVAzLz4O3p2BNx9gCR32DngEyQLFXp%2FZ9OFPLpwxyllbtdrAkhq2eRiluvFSf4NsDkShvQFZbNWxzg8edup2UUbeWXVJySs2nY%3D)» *** 调试css真的是个黑盒，里边老多变量的值和逻辑都是不展示出来的。只能看规范猜。等有时间了研究一下chromium的css渲染实现

function transform(list) { const ret = {}; for (let i = 0; i < list.length; ++i) { const { level } = item = {...list[i] }; const preLevel = Math.max(level - 1, 0); if (!ret[preLevel]) { ret[preLevel] = [item]; if (ret[level]) { item.children = ret[level]; continue; } } else { ret[preLevel].push(item); } ret[level] = item.children = []; } return ret[0]; } console.log(transform(outlist));

react 父子组件传参，由于父组件传递的参数类型有些问题，不能直接使用，需要做些改变，在哪个阶段处理比较好？ import Child from "./child" import React, { useState } from "react"; export default function App() { const [arr, setArr] = useState([ { name: '张三' } ]) const update = () => { setArr([]) } return ( ) } 子组件, import React, { useState } from "react"; export default function Child(props) { let arr = props.arr const [arr2, setArr2] = useState([]) return ( 21 ) } useEffect(() => { setArr2(props.arr) //我是在这个阶段 }) 还有哪些方式比较好

想循环上传每个文件，循环第一次时isrepeat参数为true，拿到第一次循环上传成功后台返回的路径，作为往下循环的pathList，并且往下循环isrepeat参数为false，思路有点凌乱乱... upload(data,action) { let formData = new FormData() data.forEach((item) => { formData.append('fileList', item) if (data.length === 1 || action === 'fileUpload') { //单文件 formData.append('pathList', item.name) } else { formData.append('pathList', item.webkitRelativePath) } formData.append('pid', this.currentNodeKey) formData.append('isrepeat', true) this.$myHttp({ method: 'post', url: this.prefix + '/doc/docDir/uploadHtml2Public', data: formData, headers: { 'Authorization': 'Sys ' + sessionStorage.getItem('token'), 'showLoading': 'true' } }).then((res) => { this.refreshTree() }).catch((error) => { console.log(error) }) }) }

需要在Nginx中修改一下配置文件。这个在 "vue-router" 的文档中有说明的 👉 "HTML5 History 模式 | Vue Router" (https://link.segmentfault.com/?enc=MAHyPw1Fv3J4oD4JJupeeQ%3D%3D.%2B7pqHo%2B3SHLnhyfQoRK6bOs2lbYV5aDXiygaWYl4H4S4h1kWGeJ0it05JUvfzdLpH2OE0kVVWhOcn21cvkJanWDuaFy4BXOp35FDdhgv9xpx7FteLsv%2Fym%2FdAV73Ea3sdWKy6j3KlDAxlPiBd5K2%2B0Bznu2RiAypXEKiLHVNHGI%3D) «当你使用 history 模式时，URL 就像正常的 url，例如 "http://yoursite.com/user/id"，也好看！不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 "http://oursite.com/user/id" 就会返回 404，这就不好看了。所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 "index.html" 页面，这个页面就是你 app 依赖的页面。» # nginx location / { try_files $uri $uri/ /index.html; }

没有报错信息？

我看你"main.js"中试图往"id"往"app"的元素上挂载应用，所以是不是你"index.html"没有""节点导致的呢？

如题，各位我有一个项目，现在有一个需求，在弹出窗口中跳转到一个选择页面，选择完成之后返回原来的页面，如何保持原来的页面状态不变？ 尝试过使用keep-alive但是效果不理想。 请问有什么办法，或者什么思路！ 备注：页面都是同一个站点的

1.首先请了解一个概念:在Java虚拟机（JVM）中，垃圾收集器在工作时会将对象分为三种颜色：白色、灰色和黑色。白色对象是可能被回收的垃圾，灰色对象是正在被检查是否有引用其他对象的中间状态，黑暗物体关联到一个新创建或者已经存在但未标记（即仍然是白领） 的那些已经变成了灰暗或者黑暗领涂成灰涂料。 现在假设有这样一种情况：一个已经检查过（也就是说它现在是黑暗物体关联到一个新创建或者已经存在但未标记（即仍然是白领） 的那些已经变成了灰暗或者黑暗领涂成灰涂料。如果此时它突然引用了一个新创建的、还没来得及检查 的那些尚未被访问过 ，也就说这个新 对象还处于“可能回收”的状态。如果垃圾收集器没有注意到这一点，并且继续按照原计划进行工作，则可能会错误地将这个 新对象当做无人引用而进行回收。为了防止出现上述情况，在JVM中有一种叫做“写屏障”的技术。这个技术的作用就是在一个黑暗物体关联到一个新创建或者已经存在但未标记（即仍然是白领） 的那些已经变成了灰暗或者黑暗领涂成灰涂料时，立即将这个黑色对象重新标记为“正在检查”的状态，也就是说将它重新染成灰色。这样一来，在接下来的检查过程中，垃圾收集器就能再次检查到 这个 对象，并且发现它现在其实还有被引用。 所以说，“必须满足两个条件才会出现消失”：第一，有一个黑色对象突然引用了新创建的白色对象；第二，“写屏障”没有正确地工作。只有当这两点同时满足时，才可能出现不该被回收的 对象 被错误地回收。 但实际上，在JVM运行过程中，“写屏障”通常都能正确工作，并防止上述情况发生。 2.卡表和记忆集都是用于优化跨代引用查找以提高GC效率而设计出来 的数据结构。当卡页变脏时，意味着这个卡页可能包含了跨代引用。在GC过程中，我们需要将这个卡页加入到GC Root中。但是，并不是将整个卡页的所有对象都加入到GC Root，而是需要进行一次扫描来找出那些真正包含跨代引用的对象，并将它们加入到GC Root。如果不进行筛选而直接把整个卡页都当作Roots来处理，那么会导致浮动垃圾（Floating Garbage），也就是实际上可以回收但在当前的垃圾收集过程中没有被回收的对象。 3.共享（False Sharing）问题通常出现在多线程环境下，当多线程尝试修改同一缓存行上不同数据时会导致性能下降。写屏障可以帮助解决伪共享问题因为它提供了一种机制来控制并发修改内存数据：通过写屏障我们可以确保某些写操作按照预期顺序执行并且对其他线程可见。 具体如何解决取决于具体实现和使用场景。 例如，在JVM GC实现如G1或CMS等使用了写屏障技术，在新生代复制阶段或者并发标记阶段等，写屏障可以确保对象的引用更新对GC线程可见，从而避免了可能的并发问题。但这并不直接解决伪共享问题。伪共享问题通常需要通过其他方式解决，例如缓存行填充（Cache Line Padding）或者使用支持缓存行对齐的数据结构等。 针对你提出的问题，我作答如下： 你的理解是正确的。写屏障确实可以看作是一种AOP技术，它在运行时插入一些额外的操作来帮助垃圾收集器追踪对象引用关系的变化。对于你提到G1垃圾收集器使用原始快照技术和写屏障如何解决对象消失问题，这里需要明确一点：在并发标记阶段开始时，所有活动对象都被认为是灰色的。这意味着如果一个白色对象在并发标记阶段关联到一个已经检查过（即黑色）的对象上，并且没有其他灰色或黑色引用指向它，则该白色对象不会消失。原因如下：由于G1使用了SATB技术，在并发标记开始时会记录下所有活动(即可达) 对象。如果某个时间点有一个新创建或者从灰变为白(断开了与其他已经检查过得黑/灰节点联系) 的节点被某个已经检查过得黑节点所引用，则此刻写屏障就会起作用，并将该新创建或者从灰变为白 的节点重新视为"可达"状态(即重新视其为"活动")。所以，在G1中，写屏障主要用于处理并发标记阶段，对象引用关系的变化。当一个黑色对象引用一个白色对象时（即断开了原有的灰色或黑色引用），写屏障会将这个白色对象重新标记为灰色，并将其放入到待处理队列中。这样就保证了在并发标记阶段，不会有活动的（即可达的）白节点被遗漏。我总结一下：在G1垃圾收集器中，使用原始快照技术和写屏障可以确保在并发标记阶段不会遗漏任何活动节点。当出现黑节点新关联到一个新创建或者从灰变为白 的节点时(断开了与其他已经检查过得黑/灰节点联系)，此刻写屏障就起作用，并将该新创建或者从灰变为白 的节点重新视其为"活动"状态(即重新视其为"可达")。

注意！不是静态资源路径的问题！ 描述一下情况： 1.地址能打开，属于 history 模式，/login 之类的地址都能打开 2.资源加载成功，Vue 代码的 css 和 js 都正确，favicon 也拿到了 3.Vue 加载正确，App mounted 有 log 返回 4.Route 加载正确，APP mounted 有 $route 返回，里面地址信息正确 5.#app 元素加载正确 感觉是我业务代码的问题， 可是本地代码跑起来是正常的！

因为List里存了同一个实例对象，应该在for中每次遍历操作都实例化一个对象 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/2fc5bae9de35ec41819d83d804efe790.png)

AI 给的方式是对的，但命令给错了。 应该是： > pnpm --recursive run your-build-script-command 或者简写成： > pnpm -r run your-build-script-command

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241003/d0873c438a299a29a3f7992a433f2694.png) @media print { @page { margin: 0; } body { margin: 1.6cm; } } Home page Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum cumque quis nobis, pariatur aut quisquam minima? Fugiat odio cumque similique quis consequuntur inventore aspernatur praesentium obcaecati eaque, dolorem veniam possimus. Print const btn = document.getElementById('btn'); btn.addEventListener('click', () => { window.print(); }); 谷歌浏览器生效，Safari浏览器未生效

微信小程序"const that = this"的疑问 我看微信小程序异步方法回调的时候，有很多"const that = this" 查了资料，说是因为原方法page调用，回调方法框架调用，this变了，所以用that来保留page 那么有没有什么办法避免掉回调里频繁出现的"const that = this"？ 希望能有个方便的、框架式的解决办法 —————— 已经解决了，箭头函数神无敌！ 我以前都不喜欢这类后来的写法，都很传统的用"success: function() {...}" 今天这个问题刷新了我的认知，我以后就用"success: () => {...}"了

可以考虑分页加载数据，不要一次性加载所有数据，而是采用分页的方式，每次只加载一部分数据，当用户进行上拉加载更多时再去获取下一页数据。或者将数据加载操作放在异步任务中进行，避免阻塞主线程，可以使用 async/await 或者 Promise 等方式来管理异步操作。

vue3 template组件不编译 代码是这样的，第二个template不会被编译 网页呈现是这样的，template没被编译掉？Hall组件倒是编译了 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241003/2dd0da6ede0d18c4d66961b36a0c0f43.png)

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241001/6768655e47de2e7452d1cf4ac6098419.png) "onShow()" 中有很多的函数调用和异步调用，并且很多很容易出错。当我切换到下一个页面的时候我发现 这个页面 "onShow()" 里面代码仍在执行，有什么好的办法中断吗？ 目前能想到的是写一个 "show" 的状态，页面隐藏时改为 "false"，然后每个函数调用前加个判断，感觉有点笨😂。

是这样，今天公司扫描端口，发现33060端口可以任意密码和账户登录，但我已经设置了root的强密码，自己用控制台的"mysql -P 33060 -u k -p" 任意账号的密码是登不上的，不知道问题出在哪？ 查了一些资料说是在启动配置里写入"mysqlx=0"或在启动时加上"--mysqlx=0 ",两种都试了，不好使，还是会监听33060端口 版本是windows mysql8.0.21.zip