你好我叫张倩话
ts [].find.call 这种写法怎么用?
"as unknown as HTMLElement"
你好我叫张倩话
如何控制面积堆叠顺序以及图例的显示顺序,同时在 tooltip 上添加总计信息的展示?
"图片" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250111/16033489087352ffacfe83e0852584f5.png)
对于堆叠面积图,我想要控制堆叠的顺序,比如期望面积图从下到上,按照 "China", "USA", "EU", "Africa"
的顺序堆叠,然后图例的显示顺序也按照 "China", "USA", "EU", "Africa" 的顺序从左到右显示,同时 hover
上去的时候,tooltip 能够展示总计的信息,如下图所示:
"图片" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250111/e6ef2287849a08f3eb009830fbc1775a.png)
你好我叫张倩话
浏览器端,怎么发一个 http2 的请求?
控制不了。
这玩意儿发生在 SSL/TLS 握手的协商阶段,客户端和服务端会 ALPN (应用层协议协商)。如果两端都支持,那后面发起的就是 HTTP/2 了。
整个过程对 JS 是不可见的。
你好我叫张倩话
在vue3中怎么拿到某个元素的所有样式?
有没有简单的方法,拿到某个元素所有的样式信息。
你好我叫张倩话
Typescript + element-plus中el-table使用scope,类型怎么定义?
0
"
>
你好我叫张倩话
ts在Vue3中实战过程中的问题?
第一个问题:
«"https://juejin.cn/post/7235118809605308471" (https://link.segmentfault.com/?enc=YZSYezk0H7SQZQVk%2FVdhLg%3D%3D.oKpn5mcaiDvyi%2BHATK1xmzlKlRhxdn7AYyh39SpWjaRFjSTMk5as%2F5%2F41NW4oKTF)»
第二个问题:
{} 方便
你好我叫张倩话
能否做到,js获取手机唯一识别码?
目标是用户用手机进入网页,我们就能生成这个码,然后无论何时进入,怎么进入,只要不换设备,这个码就(基本)不变。我找的资料基本上都实现不了这个功能,最多是在不换浏览器的情况下基本实现(用的FingerprintJS)
感觉这个要求大概类似于设备码,但是差了很多办法,发现目前基本是获取不了这个设备码的
你好我叫张倩话
我使用eacharts,自定义label,怎么不显示了?变成字符串了?
option = {
xAxis: {
type: "category",
data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
},
yAxis: {},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: "line",
emphasis: {
// 设置鼠标悬停样式
label: {
show: true,
},
},
// 添加label配置
label: {
show: false,
position: 'top',
// 自定义label的内容
formatter: function (params) {
// 自定义复杂的HTML内容
return '{b}: {@score}';
},
},
}]
}
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241213/e5ee58b2254166caa98e5de6ef56e674.png)
我想实现这个的效果"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241213/082d31dc86c12176763c06428e30faeb.png)
解决了。这个鼠标放上去的显示,不是label。这个地方可以写html,但是记住是html格式的字符串,还是不能用jsx。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241213/6d12cafede9d5d5142d610f98499e0d1.png)
你好我叫张倩话
nginx 代理 location不同的前缀校验不同的文件格式,怎么配置?
server {
listen 9023;
server_name localhost;
location /test1/ {
if ($request_uri ~* \.png$) {
proxy_pass http://192.168.3.14:9090;
}
return 403;
}
location /test2/ {
proxy_pass http://192.168.3.14:9090;
}
}
你好我叫张倩话
vue手动创建的组件手动销毁内存泄漏,如何避免内存泄漏?
上完整代码看看
你好我叫张倩话
这种工商银行公众号上的页面的具体地址怎么查看?
工商银行的“余额”查询页面的这个卡我感觉设计的可漂亮,我想看看他的页面的布局css这些。但是怎么才能知道他的具体的url地址是什么?
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241210/af7fe790880d8b28a56df37747ffcc90.png
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241210/75871bb927848f0f3249191ebe45f947.png
你好我叫张倩话
idea启动springboot后, 关闭springboot服务,进程还在后台运行,如何能够关闭?
这种情况很可能是tomcat没关死
推荐两种方法
第一是要知道tomcat的端口号,比如你这个springboot项目配了8082端口,那么就可以查端口占用情况,windows下推荐三条命令:分别是查看端口占用情况;查看进程信息,杀死进程,xxxxx为pid
netstat -ano | findstr :8082
tasklist /FI "PID eq xxxxx"
taskkill /F /PID xxxxx
第二可以把idea的terminal关掉试试,idea自带的控制台有时候也会出问题
你好我叫张倩话
echarts这种样式如何实现?
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241208/6c6828d07166dcfcd49044c5768ec638.png
柱形图,当该值为0时,加最小高度,然后改造成图中的样式。单纯添加最小高度会贴着轴线而不是居中
有大佬给一下解决思路吗?
你好我叫张倩话
Http 响应码的问题应该怎么选择?
我比较倾向于把业务的错误融合到HTTP状态码里面。
比如帐号错误密码错误,应该返回401。
程序上的异常(影响到前端流程、数据库连接异常、文件权限异常),要返回500。
其他业务逻辑上的问题、异常,和正常情况一样,都返回200。
参数有误,应该要返回400。
在响应体里面,也需要有响应码,这个响应码就和业务逻辑有关。
比如会返回这样的响应码: 1001 密码错误 1002 验证码错误 1003 缺少XX必传参 1003 XXX不存在
***
好处是 加了HTTP状态码之后,就可以在网关日志里面根据HTTP状态码统计接口异常情况。
坏处是 前端除了需要判断响应体里面的状态码,还需要判断HTTP状态码。
你好我叫张倩话
前端符号||莫名其妙返回false?
js 里 "{}" 是真,所以 "{}||{"a":1}" 的结果是 "{}" 。
你好我叫张倩话
VUE3+element-plus如何在组件内动态加载element-plus组件?
建议改为 计算属性,因为涉及异步加载组件,我这边有实现加载成功
你好我叫张倩话
js 有没有队列执行这种东西?
我有个js写的函数如下:
function myAlert(str, config) {
if ($('#alertBox').length) {
$('#alertBox').remove();
}
var defaultConfig = {
millisecond: 3000
};
config = Object.assign(defaultConfig, config);
str = '' + str + '';
$('body').append(str);
$('#alertBox').css({
'top': parseFloat((($(window).height()) / 2 + window.scrollY) * 9 / 10) + 'px',
'left': Math.floor(($(window).width() - $('#alertBox').outerWidth(true)) / 2) + 'px',
'zIndex': typeof config.zIndex == 'undefined' ? '' : config.zIndex
}).fadeIn('fast').delay(parseInt(config.millisecond)).fadeOut('fast', function () {
this.remove();
});
}
这个函数是用来做提醒的,调用一次页面弹出一个提醒框,显示 3
秒然后自动关掉,现在有个问题,如果我有两次调用,并且调用间隔很小的话,那么第一次的弹框内容还没有显示够 3
秒的时间就直接显示了第二次的弹窗内容给取代了,我尝试了很久不知道怎么解决这个问题,希望有个前端大佬帮忙看看,谢谢。
我的期望是即使我调用 n 次,他每次都要显示我定义的那个 millisecond 时间之后关闭,间隔 300 毫秒后,再继续显示下一个,直到 n
次显示完再关闭。
经大佬指点,我自己总结成了一个方法写到了下面,基本达到目的了,再次谢谢各位回答的大佬!
function oppoMsg(str, config) {
if ($('#alertBox').length) {
$('#alertBox').remove();
}
str = '' + str + '';
$('body').append(str);
$('#alertBox').css({
'top': parseFloat((($(window).height()) / 2 + window.scrollY) * 9 / 10) + 'px',
'left': Math.floor(($(window).width() - $('#alertBox').outerWidth(true)) / 2) + 'px',
'zIndex': typeof config.zIndex == 'undefined' ? '' : config.zIndex
}).fadeIn('fast').delay(parseInt(config.millisecond)).fadeOut('fast', function () {
this.remove();
});
}
function queueFn(fn) {
const queue = [];
let running = false;
function next() {
if (running) return;
if (!queue.length) return;
running = true;
var args = queue.pop(), config = {millisecond: 3000};//这里做了一些改动
config = Object.assign(config, args[0][1]);
try {
fn.call(this, args[0][0], config);
} catch (err) {
console.error(err)
}
setTimeout(function () {
running = false;
setTimeout(function () {
next();
}, 200);//这里又加了一个定时器,先消失再弹出来
}, config.millisecond);
}
return function (...args) {
queue.push([args, this]);
next();
}
}
const queuedOppoMsg = queueFn(oppoMsg);
function myAlert(str, type, config, idName, reportError) {
type = type || 'alert';
idName = idName || 'showApiAlert';
reportError = reportError || false;
if (reportError) {
}
switch (type) {
case 'alert':
alert(str);
break;
case 'msg':
//TO DO 要解决这个提醒会被覆盖的问题
queuedOppoMsg(str, config);
break;
case 'notice':
break;
}
测试代码:
for (var i = 0; i < 2; i++) {
myAlert('test' + i, 'msg');
}
你好我叫张倩话
华为手机自带浏览器在web网页中对长按保存无法禁止?
在最近的开发过程中,遇到一个问题,在实现拖动图片(img标签)时,如果未拖动而长按图片,会触发保存功能。在对标签进行CSS设置以后,其他的浏览器都已禁止了长按保存功能,现在只留下华为自带的浏览器还存在长按保存的功能。
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
你好我叫张倩话
手写 useLocalStorage 时发现的问题?
/**
* 获取浏览器 localStorage 中的值, 也可对该值进行更新操作
*
* @param {String} key---localStorage中存储的键值对的key
* @return {String} value---localStorage中存储的键值对的value
* @return {Function} setValue---更新方法,可对localStorage中存储的键值对进行更新操作,本方法接受一个参数,该参数为更新后的值
*
* @example
* const { value: nameValue, setValue: setNameValue } = useLocalStorage('name')
* console.log(nameValue)
* setNameValue('uni-app')
* console.log(nameValue)
*/
function useLocalStorage(key) {
// 生成一个代理对象
const ref = {}
Object.defineProperty(ref, key, {
get() {
const storage = JSON.parse(localStorage.getItem(key) ?? '')
return storage
},
})
function setValue(newVal) {
localStorage.setItem(key, JSON.stringify(newVal))
}
return {
get value() {
return ref[key]
},
setValue,
}
}
localStorage.setItem('name', JSON.stringify('uni-app'))
const { value: nameValue, setValue: setNameValue } = useLocalStorage('name')
console.log(nameValue) // 'uni-app'
setNameValue('JavaScript')
console.log(nameValue) // 这里输出的不是 'JavaScript', 仍然是 'uni-app'
问题就是代码段最后一个输出,不知道为什么还是 "uni-app"
你好我叫张倩话
Vue SFC Playground 怎么使用?
可以使用 ES-module ,只要找到好用的 CND 地址就行:
import { DatePicker } from "https://lib.baomitu.com/ant-design-vue/4.0.7/antd.esm.min.js";
console.log("DatePicker:", DatePicker);
export default {
data() {
return {
msg: 'Hello World!'
}
}
}
你好我叫张倩话
npm run build,把dist里面的内容,都拷贝到web服务器,修改static里面的js的内容,页面不生效?
缓存问题,修值请求时的hash值 "xxxx.js?asd1fa1sd2fasd5f4"
你好我叫张倩话
微信小程多人音视频通话组件voip-room 在pc客户端小程序上打开时,加入的成员看不到对方的画面,卡死不动怎么处理?
应该是腾讯的组件问题,在pc端有bug导致的,我看了一下问题反馈
"https://developers.weixin.qq.com/community/develop/doc/000e28..." (https://link.segmentfault.com/?enc=OMN%2Bql49Z3qRdJJDmRGY5A%3D%3D.mIZcO2bJSIC2TVJ%2FQUvSXai3R8Zxxk8ZcaHC%2BS9UK%2FNSIZxcGEqNhywKwg%2BuKWx%2Fp9aK4qfCrzx5sEgHnXFRRg%2BG83gPWaMd8YVfNZ0Zi22aQaRMy59dggxCQG0ShzlzbNLcDE5JBNpGAwJvYEVCpQ%3D%3D)
你可以去微信开放平台与客服反馈,看看是否官方有具体解决措施或方案
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241118/3943ab654412675ae7370054cddcbe12.png)
你好我叫张倩话
请问 Redhat 6.7 版本如何安装 git?
"https://mirrors.edge.kernel.org/pub/software/scm/git/" (https://link.segmentfault.com/?enc=K5yH1RTsQGHjIFSU23r2dQ%3D%3D.EodRzMps7KH7PJYMUFwvb%2B%2BZkCoO7VUtKwNybb2jsOGgTHQB94SJdDwlY0Ew1m7XQ4EYBwNKBfdrgU%2Fe3kllxA%3D%3D)
源码编译安装
你好我叫张倩话
如何JS在載入界面全屏顯示?
浏览器不支持载入时通过js触发全屏。可以用下面方法处理:
1.新增导航页,点击菜单时用js触发全屏,满足浏览器要求通过手势触发的要求。
2.创建浏览器快捷方式(chrome),增加"--start-fullscreen"参数配置,启动时自动全屏。
你好我叫张倩话
Java怎么调用Excel中的各种公式?
用Java怎么调用Excel中的各种公式
想要设置某个单元格的公式然后拿到结果
你好我叫张倩话
导致应用程序无法找到或访问所需文件的原因是什么?
导致应用程序无法找到或访问所需文件的原因是什么?
你好我叫张倩话
Spring Cache如何简化和优化?
* 第一个问题,"spring cache" 实现如此,怪也得按格式写。
* 第二个问题,可以给缓存类用 "@CacheConfig(cacheNames = "test")" 对此类统一设置来替代在"application.yml"配置文件中配置,以解决"IDE"的警告;但一般不推荐这么做,因为一个缓存类下要定义多个缓存的时候就不合适了,一般是要在缓存类的每个缓存方法("@Cacheable/@CachePut/@CacheEvict")中定义(还因为缓存一般要实现过期时间)。
* 第三个问题,代码用法不对。取缓存的值仅调用 "@Cacheable" 注解的方法就行。有缓存值会返回值,无缓存值会执行方法体。当然在无缓存值的时候也会将返回值写入缓存,如果不希望写入缓存,可以用 "@Cacheable(cacheNames = "test", key = "#id", unless = "#result == 0")" 类似这种通过 "unless" 指明无缓存时不缓存的判断条件。
你好我叫张倩话
如何使用缓存实现24小时抽奖记录存储?
使用缓存实现一个功能,存储当前时间前24小时的抽奖奖励记录,有以下要求:
1. 奖励记录条数5条;
2. 每条记录最长过期时间24h;
3. 若有新的满足条件的奖励记录,且记录条数小于5条,则删除最早的奖励记录,插入该条奖励记录。
4. 奖励记录需要一次性查出来;
大佬们有什么比较好的解决思路吗?或者又遇到这类问题么?
我的思路:
把所有抽奖记录ID存储在一个set或者list中,这样可以一次性获取到所有的抽奖记录。
每条抽奖记录作为一个独立的键值对存储在redis中,并设置对应的过期时间。这种设计在插入数据比较麻烦。
请问这类问题是否存在现有解决方案?
你好我叫张倩话
这段代码怎么编译通过?
fn sum(array: &[T]) -> T {
let mut sum: T = 0;
for i in array {
sum = sum + i;
}
return sum;
}
大概功能就是计算一个数组内的元素的和,怎么约束 T 让这段程序编译通过
你好我叫张倩话
关于Vue3源码中有个类型Omit>?
在vue3的源码里有这么一个类型
type UnwrapRefSimple = T extends Function | BaseTypes | Ref | RefUnwrapBailTypes[keyof RefUnwrapBailTypes] | {
[RawSymbol]?: true;
}
? T
: T extends Map
? Map> & UnwrapRef>>
: T extends WeakMap
? WeakMap> & UnwrapRef>>
: T extends Set ? Set> & UnwrapRef>> : T extends WeakSet ? WeakSet> & UnwrapRef>> : T extends ReadonlyArray ? {
[K in keyof T]: UnwrapRefSimple;
} : T extends object & {
[ShallowReactiveMarker]?: never;
} ? {
[P in keyof T]: P extends symbol ? T[P] : UnwrapRef;
} : T;
这里当"UnwrapRefSimple>"时,会有一步是"Omit>",也就是
Omit, keyof Map>
这一步得到的结果不是{}吗?
也就是当"UnwrapRefSimple>"最终得到的类型是
Map & Omit, keyof Map>
即"Map & {}"
为什么要和{}交叉类型呢?
你好我叫张倩话
如何将 SCSS 代码直接转换为 CSS?
在线编辑器,有没有能实现 "scss" 转换成 "css" 的?
我有一款自己的编辑器,支持用户编写 "scss" 代码,但是发现问题 浏览器不识别 "scss" 需要编译成 "css"
现在的做法是 让用户先去在线网站编译完成 再拷贝过来
有没有直接能集成在项目中的 "scss2css" 的这种库?
补充一下
需要运行在浏览器环境的~
你好我叫张倩话
如何解决源码安装时包依赖的问题?
在 Ubuntu 系统中,使用了源码的方式安装了一个软件,因为某些特性需要源码安装。该软件有一些第三方模块,如果使用 apt-get
的方式安装第三方模块,会提示需要该软件安装后才可以安装这些第三方模块,也就是 apt-get 的方式是无法知道通过源码方式已经安装了的软件的。
现在安装第三方模块也采用了源码方式进行安装,但是这样比较麻烦,有没有更好的方式来安装这些第三方模块?
你好我叫张倩话
请问域名到底是如何分级的?
不用过于纠结,因为一些使用场景的原因,你可以说 example.com 中的 example 是一级域名或者二级域名。
这两种称呼方式都是存在的,更为官方的说法应该是 二级域名 ,当然,更多场景下,你只要能跟你一起讨论的人达成共识即可。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/54d3cce55485184f0e6d4ab8dde287b8.png)
引用自阿里云
***
参考:
* "什么是域名_域名(Domain)-阿里云帮助中心" (https://link.segmentfault.com/?enc=onsEnWsCxQi1eRh9vw%2FQUA%3D%3D.%2B46ihHn3AFvyQNMXSgbyuzsjpo6kaqzCGurE%2B3XbYQa%2BIKM4LuR%2FB3SoDLOp8R2yqz7l%2FYFO%2Fey7eudC33XRxbId%2F5SxFL%2B83hmskY4AJDk%3D)
* "域名、顶级域名、一级域名、二级域名、子域名 - 光何 - 博客园" (https://link.segmentfault.com/?enc=MqmtisYNtjxHAq3aOp3tOA%3D%3D.uTbZktEWBIWTZztBR19QDY%2B14QS47lFXJH45BWLA1EpEn2HO4DGONtHuY%2FpEEYLRQF%2FrIEj%2B1Af0D9pKozu8iXGM7PBTQuAoceRBsKtH2DO6FiE7i%2FikEgesmFygxPyi9GjwBjS8Ew3k9y28QMasZqxhZpceVdVtt9wlQDPuUmE2u3PwfOj8S6Q7zPYEh56pAcDThnhr%2FmXLosSqSMbPK8vaLYI1OfwXgDqobAm1HTNXT7RGXvf%2Bx0enP2c8SfOFJlhSQtTQQeJDFPEjeRqVytQl%2BpRU9ALXPpYB9rOFGvTff4zOL4NcO%2BYJC9zU7IFO)
* "怎么设置二级域名?二级域名和一级域名有什么区别? - 新网数码" (https://link.segmentfault.com/?enc=M21WbA2TZw8lII7%2FYGlNww%3D%3D.kSVGCLw1Jn3Mvg8dN5xUxcJb3YY%2F%2B22j%2Bklz8eE%2BDp%2FSwnBR3grTLTsSbUkz%2B9750%2B6DUACcMaL8F45SuTJX1A%3D%3D)
你好我叫张倩话
本地构建运行seleniumhq.github.io时报错,该如何解决?
试试这个
git config --global core.compression 0
你好我叫张倩话
如何对WGCLOUD配置文件中的密码加密?
可以对配置文件中的密码进行加密,如下图
"https://www.wgstart.com/help/docs158.html" (https://link.segmentfault.com/?enc=2MA2eeQ4V9E6GUc4Z0ni6w%3D%3D.RCKiPOOJpVPIfJK1O%2BxyCpSt3W%2Ff3fEg%2BmQzX8B%2F%2BJUkvUPCGdGDd4DA7%2BAvuPbP)
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/f70f1437fc105832420f275aa7ff8b6e.png)
你好我叫张倩话
Echarts地图鼠标移入显示数据问题?
不知道是不是这里的原因
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/3b8b08718d6a7ca621546badcc13031a.png)
具体的还要看看initMap里怎么写的
你好我叫张倩话
理解Java String类equals方法的内部逻辑?
环境:jdk18
前言
今天在看Java
string类的equals源码,源码主要逻辑比较好理解:先判断是否是同一对象,是就直接返回true,否则判断类型是否是string类型,且每一个元素内容是否相同(先判断length,再判断内容)
问题描述
在使用断点debug时发现
问题1:
return (anObject instanceof String aString)
&& (!COMPACT_STRINGS || this.coder == aString.coder)
&& StringLatin1.equals(value, aString.value);
是循环运行 的,且有的时候value与aString.value的数组长度就不一样(哪怕字符相等,如""a".equals("a")")
问题2:
* ""a".equals(new String("a"));" 传到equals后,参数如图所示
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/aac546615c33412c5a1bfd1e252a3ae0.png)
* ""a".equals("a");" 传到equals后,参数如图所示
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/d7ff57fcba18a8d22d5eca1937fbb601.png)
但是上述两行代码,正常情况下传值后不应该是"a"吗?
***
上述两个问题,实在想不通,希望大佬可以解惑一下
你好我叫张倩话
这种问题如何解决?
使用 "nvm" 切换了 "node" 版本之后,如果你的 "npm" 全局依赖路径没有修改的话,会丢失全局依赖的。
另外就是你使用 "nvm" 之后需要重新把你的 "npm" 全局依赖路径设置为正确的路径。并不一定在你原本的 "C:\Program Files\nodejs" 目录下了,很可能是在 "C:\Program Files\NVM\xxx" 下了。
你好我叫张倩话
springboot项目如果不要求前端的日期时间格式?
springboot项目中一个实体类声明了如下的日期类型属性
@DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")
@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone="GMT+8")
private Date date;
那么前端传递参数时必须带有时间,否则后台会报错。我的目标是能否不使用上面两个注解,不管前端传递来的该属性带不带时间都可以正常保存到数据库中(如果没有时间则后台自动补齐00:00:00,或者没有时间也能正常保存到MYSQL的话java就不做补齐的工作了)。要实现这个目标我要如何做?还有就是有个之前的老项目是spingmvc的项目(前端页面jsp)做法是否和springboot中一样?
还有点兼容的问题,有时前端传递来的日期时间属性格式是:2024-03-18T12:11:10
能否一起兼容了?
你好我叫张倩话
如何理解和使用CSS的:focus-visible伪类?
什么时候使用 ":focus-visible" 伪类?
当我们点击 "" 的时候,":focus"伪类生效,但是":focus-visible"伪类不会生效。
当我们使用tab键 来聚焦 "" 的时候,两者都会生效。
此时,如果我们不想用鼠标点击时出现聚焦样式,那么我们只使用 ":focus-visible" 就可以了。
如果没有 ":focus-visible" 伪类,那么我们就将在 点击 和 使用tab键聚焦 的时候都显示聚焦样式了。
除此之外,":focus-visible" 还有哪些应用场景呢?
你好我叫张倩话
理解springboot架构之间的联系与区别?
modle层(pojo层,entity层)
不是springboot的三层架构之一,数据库的一张表对应一个pojo层;表中的所有字段都在此层一一对应,可以写出get,set方法,但是有了lombok后不用写(import
lombok.*;),但要添加依赖和注解。
想要访问数据库并操作,只能通过dao层,向数据库发送sql语句,将这些结果通过接口传给service层,想要处理数据,要先向dao层请求数据,对dao层传过来的数据进行加工处理,将这些处理好的数据通过接口传给controller层;客户想要查询或修改数据时,要先向service层请求数据,将这些数据通过接口显示给客户,一般通过Html等方法。
一:dao层(mapper层)数据持久化层
对数据进行持久化操作,针对数据库操作,一般进行增加删除修改查询,只是一个接口,只有方法名字,具体实现在mapper.xml中
二:service层
业务逻辑层,存放业务逻辑处理,不直接对数据库进行操作,有接口和接口实现类,提供controller层调用方法;两文件,一个存放接口类,一个存放接口实现类
三:controller层
控制器层,前后端交互,接受前端请求,调用service层,接收service层返回的数据,返回具体页面和数据到客户端;2各文件,接口类和接口实现类
你好我叫张倩话
vue3 配置跨域问题不管用?
问题内容里面少了一些内容,比如说你的 "createProxy" 方法 和你的 "axios" 是否有配置 "baseURL"。
不过可以把你的第一个规则 "/interface" 修改成 "/" 后再试试看发起请求是否会通过你的 "server.proxy"。如果没有通过
"proxy" 那么应该就是你的 "baseURL" 中的 "port" 和你的环境变量 "VITE_PORT" 不一致了。
你好我叫张倩话
tree组件第一次回显正常,第二次不回显了?
Element-ui中关闭dialog时隐藏组件并销毁原创,你可以搜一下这个
大概意思就是给dialog 增加 v-if
你好我叫张倩话
Antd Form中动态设置Form.Item的值无效?
Antd Form 设置动态Item的值无效
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241003/58f50c6ac55f337acdde78df8053647e.png)
在代码中我动态生成了Form.Item,在Item内设置initialValue无效。
就换了一种方式,使用form.setFieldsValue去设置表单值,在点击确定时,表单有值,也通过了校验, 但就是不显示值,请问是什么原因呢?
const RenderForm = () => {
const [form] = Form.useForm();
useEffect(() => {
if (deviceType) {
let map = {};
deviceType.customers.forEach((item) => {
map[item.id] = JSON.parse(item.defaultValue);
});
console.log('设置表单', map);
form.setFieldsValue({ customers: map });
setTimeout(() => {
let values = form.getFieldsValue();
console.log('values是', values);
}, 1000);
}
}, [deviceType]);
const getFormItems = () => {
console.log('deviceType', deviceType);
if (deviceType?.customers && deviceType.customers.length > 0) {
return deviceType.customers.map((item) => (
{getComponent(item.dataType, JSON.parse(item.dataConfig))}
));
}
return null;
};
return (
{getFormItems()}
取消
确定
);
}
getComponent 这个方法里把 Select 和InputNumber封装了一下,所以无法显示值,该怎么避免这个问题呢
你好我叫张倩话
PyInstaller打包Tkinter程序wav资源加载失败处理方法?
1. 将 --add-data 改成 --add-binary
2. 在代码中加入以下代码,然后将 wav_path 作为 a.wav 文件的路径
try:
base_path = sys._MEIPASS
except Exception:
base_path = os.path.abspath(".")
wav_path = os.path.join(base_path, "a.wav")
你好我叫张倩话
前端与FastGPT的对接步骤详解?
前端对接会泄露apiKey,
需要有个后端中转服务来调用FastGPT的接口,前端只需要调用后端的接口就行,接口的格式可以跟后端约定自定义,也可以直接返回前端解析,接口格式兼容OpenAI
你好我叫张倩话
Nuxt3中如何将小图片转换为Base64格式?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240930/b3a64ec0f62b5df7a1fc6a8edd621b2c.png)
这是官方的文档,如果不行,把你的vite版本和配置贴出来
你好我叫张倩话
如何在一个域名下登陆多个账户?
我有一个根域名,我想要打开两个标签页同时让用户登陆,和管理员登陆。
但是我感觉这个难度非常大啊。因为我以前做过的项目都是只存了一个token,给一个用户登陆。
不知道怎么实现,大神们能不能给个大体的实现思路?
我用的nextjs框架
你好我叫张倩话
Flutter代码报错:setState未定义?
创建一个*.dart 文件后可以输入: stl 或者 stf
来快速创建widget,避免这种情况;"这里有更多的快捷键" (https://link.segmentfault.com/?enc=euYlCy23DxJXvex1Wylm5Q%3D%3D.VFi5FbbNqn2NPErpdnAeqLHxSx%2Fqyg0Rjm%2BTOIi%2Fr35qL%2BrkmEWKhY6B1BcESyBf)
你好我叫张倩话
正经的通过程序从电脑控制手机的方案,除了 adb 还有什么?
正经的通过程序从电脑控制手机的方案,除了 adb 还有什么?
这里的正经是指具有很高的可编程性