MastFancy
IP:
38关注数
0粉丝数
22获得的赞
工作年
编辑资料
链接我:
创作·114
全部
问答
动态
项目
学习
专栏
MastFancy
字符串数组转换ts类型m|n 类型体操？
type A = T extends any[] ? T[number] : T;
数组转联合类型用 [number] 作为下标
"['1', '2']['number'] // '1' | '2'"
0
0
0
浏览量0
MastFancy
vite+electron通过按钮控制屏幕最大化或最小化？
想通过按钮来控制屏幕最大化或最小化，但是运行之后就会报__dirname is not defined,为什么呢
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/f1d31ecaf073d8680ee43e078513f830.png)"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/80dd527058812ae3414697c5735dc167.png)"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/ded2996a8e3bc4e1ccb53572cb475977.png)
10
1
0
浏览量233
MastFancy
【three.js】偏移模型后，点击构件高亮部分与点击部分不一致？
射线检测的代码不对，容器 element 的高度位置随意调整，在射线检测时：
// 通过鼠标位置,计算出 raycaster 所需点的位置
const getBoundingClientRect = container.getBoundingClientRect();
mouse.x = ((event.clientX - getBoundingClientRect.left) / getBoundingClientRect.width) * 2 - 1;
mouse.y = -((event.clientY - getBoundingClientRect.top) / getBoundingClientRect.height) * 2 + 1;
//通过鼠标点击的位置(二维坐标)和当前相机的矩阵计算出射线位置
raycaster.setFromCamera(mouse, camera);
0
0
0
浏览量0
MastFancy
puppeteer官方Docker镜像如何使用？
Dockerfile
FROM ghcr.io/puppeteer/puppeteer:latest
RUN npm install express ali-oss
COPY app.js .
CMD node app.js
app.js
const express = require('express');
const puppeteer = require('puppeteer');
const OSS = require('ali-oss');
const app = express();
const port = 3000;
app.use(express.json());
// Replace with your own OSS configuration
const ossConfig = {
accessKeyId: 'xxxx',
accessKeySecret: 'xxxx',
bucket: 'zzzzz',
region: 'oss-cn-hangzhou'
};
const ossClient = new OSS(ossConfig);
app.get('/screenshot', async (req, res) => {
const { url } = req.query;
if (!url) {
return res.status(400).json({ error: 'Missing "url" parameter.' });
}
try {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto(url);
const screenshot = await page.screenshot();
await browser.close();
// Generate a unique filename for the screenshot
const filename = `screenshot-${Date.now()}.png`;
console.log(filename)
// Upload the screenshot to OSS
const result = await ossClient.put(filename, screenshot);
// Construct the OSS URL for the uploaded image
const imageUrl = result.url;
res.json({ imageUrl });
} catch (error) {
console.error(error);
res.status(500).json({ error: 'An error occurred while taking the screenshot and uploading it to OSS.' });
}
});
app.listen(port, () => {
console.log(`Server is running on port ${port}`);
});
0
0
0
浏览量0
MastFancy
IDEA有些类爆红，但是项目可以正常启动？
我在拉取一个github上的项目后，隔一天再打开时，发现之前的文件有一些类爆红，但是项目能够正常启动，虽然不影响运行，但是看着很难受。该如何解决，希望各位能提供宝贵意见，谢谢。
12
1
0
浏览量369
MastFancy
自己的vue2项目，怎么在element ui 源码里打断点调试？
项目中引用的包，一般是压缩过的，如果没有sourcemap文件，断点调试行不通，因为都是这样，根本找不到在哪打断点
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241230/89a264736fbb9950e6bce1fc73b4c4a2.png)
你要调试element-ui，自己下载源码，自己构建（构建的时候把压缩去掉），再引入调试，其实也挺麻烦的。
0
0
0
浏览量0
MastFancy
vue2里用的jsx里出现一个问题？
render: h => {
return (
)
},
比如这段jsx代码，onlyDiscountFlag并没有被传入到FMAllFunction组件中，不管是$attrs还是$props都没有接收它，但是直接在template里写，却不会有这个问题，然后我就在思考，到底是什么问题，我发现换一个单词，比如discountFlag就能顺利接收，后来我想到可能的原因，是不是有可能是on作为一个单词的前缀，被jsx语法认为了是什么其它用法，比如作为事件？或者其它，传入到了组件内部，导致$attrs还是$props都没有接收它，带着这个疑问我验证了一下，发现确实，只要前缀是on，并且on是小写的，不管怎么传，都进不了组件内部。所以想请各位比较熟悉jsx的大神解答一下。on这个单词（或者是单词的前缀带有on）如果作为属性传递过去，是不是有什么其他含义？
我有想过是不是被作为事件传递进去了，但是事件的写法不是vOn:嘛。
最后我又发现，如果OnlyDiscountFlag首字母是大写的，是可以传递进去的。这又是为什么？
以下是我找到的官方文档，不知道全不全
"vue2的jsx的官方文档" (https://link.segmentfault.com/?enc=tK4nG2%2B1ppq44wlwCNaTMQ%3D%3D.sj37KB%2FQ5KWbIxKaFPAyxt0Cxredcdc%2BO4OMiUg1p5no8c5pemBAc1YzRrokqGRE)
7
1
0
浏览量260
MastFancy
js 鼠标选中一段文本 当从后往前选 怎么获取到选择的文本？
第二个问题可以用这个"工具方法" (https://link.segmentfault.com/?enc=O94F6AhIe5%2BVEbSEAXzlzg%3D%3D.kDRSDoTdkzB2Zde%2F9sIXLE0WPosVHwmyycAaiosCRYyZc4wEoU1WRB8iR50VE%2BLhqouSScpi0wucM81A5AL%2F8UOG%2BtouzalIGspWCLU%2F8t6Of3N8F0aTuyPPaGUv7fmK72Fpok4JiH1VWM5cBTcVkQ%3D%3D)。
第一个问题并没有复现你的问题，参考这个"demo" (https://link.segmentfault.com/?enc=nWVGe4Hrvs%2BoknjXvdntlQ%3D%3D.Sg%2FUFwTMEbYs7HMATHQ5Ws00FglfpEsKQ23p7TAPDc3B2P0MW8Q0OD1QOSwUJ4is)
0
0
0
浏览量0
MastFancy
请问这个链接里upt后面的一串字符或数字代表什么？
目测是又拍云的 Token 反盗链机制：
«"https://help.upyun.com/knowledge-base/cdn-token-> limite/" (https://link.segmentfault.com/?enc=4cCFRh%2FCYkvZ3l6fC4McLg%3D%3D.wH6Smy4rcw9M0JHS4csTFaA4LPoKUJeODZg62LeWlglJz8JHpOyD7Faye4uIAz29vHOuBaMB%2BS44n9YSsxczEA%3D%3D)»
前八位是 “密钥 + 过期时间戳 + 资源路径” 的 MD5
哈希值的中间八位。密钥是存储在服务端的，对客户端并不公开，所以你要是想反向推测的话几乎是没指望的，尤其它这里 MD5 还只截了中间 8
位，这样连彩虹表大法都没办法用。
0
0
0
浏览量0
MastFancy
angular15怎么引入中国地图？
Vue举例, 其实配置都差不多:
import echarts from "echarts"
// echart 配制option
option: {
tooltip: {
show: true,
// triggerOn: 'mousemove', // mousemove、click
padding: 8,
borderWidth: 1,
borderColor: '#1051B5',
backgroundColor: '#F8FBFD',
textStyle: {
color: '#000000',
fontSize: 13
}
},
// 分段统计
visualMap: {
show: true,
left: 'auto',
right: 'auto',
top: 'auto',
align: 'auto',
itemWidth: 12,
itemHeight: 12,
itemGap: 12,
showLabel: true,
orient: 'horizontal',
inverse: true,
pieces: [
{
gt: 500,
label: '>500',
color: '#BE2E2C'
},
{
gte: 301,
lte: 500,
label: '301-500',
color: '#EC5B56'
},
{
gte: 101,
lte: 300,
label: '101-300',
color: '#3853E2'
},
{
lte: 100,
label: '<=100',
color: '#8BA4F8'
}
]
},
geo: {
map: 'china',
scaleLimit: {
min: 0,
max: 2
},
zoom: 1,
// roam: true,
top: 'auto',
left: 'auto',
// layoutCenter: ['0%', '10%'],
// 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域
// layoutSize: 300,
// 是否显示城市名
// label: {
// normal: {
// show: true,
// fontSize: 14,
// color: 'rgba(0,0,0,0.7)'
// }
// },
itemStyle: {
normal: {
// shadowBlur: 50,
// shadowColor: 'rgba(0, 0, 0, 0.2)',
borderColor: '#BFBFBF',
borderWidth: 1,
areaColor: '#EBEBEB'
},
// 移入背景色
emphasis: {
areaColor: '#B8CFF2',
shadowOffsetX: 0,
shadowOffsetY: 0,
borderWidth: 0
}
}
},
series: [
{
name: '上市公司',
type: 'map',
geoIndex: 0,
data: [],
}
]
}
// 第一个参数与gio.map要一致
echarts.registerMap('china', 地图JSON数据))
0
0
0
浏览量0
MastFancy
Angular16类型不匹配基础问题?
这个 "undefined"，是哪里出了问题？感觉很简单，又解决不了。
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241211/8ad90103ed48240afe3f0d0c210328f4.png
1.todo.service.ts
import { Injectable } from '@angular/core';
import { Todo } from '../interface';
@Injectable({
providedIn: 'root'
})
export class TodoService {
private data: Todo[] = [
{id: 10, description: "For test purpose", category: 1, content: 'test1'},
{id: 12, description: "For test2 ", category: 1, content: 'test2'},
{id: 15, description: "For test3 ", category: 1, content: 'test3'}
]
getTodo(id: number): Todo {
return this.data.find(item => item.id ===id)
}
2. interface
export interface Todo {
id: number;
description: string;
category: number;
content: string;
}
export enum Category {
html,
css,
js
}
3. details
export class DetailComponent implements OnInit{
todo!: Todo;
constructor(private route: ActivatedRoute, private todoServe: TodoService) {}
ngOnInit(): void {
const id = Number(this.route.snapshot.paramMap.get('id'))
this.todo = this.todoServe.getTodo(id)
}
}
0
1
0
浏览量12
MastFancy
这种图片切换的效果是如何实现的？
今天逛网站无意间看到一个有意思的图片轮播效果，就打算随手实现一下，没想到实现的效果总是不尽如人意，不知道哪里的问题
这是原样式
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241205/f40f4f10199db1daceceba084e66c028.png
这是自己做的样式
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241205/118b483e00f2ebec85db16fef46870df.png
贴下自己写的代码
.slider {
width: 700px;
height: 400px;
overflow: hidden;
position: relative;
}
.slider-wrapper {
width: 700px;
height: 400px;
position: relative;
}
.slider-wrapper img {
width: 700px;
height: 400px;
position: absolute;
top: 0;
}
.indicator {
height: 100%;
width: 2px;
background-color: #fff;
position: absolute;
top: 0;
left: 350px;
z-index: 10;
cursor: pointer;
}
var slider = document.getElementsByClassName('slider')[0]
var indicator = document.getElementsByClassName('indicator')[0]
// 监听鼠标移动事件
slider.addEventListener("mousemove", function (event) {
// 获取鼠标的坐标
var x = event.clientX;
// 设置div元素的位置
indicator.style.left = x + "px";
//修改图片的位置
var wrapper = document.querySelector('.slider-wrapper');
/*
wrapper.style.transform = 'translateX(-' + x + 'px)';
*/
var img1 = document.getElementById('img1')
img1.style.transform = 'translateX(-' + x + 'px)';
var img2 = document.getElementById('img2')
});
0
1
0
浏览量16
MastFancy
数据结构问题求两个集合的差？
while (tempor) {
for (Node* p = A; p; p = p->next) {
if (p->data == tempor->data) {
prevb->next = tempor->next;
}
}
/*
prevb 应该为链表中 tempor 的前一个节点。
但是如果 tempor 被删除了，tempor->next 还在链表中，tempor 本身已经不在链表中了。
这时令 prevb = tempor ，那么 prevb 这个节点就已经不链表中了。所以通过
prev->next = tempor->next 不能从链表中删除 tempor 。
所以 5, 4 连续两个删除只有第一个成功了。
*/
prevb = tempor;
tempor = tempor->next;
}
0
0
0
浏览量0
MastFancy
vue2.0 多行溢出省略在移动端如何兼容？
尝试加上
"display: -webkit-box;/* 弹性伸缩盒子模型显示 */"
0
0
0
浏览量0
MastFancy
前端多人团队协作开发，多项目有公共模块，应该采用什么方案？
关于团队开发多个项目并存在模块共用这个问题，找了不少的解决方法，如
* git subtree
* monorepo
* npm 包
* ...
但有个问题，就是构建。
***
项目代码目前是放在阿里云效上面，每个项目都是独立的仓库，公共模块在每个项目都有一份，在流水线构建时只需指定库就行。
而当要抽离公共模块，想要采用的方案是 "monorepo"，多人对同一个库进行开发，构建是否可以直接通过指令编译？
如果出现需要进行版本回退的情况，对其他项目的影响应该如何处理？
0
1
0
浏览量20
MastFancy
微信小程序突然出现不能打开相册的问题？
你用微信开发者工具打开项目,然后看console的日志,看是否出现错误
有真机调试,可以扫码后,看这个在开发工具上看到错误,
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241129/b64d3c9b1da78911740003d3d4182a5c.png)
0
0
0
浏览量0
MastFancy
Informix如何查看表的主键使用了哪些列?
通过sysconstraints只能看到一个{tab_id}_{id}字符串. 无法确认这个主键用了哪些列
0
1
0
浏览量14
MastFancy
java 泛型 ？？
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241122/387c3f83aa09cfd5429042060e04891c.png
param 的实际类型是 Pair ， 为什么不能赋值给 Number 呢 ？有朋友说， 中的
？可能是 Integer 可能是 Number 可能是 Object, 但是，传给 pairTest 的实际类型就是 Pair 啊
，不可能是其他类型（ 比如 Pair ）呀 ？ 难道编译器没看到吗 ？
0
1
0
浏览量14
MastFancy
vue 模板里的 class 里如何使用变量？
你就当成JS来书写就好了。
比如说
{{ index }}
0
0
0
浏览量0
MastFancy
层层嵌套的对象，如何拿到最底层的值？
比如有对象
a: {
b: {
c: {
d: {
f: 123
}
}
}
}
我只能按照顺序拿到数组['a', 'b', 'c', 'd', 'f']
如果想给f赋值，
只能
expression[0][expression[1][expression[2][expression[3][expression[4]....]]]] = 456
如果想要写上面这个表达式的通用函数，要怎么写。
0
1
0
浏览量54
MastFancy
前端Vue如何实现类似于下图中组织架构等级图，根据后端返回来的数据动态展示？
antv x6
可以搞定："https://x6.antv.antgroup.com/examples/showcase/practices/#org" (https://link.segmentfault.com/?enc=1PLHIYLtUO18leY2Y%2BYNgQ%3D%3D.2DL4S3b9Hzxzsb5RyjCWvdG5UUWdrsmOpb%2F6ziL4cqjGeR4mNvqy608Q3RhMSER2%2F1Lk8VRvqbYtKkfOsEiPJg%3D%3D)
0
0
0
浏览量0
MastFancy
vite搭配react,行内样式backgroundImage的url如何用@符号?
asdsa
如果vite不支持require那就只能import导入图片代替require那部分
0
0
0
浏览量0
MastFancy
uniapp打包安卓app怎么区分正式环境和测试环境？
"uni-app" 可通过 "process.env.NODE_ENV" 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。
* 在 HBuilderX 中，点击“运行”编译出来的代码是开发环境，点击“发行”编译出来的代码是生产环境
* cli 模式下，是通行的编译环境处理方式。if (process.env.NODE_ENV === 'development') {
console.log('开发环境');
} else {
console.log('生产环境');
}
官方文档:
«"https://uniapp.dcloud.net.cn/worktile/running-> env.html" (https://link.segmentfault.com/?enc=IleH7gXgB32UM8goi6IpEw%3D%3D.%2B9W7rgy44zcArOXLV6%2FmKlzunLa9rBZ2D6gUe7GYb93rdX7z3KO6%2Flsm5b5hBslhXtQWSARe5IJTjf2fWZ4o0A%3D%3D)»
0
0
0
浏览量0
MastFancy
Uniapp生成的H5页面在pc端不适应问题?
你body限制一下最大宽度就行了
body{
max-width: 390px
}
0
0
0
浏览量0
MastFancy
有图，我架构的GO语言IM,但手机如何通过忽略机房的ip,用统一域名进行连接？
有图，我架构的GO语言IM,但手机如何通过忽略机房的ip,用统一域名进行连接？
架构肯定没有这么简单，因为有登录服务器 消息服务器......用户的账号密码肯定不是分散的存储在各地机房
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/6d54302982598afb39932b49856f9b01.png)
0
1
0
浏览量18
MastFancy
学生成绩管理系统数据库设计详解？
快速入门nuxt3吧, 基本可以实现, B站有许多手把手教学
0
0
0
浏览量0
MastFancy
火狐低版本浏览器打不开 vue3 + vite 开发的项目?
多低的版本,给个ua
0
0
0
浏览量0
MastFancy
如何识别图片中的内容信息？
看看这个有帮助么？
"Awesome-YOLO-Object-Detection" (https://link.segmentfault.com/?enc=n75Yrju6CrYstol9K9%2BX8A%3D%3D.pJ8164rA5Bc4uDKJnBRCzBRaflboIj4GIZkrdi87icI879hW%2FXELUtC95O7Z0Z91)
之前找过相关资料，主要就是 Yolo5 ，开源的挺多的
0
0
0
浏览量0
MastFancy
mac 平台想把apscheduler定时任务做成服务，类似nginx start nginx stop 开机自启动，如何实现?
macos 上自带的是 launchctl ，和 linux 上的 systemd 有点类似，你可以了解看看。
大概流程是把服务配置成 plist，类似 systemd 的 service 文件。然后放在一个目录下，加载之后，就可以用 "launchctl start/stop " 操作服务了。
然后 brew 也有类似的功能，如果你用brew管理包的话，有些服务是可以直接用 "brew services start/stop " 的。
0
0
0
浏览量0
MastFancy
MySQL创建索引USING BTREE有和没有区别是什么？
我觉得这个问题，B 树的起名者起码得背一半锅。
人们所说的 B-Tree 的中间那个 "-" 是连字符 、而非减号 。你也可以省略它，直接写作 B Tree。
而 B+Tree 本来就是一种 B-Tree（即所谓的变种树）。
二者的关系就好比阳光玫瑰跟葡萄的关系（吃葡萄 ing... 😀） ——
阳光玫瑰跟巨峰之间可以对比，但你说阳光玫瑰跟葡萄有啥可对比的呢？葡萄本身有的特征，阳光玫瑰一样全都具备；但反过来说阳光玫瑰有一些独有的特征，葡萄这个大类却不一定都具备。
所以 B-Tree 跟 B+Tree 并不是非此即彼的关系。
目前 MySQL 中无论哪种存储引擎，但凡涉及到 B-Tree 的，一律都是用的 B+Tree。
P.S. 所以你贴的那篇文章吧……不能说它写错了，但确实非常容易给人造成误解，以为里面提到的 B+Tree 跟 B-Tree 是俩东西。
0
0
0
浏览量0
MastFancy
请教一个css样式问题，文字白边并且有阴影?
CSS 中有个专门用于文字描边的属性 -webkit-text-stroke，可以控制描边的宽度和颜色，比如
.text{
-webkit-text-stroke: 2px #333;
}
然后再设置文字阴影
.text{
-webkit-text-stroke: 6px #333;
text-shadow: 0 4px 0 #333;
}
其他方式以及详情
«"https://segmentfault.com/a/1190000040721783" (https://segmentfault.com/a/1190000040721783)»
0
0
0
浏览量0
MastFancy
vue2使用better sqlite3为什么会报错？
vue2使用better sqlite3打开页面就报错
版本：
better-sqlite3 8.3.0
nodejs 16.20.2
在src/api下创建了database.js代码：
DB.db是我用SQLiteStudio在D盘手动创建的db文件
const Database = require("better-sqlite3")
const path = require('path')
import { getCurrentTime } from '@/utils/index'
const dbPath = path.resolve('D:/DB.db')
console.log(dbPath)
const db = new Database(dbPath, { verbose: console.log })
export function addUser() {
var stmt = db.prepare("insert into user(id,name, describe,update_date,create_date) values(?,?,?,?,?)");
stmt.run(null,'测试1','测完给i', getCurrentTime(), getCurrentTime());
var return_info = {
'result': 1,
'info': '新增用户成功'
}
return return_info
}
页面调用：
Add
import { addUser } from '@/api/database.js'
export default {
name: 'test',
methods: {
add(){
addUser.then(res=>{
console.log(res)
})
}
}
}
报错信息：
TypeError: The "original" argument must be of type Function
at promisify (util.js:602:11)
at eval (backup.js:6:18)
at ./node_modules/better-sqlite3/lib/methods/backup.js (chunk-vendors.js:1697:1)
at __webpack_require__ (app.js:849:30)
at fn (app.js:151:20)
at Object.eval (database.js:72:29)
at eval (database.js:86:30)
at ./node_modules/better-sqlite3/lib/database.js (chunk-vendors.js:1661:1)
at __webpack_require__ (app.js:849:30)
at fn (app.js:151:20)
更换了better sqlite3版本还是一样
0
1
0
浏览量13
MastFancy
Rollup打包错误,onMounted中无法import？
RollupError: Invalid value "umd" for option "output.format" - UMD and IIFE
output formats are not supported for code-splitting builds.
问题起因：vitepress内build的时候报错window is not
defined,后查明是icon组件内iconfont.js有使用window。
改写为
import { computed, onMounted } from 'vue';
import './index.css';
// import './font/iconfont.js';
onMounted(() => {
//@ts-ignore
import('./font/iconfont.js').then(() => { });
})
rollup -c 打包会报错！！！
//rollup.config.js配置
module.exports = {
input: './packages/index.ts',
output: {
name: 'XXXXXXX',
file: file('umd'),
format: 'umd' // 编译模式
},
plugins: [
nodeResolve(),
typescript({ tsconfigOverride: overrides }),
vuePlugin(),
postcss({
plugins: [autoprefixer()],
extract: 'style.css'
})
],
external: ['vue'] // 依赖模块
}
0
1
0
浏览量16
MastFancy
页面文字一行显示，超长显示省略号，并且高亮关键字，当关键字在省略号后面，如何处理才能将关键字显示出来?
页面文字一行显示，超长显示省略号，并且高亮关键字，当关键字在省略号后面，如何处理才能将关键字显示出来
像百度这样：
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/0dbdaeb6a91308363c61e682dc478d08.png)
【中华优秀传统文化】前面还有文字，但是就是要把关键字高亮显示出来，不会因为超长又碰巧在文字的最后面，然后不显示高亮文字了
页面文字一行显示，超长显示省略号，并且高亮关键字，当关键字在省略号后面，如何处理才能将关键字显示出来
0
1
0
浏览量16
MastFancy
yii2 通过 new 或者 findOne 返回的对象执行的数据库操作，比如 save，如何打印 SQL 语句？
yii2 通过 new 或者 findOne 返回的对象执行的数据库操作，比如 save，如何打印 SQL 语句？
我知道 find() 方法返回的对象可以用 "->createCommand()->getRawSql()" 方法打印相应的 sql 语句。
但是如题的不知道，请知道的大佬指教，谢谢。
0
1
0
浏览量209
MastFancy
v-for绑定的key使用随机数导致DOM丢失问题?
简单的说 "key" 是每次更新时，框架用来判断对应的 "vnode" 是否可以被复用的标识，由此来减少 "DOM" 重新创建的频率，这也就是为什么通常
"key" 都是用业务数据中的 "uuid"
回到你的问题，"key" 如果绑定的是一个随机数，那么每次更新，列表元素的 key 都是在变化的，key 都变了，框架就会把原来的 DOM 删除掉并重新创建
"vue" 的官方文档中也有对应的描述
"https://cn.vuejs.org/api/built-in-special-attributes.html#key" (https://link.segmentfault.com/?enc=3STgbUzsyfkYX6n00AU9dA%3D%3D.%2FQ6FWvVP4DF9KGQSJUlPbII%2B8Ir4wypcrGMksCJ2G3OkrJMTiJMcjjizxWWLsk346sU7YdujLmKIobdacxi7tw%3D%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/ad8dda3e2f66d5c290682ea20e7c5521.png)
0
0
0
浏览量0
MastFancy
vue中el-table 我需要为table表格每行设置阴影效果，使用box-shadow给行设置阴影为什么两边会出现这种情况？
是这个样式造成的
.el-table__body tr:hover {
box-shadow: 0 0 1px 0 rgba(0,0,0,1);
}
我用的红色:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/64af18918c658036399836804097571a.png)
删除上面的CSS就行了:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/e5411d7085a503e337a181b22814f0c7.png)
已经没了
0
0
0
浏览量0
MastFancy
TypeScript 中，Promise 的 reject 无法使用类型推导吗？
这个是设计如此吧，毕竟你确实可能不知道会 catch 到什么错误
不过好像可以包装一个确定错误类型的 "PromiseE"
type Nullable = T | null | undefined
type MaybePromiseLike = T | PromiseLike
class PromiseE extends Promise {
constructor(executor: (resolve: (value: T | PromiseLike) => void, reject: (reason?: E) => void) => void) {
super(executor)
}
catch(onrejected?: ((reason: E) => R | PromiseLike) | undefined | null): Promise {
return super.catch(onrejected)
}
}
const p = new PromiseE((res, rej) => {
res(1)
// @ts-expect-error
rej(2)
rej('3')
})
p.catch(err => {
err // err: string
})
0
0
0
浏览量0
MastFancy
关于 nginx 中 location 下的 alias 配置的问题?
如果配置是
server {
listen 8002;
location /about/ {
alias html;
index index.html;
}
}
访问
"http://localhost:8002/about/" (https://link.segmentfault.com/?enc=a2Oo%2FArFInFpEKu7KClCjg%3D%3D.cqiVGB2KY8sEgQizzMKK%2FWWDthPm%2FtrGTuu%2Fpv1GqP8%3D)
会返回 403 禁止
server {
listen 8002;
location /about/ {
alias html/;
index index.html;
}
}
访问
"http://localhost:8002/about/" (https://link.segmentfault.com/?enc=gxQ4hj4zQqAgRs9%2Fk83YzA%3D%3D.uHQ3fU8DLTHSkGnb9DY1hnQla1RTnKAp26Os9tWdXcU%3D)
会返回 html 目录下的 index.html 文件,这是符合预期的
server {
listen 8002;
location ~ /about/ {
alias html/;
index index.html;
}
}
访问
"http://localhost:8002/about/" (https://link.segmentfault.com/?enc=kEa3KzQgy922eFTP70Byjw%3D%3D.TJWUnfwrOahiF2NhbcRuW2aaFFZASk53Xz6Icx%2FyIfU%3D)
会不断进行重定向生成
"http://localhost:8002/about/index.html/index.html/...../index..." (https://link.segmentfault.com/?enc=5f%2Fck4P79D%2Fr8uCip26Y1Q%3D%3D.1qEPXiUzEcgr3KPFJmJprdi%2FyWTTy%2BuBj3Lxl75dS4ZbOz76xs0WEkGH7Z3oPzOkPAimwxhADehhmE6ZLdvN9WyAtneG9dVZIEvz8LlhyGI%3D)
直到长度超过限制而访问出错。
为什么会出现第一和第三种的情况?
0
1
0
浏览量210
MastFancy
js 获取怎么复制的内容？
js 获取怎么复制的内容， navigator.clipboard.readText()有兼容性问题，线上不生效。
0
1
0
浏览量184
MastFancy
systemctl命令找不到的解决方法？
产品我没用过，但是根据他的文档来看，目前他们最新的是V2，安装方式通过在线方式安装，里面其实已经封装了通过 "docker-compose"
的方式安装和启动。
* "在线安装" (https://link.segmentfault.com/?enc=1WDwjZgKb2RmbRu5sJ7awA%3D%3D.U%2Bvh5kmTrQjTkq8KEiKiOzeQo80OJ5l3uG4n57qv7nVHVDP%2BWpGD5%2Bgj9SjvCv%2F0Y0zD1QrUVAADibLp2XR4TQ%3D%3D)
你通过单个docker是无法下载和启动的，详情见下面这个论坛回答:
* "DataEase 没有单独的docker镜像吗?我已经有docker" (https://link.segmentfault.com/?enc=EuD%2F9bP7hfPwE%2B3vLnsjdg%3D%3D.vYCR5LICWv4uSVY4InfJmkag%2BSgCOPspJ5Ov3rUMyEGPIBJNSoAC%2B%2BvtuBf19E4f)
0
0
0
浏览量0
MastFancy
无法下载网页urllib.error.HTTPError: HTTP Error 403: Forbidden？
想提取这个网页的数据
from urllib.request import urlretrieve
import urllib
import random
url="https://cn.investing.com/indices/hnx-30-components"
opener = urllib.request.build_opener()
ua_list = ['Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0',
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36',
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.62',
'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:98.0) Gecko/20100101 Firefox/98.0',
'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.81 Safari/537.36 SE 2.X MetaSr 1.0'
]
opener.addheaders = [('User-Agent', random.choice(ua_list))]
urllib.request.install_opener(opener)
urlretrieve(url, '/tmp/test.html')
网页无法打开，浏览器可以打开
File "/usr/local/lib/python3.11/urllib/request.py", line 643, in http_error_default
raise HTTPError(req.full_url, code, msg, hdrs, fp)
urllib.error.HTTPError: HTTP Error 403: Forbidden
请问，如何解决？
0
1
0
浏览量133
MastFancy
[Typescript]用类属性包装ref，则修改类属性会触发响应式吗？
class Foo {
ref: Ref
get value() {
return this.ref?.value
}
set value(nv: number) {
this.ref.value = nv
}
constructor() {
this.ref = ref(0)
}
}
const foo = new Foo()
{{ foo.value }}
在vue3中，以上代码定义一个class
Foo，使用类属性value包装了Ref类型的成员ref。在template中，一个button被用于显示并修改Foo实例foo的value的值。请问隔了一层get/set，点击button间接修改ref时，仍能触发响应式以更新视图吗？
答案为能。why？
0
1
0
浏览量189
MastFancy
LeetCode 43 题字符串相乘数组初始化为什么失败呢？
LeetCode 43题字符串相乘，乘好后的结果无法放入数组，且初始化并不成功，每次想将数组初始化的时候都会报错。
尝试了用calloc，memset,for循环对数组进行初始化，但是都失败了，直接定义进行初始化也不行，不知道是什么原因？
题目描述：
给定两个以字符串形式表示的非负整数 num1 和 num2，返回 num1 和 num2 的乘积，它们的乘积也表示为字符串形式。
注意：不能使用任何内置的 BigInteger 库或直接将输入转换为整数。
我的代码：
void reverseString(char* str) {
int length = strlen(str);
int start = 0;
int end = length - 1;
while (start = 0;i--)
A[i] = num1[i] - '0';
for(i = len2 - 1;i >= 0;i--)
B[i] = num2[i] - '0';
//int* ans = (int*)calloc((len1 + len2 + 1),sizeof(int));
int* ans = (int*)malloc(sizeof(int) * (len1 + len2));
//memset(ans, 0, sizeof(int) * (len1 + len2 + 1));
ans[0] = 0;
ans[1] = 0;
for(i = 0;i 0 && ans[k] != 0)//去掉最高位的0
k--;
char* res = (char*)malloc(sizeof(char) * (len1 + len2));
while(k >= 0){
res[len++] = ans[k--] + '0';
//printf("ans[%d] = %d\n",k,ans[k]);
}
res[len] = '\0';
return res;
}
可以看到我对ans的初始化进行了多次尝试，现在已经直接去定义了，ans[1] = 0,但是却报错了,这是报的错误，说是堆缓冲区溢出了：
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/11a04d632b87b263b0859abc3666ba6d.png)
假如现在把ans[1] = 0，这行注释掉，会输出：
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/7852de7387f791771e4752f196afcd45.png)
通过各种尝试，仍旧初始化不成功。
0
1
0
浏览量149
MastFancy
怎么把图片传到 github 并在 README.md 引用显示？
怎么把图片传到 github 并在 README.md 引用显示？
"https://github.com/BartoszJarocki/cv/blob/main/README.md?plain=1" (https://link.segmentfault.com/?enc=Go0OOCc%2FMwHHrh%2BSLM2ejA%3D%3D.EqCVPwHwneX2iHmIU1VBmE%2BVQl3dXoNqgkSq6dVC%2FP81%2FIQEUjYUdoro%2B9yhe20B39wh2tnjELc7wOEgEG%2FdNas8kCsfF4os190xst1cttk%3D)
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/52c4db70cadd03341f1a050993882fb2.png)
""
比如这个地址，图片是怎么传到这个地址的？github 提供了面向用户的图片托管服务吗？
***
肯定不能把图片放到仓库本身，这样会导致仓库体积膨胀（不考虑 git lfs 这些）
0
1
0
浏览量215
MastFancy
vue 可以让相同key的节点只移动位置不重新渲染吗？
可以用
"v-once" (https://link.segmentfault.com/?enc=5N00onJMJ7EHYTM21BsP8w%3D%3D.zyTAjZDLQ2VAv0SVd1pcufaUz2%2FJKHwojIVVacyERRxDF0Wt3AFUUuljaTR1BDdn)
指令。
***
额。。
但不知道为什么对 "iframe" 没用。
0
0
0
浏览量0
MastFancy
高德地图原生开发中，地图无法加载出来？
找到了问题所在，是因为全局引入了mock.js导致的加载失败，取消全局加载就可以正常加载了。为了让遇到同样问题的人可以参考，所以就不删除了。
当然，我必须要使用mock.js，那怎么搞呢？可以查看这篇文章"思否文章" (https://link.segmentfault.com/?enc=q%2BwP2m7aTtYiyZyHQE1t0w%3D%3D.jza5OBQtTXF5pPDFa%2F2wqSZsFfFyfERSetHxVgkTxBsjKO6sca1gunnOT0Yk8r%2F5)
0
0
0
浏览量0
MastFancy
thinkphp中model中关联设置好后怎么使用查询？
"https://www.kancloud.cn/manual/thinkphp6_0/1037601" (https://link.segmentfault.com/?enc=kf8v2iHRt1HxrrAqRz4o9Q%3D%3D.MyomzBF4EW3aJWEWK8IUMBWH50UVTznP3fD8skkXby0XcmRfHEkD915Kxh09XMB5L%2BTmPrzqRrcSGay9rM7tTw%3D%3D)
0
0
0
浏览量0
MastFancy
CSS 三角效果在不同缩放比例下的解决方案？
设计图
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/7c6670f127647975b3f7801cb4ab3565.png)
浏览器125%下看到的效果
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/e68083e7430e57e714b6564512a03e7a.png)
.box{
width: 300px;
height: 28px;
&::before{
content:"";
width: 0;
height: 0;
border-bottom: 28px solid red;
border-right: 20px solid transparent;
position: absolute;
top: 0px;
right: -20px;
z-index: 1;
cursor: pointer;
}
}
这个三角效果在100%的电脑没问题，但是如果用户使用的125%，肉眼可见的偏移了，有解决办法吗？
0
1
0
浏览量123
MastFancy
html给页面设置背景色后，给文字设置不同的背景色，文字的位置会发生偏移，无法对齐，如何解决？
"https://codepen.io/h2278624265/pen/mdvQjWm" (https://codepen.io/h2278624265/pen/mdvQjWm)
错觉吧
0
0
0
浏览量0