云端小仙女
IP:
35关注数
0粉丝数
0获得的赞
工作年
编辑资料
链接我:

创作·40

全部
问答
动态
项目
学习
专栏
云端小仙女

JSX字符串转React Element?

有一个 renderString 的方法,应该也是之前的 SSR 的主要实现方法
0
0
0
浏览量0
云端小仙女

纯前端如何实现一个本地数据库来存取数据?

从 Web 应用这个概念来说,没有“纯前端”,就算是纯前端写出来的静态页面要发布出来,也一定需要服务器的。我们通常说的“纯前端”其实是指“纯静态”。 纯静态页面就意味着没有服务端的处理能力,服务器只是单纯的把静态内容发送给浏览器,由浏览器进行处理。既然服务端没有处理能力,那数据就不可能保存在服务端。 但是换个角度,使用所谓的“纯”前端技术,基于 Node 框架是可以实现服务端程序的。这里“纯”加引号,是因为开发语言是可以用 JS/TS,但仍然需要用到数据库。到于数据库算前端还是算后端,这个不好说,如果是 MySQL、SQLServer、PostgreSQL 等数据库服务,那一定是算后端了。但是 SQLite 等文件型、嵌入式的数据库并不太好划分成前端技术还是后端技术。 如果确实不想自己写服务端,也可以借助其他的服务端存储技术,比如网盘。通过存储服务提供的开放 API 是可以实现在浏览器通过前端技术直接把数据存储到第三方服务,再读取的。只不过采用这种方案,需要考虑认证安全性问题,最好是由用户使用自己的 ID 和 Key 来认证,这需要用户去申请相应的账号甚至是开发者账号,对用户要求会比较高。
0
0
0
浏览量0
云端小仙女

关于 flutter 开发,后台登录接口设置 cookie 如何处理?

原本的接口都是服务于 web 端的。登录接口在成功后,后台直接设置了 cookie ,不需要前端做额外的处理(如果是 token 的方式的话,前端需要保存 token 到 localstorage 中),后续的业务请求会自动携带 cookie 到后台,进行权限校验来返回数据。 现在用同一个接口在 flutter 上实现登录,但是登陆后,请问 flutter 该怎么处理这个 cookie 呀?因为后续的接口再发送的时候,无法和 web 浏览器一样,自动携带发送到后台。
0
1
0
浏览量18
云端小仙女

什么是微服务治理?

最近刚刚接触微服务相关内容,对于“微服务治理”,感觉网上的解答都比较偏概念,希望大佬可以结合平时企业应用场景,用大白话把微服务治理这个讲清楚
0
1
0
浏览量12
云端小仙女

Angular16管道pipe问题?

想用一下管道,这是哪里出了问题? https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241211/d9db1b6ae771c742cde00c98792e52a6.png 1.pipe import { Pipe, PipeTransform } from '@angular/core'; import { Category } from '../interface'; @Pipe({name: 'category'}) export class CategoryPipe implements PipeTransform { transform(value: number): string { return Category(value) } } 2. interface export interface Todo { id: number; description: string; category: number; content: string; } export enum Category { html, css, js }
0
1
0
浏览量15
云端小仙女

如何处理数据?

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241208/163800bd359a4fd4f85d129502046807.png)(自己模拟的数据效果) 如上路径动画,目前的问题是运行的坐标数据是依照地图来的 需要转换为画布能够展示的范围,但运行数据之前差别大部分情况下都很小 // 比如这样 密度太小 const Path = [ { x: 117.998902, y: 34.33107617 }, { x: 117.998874, y: 34.33107717 }, { x: 117.9987395, y: 34.331086 }, { x: 117.998693, y: 34.33103717 }, { x: 117.998643, y: 34.33103617 }, { x: 117.99865317, y: 34.33107033 }, { x: 120.52638683, y: 34.33103717 }, { x: 120.52628283, y: 31.44628467 }, { x: 120.526395, y: 31.44613367 }, { x: 120.52633633, y: 31.44601467 }, { x: 120.5263075, y: 31.446024 }, { x: 120.52709517, y: 31.44608583 }, { x: 120.52709033, y: 31.44627183 }, { x: 118.92406983, y: 32.1195025 } ]; 我要怎样处理会合适一点? help大佬们
0
1
0
浏览量19
云端小仙女

【已解决】css如何绘制该图形?

请问如何绘制圆环,并切除一部分呢? 圆环内部需要透明的以方便放置其他元素 "编辑一补充条件:所切的角度不一定是90deg,也可能是更小的角度。使用css解决。" "编辑二补充条件:缺口也应该是透明的" https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241203/8e2297ed16313e53bdbb2b36f5df1f75.png ps: 编辑一:所切的角度不一定是90deg,也可能是更小的角度。 思考:根据楼下的回答,四个边框设置其一为透明色,如果所切角度小于90deg,我能想到的是层叠两层,然后旋转不同角度。 编辑二:叠两层,使用"clip-path()"截取需要显示部分,并赋予与底色相同的颜色。如果底色复杂的话.... 编辑三:方法如采纳的回答。background使用"conic-gradient 锥形渐变", 配合mask使用"radial-gradient 径向渐变"遮盖达到效果。
0
1
0
浏览量18
云端小仙女

AutoHotKey2如何弹出菜单 选择后SendText这个选择?

;email ^!e:: { EmailMenu := Menu() EmailMenu.Add "123",MenuHandler EmailMenu.Add "23",MenuHandler MenuHandler(Item, *) { SendText Item } EmailMenu.Show }
0
0
0
浏览量0
云端小仙女

rust获取文件行数后对文件内容进行遍历的所有权问题?

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241201/4f8ea0e6984453e3c60072b9e7a6b80d.png) 在代码中线获取文件的行数,之后又进行了文件内容的遍历,但产生了问题,如下 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241201/e4e0bd9e74a7b8ffbaa65a95a3e854c6.png) 请问各位大佬如何解决
0
1
0
浏览量16
云端小仙女

一道算法问题?

首先从数学的角度考虑这道题: 用图论结合组合数学的办法,将每个学生看作是一个节点,每门课程看作是一个边,连接上这门课程的三个学生。由于任意两个学生至少一起上一门课程,所以任意两个节点都至少有一个共同的边。这实际上是一个完全图的定义,其中每个节点都与其他所有节点相连。 在完全图中,每个节点的度(即与其相连的边的数量)等于节点总数减一。因此,我们可以得出以下公式: 度 = 总节点数 - 1 又因为每门课程只有三个学生,所以每条边连接三个节点。所以,每个节点的度应该是2的倍数。因此,我们可以得出以下公式: 总节点数 - 1 = 2 * n (n为非负整数) 解这个方程,我们可以得到总节点数(即学生数)应该是奇数。而且,由于每门课程只能有三个学生,所以最多的学生数应该是4*3=12。 所以,该班最多可以有1, 3, 5, 7, 9, 11或12个学生。好了,上面的表述我们是人的思维思考数学问题,现在把它转化成计算机能理解的思维,我们在这里使用回溯法。创建一个空的分组列表。然后,我们逐个添加学生到每个课程,每次添加后,我们检查是否满足所有条件(每门课程只有三个学生,任意两个学生至少一起上一门课程)。如果满足,我们就将这个分组添加到分组列表中。如果不满足,我们就撤销上一步的操作,并尝试下一个可能的操作。我们重复这个过程,直到找到所有的分组可能。 代码表示下: import java.util.*; public class CourseGrouping { private static final int MAX_STUDENTS = 12; private static final int COURSE_COUNT = 4; private static final int STUDENTS_PER_COURSE = 3; private int[][] courses = new int[COURSE_COUNT][STUDENTS_PER_COURSE]; private int[] studentCourses = new int[MAX_STUDENTS + 1]; // 存储每个学生选的课程 public void solve() { for (int students = 1; students > course & 1) == 0) { // 如果这个学生还没有这门课程 courses[course][count % STUDENTS_PER_COURSE] = i; // 给这个学生分配这门课程 studentCourses[i] |= 1 << course; // 更新这个学生的课程 if (group(students, course, count + 1)) { // 递归尝试分配下一个学生 return true; } studentCourses[i] &= ~(1 << course); // 如果不能分配,撤销这个分配 } } // 如果这门课程已经分配了足够的学生,尝试下一门课程 if (count % STUDENTS_PER_COURSE == 0) { if (group(students, course + 1, 0)) { return true; } } return false; } // 检查每个学生是否至少有两门课程 private boolean check(int students) { for (int i = 1; i <= students; i++) { if (Integer.bitCount(studentCourses[i]) < 2) { return false; } } return true; } // 打印每门课程的学生 private void printCourses(int students) { for (int i = 0; i < COURSE_COUNT; i++) { System.out.print("Course " + (i + 1) + ": "); for (int j = 0; j < STUDENTS_PER_COURSE; j++) { System.out.print(courses[i][j] + " "); } System.out.println(); } System.out.println(); } public static void main(String[] args) { new CourseGrouping().solve(); } }
0
0
0
浏览量0
云端小仙女

git 使用 cherry-pick 之后再进行合并,出现重复的 commit,有什么替代的方法吗?

使用 rebase * "github - Git cherry pick creates duplicate commits - Stack Overflow" (https://link.segmentfault.com/?enc=Va94SiwuKH120V9cSP3xXg%3D%3D.2pdWGvT2tvBBPQaSlITaHN7Sewnh2mzypVwp04BKNMeBijH4lFebcy4gMZz7dSHehx%2BOgusnibNK516bNgiiXXCkubd0FcmfP6%2FXioEvH3Uh6cOwBKRQJ6wI2Jab6HBR) * "git merge after git cherry-pick: avoiding duplicate commits – davitenio's blag" (https://link.segmentfault.com/?enc=cG3Rnw7g4N3%2BYFP%2BfnHToA%3D%3D.pSCfnlt2f5s18gD%2BFMx5Utko718%2BjlTCpNxhuVTUq9pg%2FJzLhcKSaxgJAgS1SJLKzp1QB4u5bdbHrpOvUkJFE8x4jYMrTjYfXyzJspHmUWh04ntBEhk4UnfQjwheFMMtEFN5eMqxgDswpzx1YcFe9g%3D%3D)
0
0
0
浏览量0
云端小仙女

flex布局多层嵌套,横向滚动时,当滚动到最左边时,数据为什么不能显示完整?

清楚明确的知道自己写的每一个css样式的作用,不写多余的样式。 在你的代码中,这些类的"flex"布局是多余的,".cmp-main \ .cmp-core \ .process-core \ .item-wrap \ .item-condition \ .condition" 移除掉这些多余的样式之后,你会看到你的item元素没有因为"width"宽度出现滚动条, "WX20231109-141608@2x.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241123/3e087f3e3dfdc4f1d0ddced8ad508ed6.png) 这是由于".condition .item-wrap" 设置的flex布局导致的,宽度不会超过父元素宽度,自动缩小,修改你的css,在flex布局中,设置子元素的固定宽度通过属性"flex"控制 .condition .item-wrap .item { position: relative; display: flex; flex: 0 0 500px; height: 100px; border: 1px solid red; } 可以看到"width:500px"改成了"flex:0 0 500px","0 0"表示元素不会放大,也不会缩小。 在此查看页面可以看到页面滚动条已经正常了。 此时有个问题,就是头部会跟着滚动,因为你的滚动轴是".container"出现,修改超出部分的父元素"condition" 让下方的数据出现滚动,头部则固定不动。 .condition { position: relative; overflow: auto; } 然后再设置头部局中。直接修改".item-wrap"会污染下面同类名的元素样式。 .process-core > .item-wrap:first-child { display: flex; justify-content: center; text-align: center; } 这样我们只控制第一个".item-wrap"的样式 "WX20231109-142714@2x.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241123/31f885d1a239c099888e3aeb4470486b.png)
0
0
0
浏览量0
云端小仙女

为什么用@抑制符不能隐藏错误信息?

从 PHP 8.0 开始, "@"不再抑制 Fatal 级别的错误 详见: "https://www.php.net/manual/zh/migration80.incompatible.php" (https://link.segmentfault.com/?enc=bbjkZ6LQj7EUZGk0tPL8eA%3D%3D.seWqDhdWP1bs8XD0YfckM9mHF2gLER7IyA5QLK3i7QVZHyqfAhTEcuHTgZJNsiGE%2FMWdPQPWGK6j2jSULGYpPg%3D%3D)
0
0
0
浏览量0
云端小仙女

ts 模块声明导致 axios 功能不能使用?

加个"export * from 'axios';" e.g. «index.d.ts» export * from 'axios'; module 'axios' { interface AxiosRequestConfig { timestramp: number; } }
0
0
0
浏览量0
云端小仙女

Composer 安装 fxp/composer-asset-plugin:~1.3.0 报错,似乎与 composer-plugin-api 有冲突?

«fxp/composer-asset-plugin[v1.3.0, ..., v1.3.1] require composer-plugin-api ^1.0 -> found composer-plugin-api[2.3.0] but it does not match the constraint.» 看这个错误是因为 "fxp/composer-asset-plugin:~1.3.0" 这个包它需要("require composer-plugin-api ^1.0"),但是你现在这里已经找到了 ("composer-plugin-api[2.3.0]") ,所以跟所需的不匹配就导致装个报错了,所以解决这个冲突就好了。 因为 "composer-plugin-api" 这个是跟 composer 绑定的,算是 composer 的一个 SDK 的东西。你这里已经是 "2.3.0" 了,降级到 "1.x" 就可以了。 composer self-update --1
0
0
0
浏览量0
云端小仙女

JavaScript forEach 循环:同步任务与执行顺序?

目前生产出现了,handleDealData()返回的结果是[],并非是forEach执行后的数组,此问题偶发。 但是查了资料,解释说forEach的循环是同步任务。 handleDealData: function () { var self = this var initData = self.deepCopyInitData; console.log("🐅 initData--->", initData) var val = [] initData.forEach(function (obj, key) { var _newObj_ = { impartTarget: self.impartTarget, insuredMark: self.insuredMark, impartCode: obj.questList.notificationCode, showContent: obj.question, impartAnser: '', showAnser: obj.active ? self.identity + ':' + obj.remark : '', demo: obj.active ? obj.result : '' } var TAndF = Number(obj.active) var allResult = obj.allResult if (typeof obj.allResult !== "string") { allResult = allResult.join('#') } _newObj_.showAnser = _newObj_.showAnser.replace(_newObj_.showContent, '') _newObj_.impartAnser = TAndF + ',' + allResult val.push(_newObj_) }) return val }, chrome测试正常,返回非[] forEach的执行顺序是否跟机型、浏览器有关?
0
1
0
浏览量17
云端小仙女

AMH面板无法访问Mysql用户管理模块?

安装应用mysql8.0后AMH面板无法访问用户管理 "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/1319df414786a9268f0cb8a122c68479.png) "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/a63644b7cffefb6e0ceb874b5098e96c.png) 需要提供哪些日志信息。
amh
0
1
0
浏览量14
云端小仙女

electron 新版本不支持windows 7 ,你怎么办?

使用"Electron 22.0.0 "呗,如需要兼容老版本的win7,使用Electron 23及以上版本呗,还能怎么办,不支持win7,win8是早晚的事
0
0
0
浏览量0
云端小仙女

Mysql语句获取最新记录求助?

Mysql查询最新记录的语句 P1 500 10-01-2023 P1 500 10-02-2023 P1 1000 10-05-2023 P2 700 10-03-2023 P2 1500 10-05-2023 P2 1000 01-07-2023 P3 1500 10-05-2023 P3 5000 01-06-2023 Sql Results: P1 1000 10-05-2023 P2 1000 01-07-2023 P3 5000 01-06-2023 P1,P2,P3 为用户名,数字为贷款金额,最后为日期 要求:查询所有用户最近一次的贷款记录,最终得到的结果如Sal Results所示,表名和列名可自定义,只需提供查询语句. 能否用最简单最明了的方式解决 能否用最简单最明了的方式解决? 我一开始是写 Select *from bank order by date desc; 不知道这里哪里错
0
1
0
浏览量16
云端小仙女

dynamic_cast 向下转型时报错?

错误信息本身已经说的非常明确了: «运行时 dynamic_cast 的操作数必须包含多态类类型» 多态类类型必须包含至少一个虚函数。
0
0
0
浏览量0
云端小仙女

如何将非静态函数作为参数传递给函数指针?

class Node{}; class Tree { public: Node * root; void dps(Node * t,void (Tree::*work)(Node * n)){ (this->*work)(t); }; void work1(Node*n){}; }; void foo() { Node n; Tree t; t.dps(&n, &Tree::work1); } 当然也可以用一个静态函数,然后多接受一个 "Tree*" 的参数,把 "this" 通过这个参数穿进去: class Node{}; class Tree { public: Node * root; void dps(Node * t,void (*work)(Tree*, Node*)){ work(this, t); }; static void work1(Tree*t,Node*n){}; }; void foo() { Node n; Tree t; t.dps(&n, &Tree::work1); }
0
0
0
浏览量0
云端小仙女

css flex布局padding-right不起作用?

你的代码问题出在width: 100vw; 这里,如果换成width: 100%;就好了https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241023/a81f812f096c3debd0ffe62d7909e806.png 但是在某些情况下你需要考虑width:100vm !== width: 100% 这个种情况。 所以我个人推介你使用width: calc(100vw - 10px);这样可以实现你目前的这种效果。https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241023/b760cfe2b7ae3f8edbf5e8c7269b6ae5.png
0
0
0
浏览量0
云端小仙女

后端返回富文本180,如何避免
请教一下,后端返回富文本中比如 180 这种内容如何正常渲染?(因为
0
1
0
浏览量14
云端小仙女

如何获取文本框里的文字宽度?

解决措施 使用measureText计算指定文本单行布局的宽度。 代码示例 import { MeasureText } from '@kit.ArkUI'; @Entry @Component struct Index { @State message: string = 'Hello World' @State textWidth: number = MeasureText.measureText({ textContent: "Hello word", fontSize: '50px' }) build() { Row() { Column() { Text("The width of 'Hello World': " + this.textWidth) } .width('100%') } .height('100%') } } 参考链接 "文本计算" (https://link.segmentfault.com/?enc=HYWS%2FZqU1ZIYJo0ghcSACg%3D%3D.Ac0NPxdxyW8mSeZFxXtBgFo%2BhEbU1x%2FSzoMy80rxyLTl9kzlfYgArFFpFWFMmGzoyCpJH7Vf3EwsY2vQoAvE6f31P4%2FGiKAF7R3LBRpIJTaCDtLdE8hea%2BGyULbZoLDG9krX%2FkComevXBrs384Dv3w%3D%3D)
0
0
0
浏览量0
云端小仙女

pnpm 怎么把本地项目里的一个工作空间安装到全局?

pnpm link --global
0
0
0
浏览量0
云端小仙女

JavaBean的意义何在?

«"JavaBean中将属性定义为私有,转而提供getter、setter。这有什么意义?"» * 意义其一在于实现面向对象的特性之一封装,对于一个类来说,要做的就是统一管理某些状态,涉及内部实现细节的属性或者说成员都需要私有化,即使需要修改,也"必须通过类上的方法"去修改,这才能叫管理,如果全部是 "public", 拿到"类实例"就能随便改那管理了个毛线。举个实际点的例子,大型项目上排查问题经常需要定位哪里修改了某个状态,这个时候作为这个类来说,它是一问三不知的,那你作为开发者就能去搜代码,看哪些地方访问了这个属性,能找得你头皮发麻,但有了 "getter/setter", 外部对类上属性的访问和修改对于类来说才是可感知的,你只需要在 "getter/setter"中打断点,跟下调用栈直接就能定位到问题点所在 * 其二, "遵循开闭原则",对扩展开放,对修改关闭。对于外部来说,你不能直接修改类中的私有成员,这是体现的对"修改关闭";提供一个 "setter" 来让外部修改私有成员的值,这体现的是对"扩展开放"。这里注意理解,本来外部不能修改,但你提供了一个方法让外部可以改,这就是一种扩展支持 * 其三,"你能直接改" 和 "我让你能改" 完全是两个层面的事情,这里面涉及到一个叫"权限控制"的概念
0
0
0
浏览量0
云端小仙女

Tauri 应用提交到 Mac App Store 时遇到 CFBundleExecutable 错误 怎么解决?

CFBundleExecutable 这个错误应该就是 plist中的 CFBundleExecutable没有声明, 我本来的项目中plist 中声明了,可为什么打包后没有声明,原因是 entitlement文件中有一个声明的值格式不对,多了一个空格,导致构建工具没有能合并两个文件,之前没有仔细看错误提示: «Failed to parse entitlements: AMFIUnserializeXML: syntax error near line 8» 这个错误最终原因是 entitlement 中声明的有错误,导致提示是CFBundleExecutable,修改 entitlement 之后,问题解决!
0
0
0
浏览量0
云端小仙女

mybatis编写xml时,怎么根据变量值,执行不同的sql语句?

mybatis编写xml时,怎么根据读取配置文件/内存对象的变量,执行动态的sql语句? 比如有一个全局配置类: public class GlobalVariable { public int databaseType; //数据库类型,1mysql,2达梦 } 然后xml文件实现类似下面的判断效果: ... ... ... ... 该需求主要要程序需要兼容mysql数据库和达梦数据库,但是两者的语句在某些场景下不同。
0
1
0
浏览量193
云端小仙女

接口测试没有接口文档如何编写测试用例?

接口测试没有接口文档如何编写测试用例? 听说是可以通过抓包来确定请求参数和响应的预期结果,但是一直没理解的是,如果这个请求的参数和返回的响应结果是错误的(因为这个接口本来是需要测试的),测试用例又拿来做测试数据(即做请求数据和预期结果),这样的话不是白测试吗?还是说这个请求参数和返回的响应结果一定是正确的,为什么??? 希望知道的小伙伴解答一下,十分感谢!
0
1
0
浏览量163
云端小仙女

可拖拽、合并的表格:最佳实践与案例?

可拖拽,合并的表格? "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/e2d675a25c34a74ebdc6ddd1ac6be67e.png) 像这样的表格 1、支持行拖拽 2、支持列拖拽 3、支持选中合并,插入列和行 有这种集成好的案例嘛?求推荐 excel不支持接入这种场景,主要是想找表格的插件,最好是table>tr>td这种实现的,可拖拽列宽,行高,合并单元格等操作。应该要应用到自定义表单中,每个td中会渲染不同的组件
0
1
0
浏览量138
云端小仙女

自定义线程池中的initialize()方法有什么用?不写也没发现问题啊?

先说结论:因为Spring帮你调用了这个方法 首先我们把这玩意单独拿出来用 public class SomeTest { public static void main(String[] args) { ThreadPoolTaskExecutor threadPoolTaskExecutor = new ThreadPoolTaskExecutor(); threadPoolTaskExecutor.submit(() -> System.out.println("!")); } } 这里就会报错,"ThreadPoolTaskExecutor not initialized" 然后我们换一个姿势,就没有问题了 @SpringBootApplication public class DemoApplication { public static void main(String[] args) { ConfigurableApplicationContext context = SpringApplication.run(Demo21Application.class, args); ThreadPoolTaskExecutor myExecutor = context.getBean("myExecutor", ThreadPoolTaskExecutor.class); myExecutor.submit(() -> System.out.println("hello!")); } @Bean public ThreadPoolTaskExecutor myExecutor() { return new ThreadPoolTaskExecutor(); } } 那么spring是怎么调用到这个方法呢,让我们打开 "ExecutorConfigurationSupport" @Override public void afterPropertiesSet() { initialize(); } 然后这个方法是在 "InitializingBean" 里定义的,熟悉 Spring Bean 生命周期的朋友们应该已经知道这是怎么回事了,简单说就是对bean的初始化完成之后进行的其他初始化工作
0
0
0
浏览量0
云端小仙女

vue3的多语言如何改成异步按需请求语言文件?

官网给出了示例: "Lazy loading" (https://link.segmentfault.com/?enc=Y7eNGhO8ujiK0ok2rwzrlA%3D%3D.X2g73wsaDRmhADfMdvAAlOWfFnv560qA54rCPtZSPI9XdgpqIcDZL7w0bW0%2F2mVIAsJZD8kh%2Bz1OfzthC0qm3Q%3D%3D)
0
0
0
浏览量0
云端小仙女

如何解决Web组件加载的HTML页面内检测网络状态失败?

问题现象 在HTML页面内通过window.navigator.onLine获取网络状态,联网和断网情况下均为false。
0
1
0
浏览量167
云端小仙女

页面audio播放提示音?

想在页面有提醒消息,目前做了个隐藏的audio,想通过js获取到然后play一下这样提示音就出来了。但是会出现这个报错,并不能通过这个方式。Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. "https://goo.gl/xX8pDD" (https://link.segmentfault.com/?enc=VdvjQIHPQF6KqOT%2FQMUH%2Bw%3D%3D.VSzTxkS43nc%2F7R%2Bkt7NxnkhWvJ8%2FkScIY2fqAghy4hY%3D)
0
1
0
浏览量154
云端小仙女

Vue3 onload 方法不执行的原因及解决方案?

你onload只有写在入口main.js内才有效。否则其他控件内都已经在onload之后了。所以在组件内是不会触发onload事件的。在vue组件中只能使用$nextTick来确保组件挂载完毕之后执行。
0
0
0
浏览量0
云端小仙女

vue使用websocket?

参考这个 const socket = new WebSocket('wss://example.com/socket'); socket.addEventListener('open', (event) => { // 在握手阶段添加Authorization头 socket.send('Authorization: Bearer ' + YOUR_TOKEN); }); socket.addEventListener('message', (event) => { // 处理接收到的消息 console.log('Received:', event.data); });
0
0
0
浏览量0
云端小仙女

如何判断Java类中的方法是否开启事务?

Java类上加事务注解(@transactional),会导致该类中所有方法都开启事务吗 如何分析类上加注解,类中每一个方法是否开启事务
0
1
0
浏览量139
云端小仙女

Vue 打包项目在 WebView2 中未收到 C# 发送的数据,如何排查和解决问题?

我有1个windows C#项目,项目里要使用1个vue项目,vue项目现在已经打好包,放入在windows项目内,window项目使用的是 webView2引用vue打好包的主页index.html 我的需求:在打开vue页面时,index.html需要使用设备列表数据,数据是webView2传给前端, 这是后端代码 // 下面能正常接收到消息 // webView21.Source = new Uri("file:///D:/Work/Git/cmvrf/CMVRF/Project3/development/test.html"); // 下面接收不到消息 webView21.Source = new Uri("file:///D:/Work/Git/cmvrf/CMVRF/Project3/development/index.html#/haierDragDropSystem?lang=en&isdark=1"); webView21.CoreWebView2.WebMessageReceived += GetDrawInfo; 这是前端代码 // 这里是前端 接收C#消息: window.chrome.webview.addEventListener("message", function (event) { // 设备列表 console.log(event.data); }); 现在有1个问题,如果只用单独的test.html接收event.data是能正常收到数据,但是如果用vue打包好的项目index.html接收不到event.data,是不是vue项目的index.html打开有延时,C#发送的消息提前发送了,在index.html打开时addEventListener("message")监听不到了,这种情况怎么办?
0
1
0
浏览量212
云端小仙女

如何获取json里指定的集合?

const data = [ { "id": 1, "name": "Alice",age:[ {id:4,status:0}, {id:4,status:1} ] }, { "id": 2, "name": "Bob",age:[ {id:4,status:1} ] }, { "id": 3, "name": "Charlie",age:[ {id:4,status:1} ] } ] 如何获取status为0的那个集合也就是获取{ "id": 1, "name": "Alice",age:[ {id:4,status:0} ] },这个集合 获取status为1的就是获取另外两个集合
0
1
0
浏览量209
云端小仙女

Vite打包组件库后空值合并运算符??导致编译报错,如何解决?

使用vite打包组件库,打包出来的代码含有空值合并运算符?? ,导致安装的项目编译报错。实在是不知道哪里配错了,救救孩子吧~~vite.config.js配置如下。babel有升级到7。。。。 import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; import { libInjectCss } from "vite-plugin-lib-inject-css"; import babel from "@rollup/plugin-babel"; import vitePluginImp from "vite-plugin-imp"; export default defineConfig({ esbuild: { loader: "jsx", }, optimizeDeps: { esbuildOptions: { loader: { ".js": "jsx", }, }, }, plugins: [ react(), babel({ babelHelpers: "bundled", exclude: /node_modules/, plugins: ["@babel/plugin-transform-nullish-coalescing-operator"], presets: [ [ "@babel/preset-env", { targets: "> 0.25%, not dead", }, ], "@babel/preset-react", ], }), libInjectCss(), ], build: { outDir: "dist/umd", lib: { formats: ["umd"], entry: "lib/main.js", name: "DadaMobileUi", fileName: (format) => `dada-mobile-ui.${format}.js`, }, rollupOptions: { external: [ "react", "react-dom", "react/jsx-runtime", "prop-types", "@nutui/nutui-react", ], output: { globals: { react: "React", "react-dom": "ReactDOM", "react/jsx-runtime": "ReactJsxRuntime", "prop-types": "PropTypes", "@nutui/nutui-react": "nutuiReact", }, }, }, }, css: { plugins: [ require("autoprefixer")({ overrideBrowserslist: [ "> 0.5%", "last 2 versions", "ie > 11", "iOS >= 10", "Android >= 5", ], }), ], }, }); 实在是不知道哪里配错了,救救孩子吧
0
1
0
浏览量147

履历