云端小仙女
JSX字符串转React Element?
有一个 renderString 的方法,应该也是之前的 SSR 的主要实现方法
云端小仙女
纯前端如何实现一个本地数据库来存取数据?
从 Web 应用这个概念来说,没有“纯前端”,就算是纯前端写出来的静态页面要发布出来,也一定需要服务器的。我们通常说的“纯前端”其实是指“纯静态”。
纯静态页面就意味着没有服务端的处理能力,服务器只是单纯的把静态内容发送给浏览器,由浏览器进行处理。既然服务端没有处理能力,那数据就不可能保存在服务端。
但是换个角度,使用所谓的“纯”前端技术,基于 Node 框架是可以实现服务端程序的。这里“纯”加引号,是因为开发语言是可以用
JS/TS,但仍然需要用到数据库。到于数据库算前端还是算后端,这个不好说,如果是 MySQL、SQLServer、PostgreSQL
等数据库服务,那一定是算后端了。但是 SQLite 等文件型、嵌入式的数据库并不太好划分成前端技术还是后端技术。
如果确实不想自己写服务端,也可以借助其他的服务端存储技术,比如网盘。通过存储服务提供的开放 API
是可以实现在浏览器通过前端技术直接把数据存储到第三方服务,再读取的。只不过采用这种方案,需要考虑认证安全性问题,最好是由用户使用自己的 ID 和 Key
来认证,这需要用户去申请相应的账号甚至是开发者账号,对用户要求会比较高。
云端小仙女
关于 flutter 开发,后台登录接口设置 cookie 如何处理?
原本的接口都是服务于 web 端的。登录接口在成功后,后台直接设置了 cookie ,不需要前端做额外的处理(如果是 token 的方式的话,前端需要保存
token 到 localstorage 中),后续的业务请求会自动携带 cookie 到后台,进行权限校验来返回数据。
现在用同一个接口在 flutter 上实现登录,但是登陆后,请问 flutter 该怎么处理这个 cookie 呀?因为后续的接口再发送的时候,无法和
web 浏览器一样,自动携带发送到后台。
云端小仙女
什么是微服务治理?
最近刚刚接触微服务相关内容,对于“微服务治理”,感觉网上的解答都比较偏概念,希望大佬可以结合平时企业应用场景,用大白话把微服务治理这个讲清楚
云端小仙女
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
}
云端小仙女
如何处理数据?
"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大佬们
云端小仙女
【已解决】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 径向渐变"遮盖达到效果。
云端小仙女
AutoHotKey2如何弹出菜单 选择后SendText这个选择?
;email
^!e::
{
EmailMenu := Menu()
EmailMenu.Add "123",MenuHandler
EmailMenu.Add "23",MenuHandler
MenuHandler(Item, *) {
SendText Item
}
EmailMenu.Show
}
云端小仙女
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)
请问各位大佬如何解决
云端小仙女
一道算法问题?
首先从数学的角度考虑这道题:
用图论结合组合数学的办法,将每个学生看作是一个节点,每门课程看作是一个边,连接上这门课程的三个学生。由于任意两个学生至少一起上一门课程,所以任意两个节点都至少有一个共同的边。这实际上是一个完全图的定义,其中每个节点都与其他所有节点相连。
在完全图中,每个节点的度(即与其相连的边的数量)等于节点总数减一。因此,我们可以得出以下公式:
度 = 总节点数 - 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();
}
}
云端小仙女
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)
云端小仙女
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)
云端小仙女
为什么用@抑制符不能隐藏错误信息?
从 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)
云端小仙女
ts 模块声明导致 axios 功能不能使用?
加个"export * from 'axios';"
e.g.
«index.d.ts»
export * from 'axios';
module 'axios' {
interface AxiosRequestConfig {
timestramp: number;
}
}
云端小仙女
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
云端小仙女
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的执行顺序是否跟机型、浏览器有关?
云端小仙女
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)
需要提供哪些日志信息。
云端小仙女
electron 新版本不支持windows 7 ,你怎么办?
使用"Electron 22.0.0 "呗,如需要兼容老版本的win7,使用Electron
23及以上版本呗,还能怎么办,不支持win7,win8是早晚的事
云端小仙女
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;
不知道这里哪里错
云端小仙女
dynamic_cast 向下转型时报错?
错误信息本身已经说的非常明确了:
«运行时 dynamic_cast 的操作数必须包含多态类类型»
多态类类型必须包含至少一个虚函数。
云端小仙女
如何将非静态函数作为参数传递给函数指针?
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);
}
云端小仙女
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
云端小仙女
后端返回富文本180,如何避免
请教一下,后端返回富文本中比如 180 这种内容如何正常渲染?(因为
云端小仙女
如何获取文本框里的文字宽度?
解决措施
使用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)
云端小仙女
pnpm 怎么把本地项目里的一个工作空间安装到全局?
pnpm link --global
云端小仙女
JavaBean的意义何在?
«"JavaBean中将属性定义为私有,转而提供getter、setter。这有什么意义?"»
* 意义其一在于实现面向对象的特性之一封装,对于一个类来说,要做的就是统一管理某些状态,涉及内部实现细节的属性或者说成员都需要私有化,即使需要修改,也"必须通过类上的方法"去修改,这才能叫管理,如果全部是 "public", 拿到"类实例"就能随便改那管理了个毛线。举个实际点的例子,大型项目上排查问题经常需要定位哪里修改了某个状态,这个时候作为这个类来说,它是一问三不知的,那你作为开发者就能去搜代码,看哪些地方访问了这个属性,能找得你头皮发麻,但有了 "getter/setter", 外部对类上属性的访问和修改对于类来说才是可感知的,你只需要在 "getter/setter"中打断点,跟下调用栈直接就能定位到问题点所在
* 其二, "遵循开闭原则",对扩展开放,对修改关闭。对于外部来说,你不能直接修改类中的私有成员,这是体现的对"修改关闭";提供一个 "setter" 来让外部修改私有成员的值,这体现的是对"扩展开放"。这里注意理解,本来外部不能修改,但你提供了一个方法让外部可以改,这就是一种扩展支持
* 其三,"你能直接改" 和 "我让你能改" 完全是两个层面的事情,这里面涉及到一个叫"权限控制"的概念
云端小仙女
Tauri 应用提交到 Mac App Store 时遇到 CFBundleExecutable 错误 怎么解决?
CFBundleExecutable 这个错误应该就是 plist中的 CFBundleExecutable没有声明,
我本来的项目中plist 中声明了,可为什么打包后没有声明,原因是
entitlement文件中有一个声明的值格式不对,多了一个空格,导致构建工具没有能合并两个文件,之前没有仔细看错误提示:
«Failed to parse entitlements: AMFIUnserializeXML: syntax error near line 8»
这个错误最终原因是 entitlement 中声明的有错误,导致提示是CFBundleExecutable,修改 entitlement 之后,问题解决!
云端小仙女
mybatis编写xml时,怎么根据变量值,执行不同的sql语句?
mybatis编写xml时,怎么根据读取配置文件/内存对象的变量,执行动态的sql语句?
比如有一个全局配置类:
public class GlobalVariable {
public int databaseType; //数据库类型,1mysql,2达梦
}
然后xml文件实现类似下面的判断效果:
...
...
...
...
该需求主要要程序需要兼容mysql数据库和达梦数据库,但是两者的语句在某些场景下不同。
云端小仙女
接口测试没有接口文档如何编写测试用例?
接口测试没有接口文档如何编写测试用例?
听说是可以通过抓包来确定请求参数和响应的预期结果,但是一直没理解的是,如果这个请求的参数和返回的响应结果是错误的(因为这个接口本来是需要测试的),测试用例又拿来做测试数据(即做请求数据和预期结果),这样的话不是白测试吗?还是说这个请求参数和返回的响应结果一定是正确的,为什么???
希望知道的小伙伴解答一下,十分感谢!
云端小仙女
可拖拽、合并的表格:最佳实践与案例?
可拖拽,合并的表格?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/e2d675a25c34a74ebdc6ddd1ac6be67e.png)
像这样的表格
1、支持行拖拽
2、支持列拖拽
3、支持选中合并,插入列和行
有这种集成好的案例嘛?求推荐
excel不支持接入这种场景,主要是想找表格的插件,最好是table>tr>td这种实现的,可拖拽列宽,行高,合并单元格等操作。应该要应用到自定义表单中,每个td中会渲染不同的组件
云端小仙女
自定义线程池中的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的初始化完成之后进行的其他初始化工作
云端小仙女
vue3的多语言如何改成异步按需请求语言文件?
官网给出了示例:
"Lazy
loading" (https://link.segmentfault.com/?enc=Y7eNGhO8ujiK0ok2rwzrlA%3D%3D.X2g73wsaDRmhADfMdvAAlOWfFnv560qA54rCPtZSPI9XdgpqIcDZL7w0bW0%2F2mVIAsJZD8kh%2Bz1OfzthC0qm3Q%3D%3D)
云端小仙女
如何解决Web组件加载的HTML页面内检测网络状态失败?
问题现象
在HTML页面内通过window.navigator.onLine获取网络状态,联网和断网情况下均为false。
云端小仙女
页面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)
云端小仙女
Vue3 onload 方法不执行的原因及解决方案?
你onload只有写在入口main.js内才有效。否则其他控件内都已经在onload之后了。所以在组件内是不会触发onload事件的。在vue组件中只能使用$nextTick来确保组件挂载完毕之后执行。
云端小仙女
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);
});
云端小仙女
如何判断Java类中的方法是否开启事务?
Java类上加事务注解(@transactional),会导致该类中所有方法都开启事务吗
如何分析类上加注解,类中每一个方法是否开启事务
云端小仙女
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")监听不到了,这种情况怎么办?
云端小仙女
如何获取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的就是获取另外两个集合
云端小仙女
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",
],
}),
],
},
});
实在是不知道哪里配错了,救救孩子吧