一只臭美的Doggg
我想要写一个示例,让Child修改Parent组件的状态, 但是如何定义Child的Props的修改Parent的状态的type呢?
"handleClick: (msg: string) => void"
" handleClick: React.Dispatch>;"
一只臭美的Doggg
AMH面板的Supervisor守护进程插件如何正确使用?
上面截图不完整,看是否客户端的原因,可以试执行:
export SSH_CLIENT='ssh';
后再执行,
amh supervisor admin chroot off
运行目录应该用完整的目录路径,/home/wwwroot/lnmp01/domain/xxxx.com/web/
一只臭美的Doggg
能否给图表添加基于数据值计算的平均线横线?
解决方案 Solution
VChart有着丰富的数据标注能力,对于您描绘的场景,只需要在markLine中配置"x: 'average'"即可。
代码示例 Code Example
const spec = {
type: "bar",
data: [
{
id: "barData",
values: [
{ type: "Autocracies", year: "1930", value: 129 },
{ type: "Autocracies", year: "1940", value: 133 },
{ type: "Autocracies", year: "1950", value: 130 },
{ type: "Autocracies", year: "1960", value: 126 },
{ type: "Autocracies", year: "1970", value: 117 },
{ type: "Autocracies", year: "1980", value: 114 },
{ type: "Autocracies", year: "1990", value: 111 },
{ type: "Autocracies", year: "2000", value: 89 },
{ type: "Autocracies", year: "2010", value: 80 },
{ type: "Autocracies", year: "2018", value: 80 },
{ type: "Democracies", year: "1930", value: 22 },
{ type: "Democracies", year: "1940", value: 13 },
{ type: "Democracies", year: "1950", value: 25 },
{ type: "Democracies", year: "1960", value: 29 },
{ type: "Democracies", year: "1970", value: 38 },
{ type: "Democracies", year: "1980", value: 41 },
{ type: "Democracies", year: "1990", value: 57 },
{ type: "Democracies", year: "2000", value: 87 },
{ type: "Democracies", year: "2010", value: 98 },
{ type: "Democracies", year: "2018", value: 99 }
]
}
],
xField: ["year", "type"],
yField: "value",
seriesField: "type",
legends: {
visible: true,
orient: "top",
position: "start"
},
markLine: [
{
y: "average",
label: {
visible: true,
position: "insideEndTop",
text: "Average Country",
style: {
fill: "#000"
},
labelBackground: {
visible: false
}
}
}
]
};
在线效果参考:"https://codesandbox.io/s/average-markline-wgfdkg" (https://link.segmentfault.com/?enc=13H1l1PCecynlRu%2FPFCoLw%3D%3D.JwgdqiPNdSEgqWG09FswzFHpXTRlWxqUCKLoiykuZ3XBKJWNRb2VU9HWY1vZ6O49%2FldlKMRO30p6oFSUgadWyQ%3D%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250111/b05b0fdc147321380df43ec3b585336f.png)
相关文档 Related Documentation
图表标注线demo:"https://visactor.io/vchart/demo/marker/mark-line-axis" (https://link.segmentfault.com/?enc=DBR2fIQ9xAWZeyg9gj3BlA%3D%3D.LpsJZkND9zDibYBeA01om%2BWpfZnPPJOW26PLP8XLsHSFdH0XimywlwACgc6qrlNa0uUEYmCHOekR3vXsx%2BtnMQ%3D%3D)
图表标注教程:"https://visactor.io/vchart/guide/tutorial_docs/Chart_Concepts..." (https://link.segmentfault.com/?enc=bP8eIdcVxlnls%2Bhr8O955g%3D%3D.co0BUrs6ZKITuEQRTvQa9lBa8Nfcu5YIUUMZVpDLdK1aL6otIw9tDbtyZhWf1Hbihf9P%2BtK%2FLNMzQoE7%2Ffq5UeVjALVEj6xYD85s9P9%2FF%2Bg%3D)
相关api:"https://visactor.io/vchart/option/barChart#markLine.y" (https://link.segmentfault.com/?enc=mw1eoAXbZzfVEnXFqhKnrQ%3D%3D.IV9b%2BegVS6ci49uO08rNDNwqqgjRSeA1aAx4c3Yyhpq%2BkDIDmMS31seJcKwekh2wwRQwPWAF1OOOohH7VnZ4vw%3D%3D)
github:"https://github.com/VisActor/VChart" (https://link.segmentfault.com/?enc=4pQhbcq6BYy0tBTkcv1thw%3D%3D.R2%2BsPoa6iF4ju01qlpHyNclC%2BLvAxUUbBP7rHq9h7n852X1f9xzQkxPWHBugv0qL)
一只臭美的Doggg
折线图如何配置不同线段的颜色?
echarts:
«"https://echarts.apache.org/examples/zh/editor.html?c=line-> sec..." (https://link.segmentfault.com/?enc=sNSroUIz3kKGaI4Zt0ZyMw%3D%3D.0xTsGbNs0N7Jq9ux5J1Du56rogs3DRDfEA7vo9u3LgE6smyuRLTrgDUkeauRspqfrRfuhu9gcbPfPHKrSGUpL9E0AXQL0fVh%2BKsXgtO4uU0%3D)
»
VChart:
«"https://www.visactor.io/vchart/demo/gradient/enhancement-> grad..." (https://link.segmentfault.com/?enc=sWjTmRC0EErq5pbOsEtf7g%3D%3D.gSOVK95g1xp4wF3o2yHMXrfVGfAWpdTuAWV%2Fx%2BWnYkq%2FeFCXuzvfRPlUCOsfsum8QcqLqjc4n6g%2FoCGooTVjQ1WLkJ4ESQwqD0zJR4JtPJleH%2Bb7UoWtCYILyAI0OVF7)
»
一只臭美的Doggg
请问javascript如何实现将2017-09-18 00:00:00时间格式转换为2017-09-17T00:00:00+08:00格式?
请问javascript如何实现将2017-09-18 00:00:00时间格式转换为2017-09-17T00:00:00+08:00格式?
一只臭美的Doggg
for循环中setTimeout打印结果不同的原因是什么?
第一段代码因为声明了形参变量i,所以函数内拿不到外层作用域的i变量,函数在被调用时又没有传值,所以值是 undefined。setTimeout
可以通过第三个及以后的参数为调用函数传值:
setTimeout((i)=>{
console.log(i)
},0,1)
第二段代码因为 var 没有块作用域。
第三段代码直接调用了函数,setTimeout 没有任何作用。
一只臭美的Doggg
vue2 项目中使用iframe 部署到线上iframe白屏?
在Vue2项目中使用iframe并部署到线上后,出现iframe白屏的问题可能有多种原因。以下是一些可能的解决方案:
确保iframe的URL正确:检查iframe的URL是否正确,并且可以从浏览器中访问。如果URL不正确或无法访问,iframe将无法显示任何内容。
检查跨域设置:如果iframe的内容来自不同的域,则需要确保跨域设置正确。在Vue2项目中,可以通过在iframe的父组件中使用v-iframe指令并将sandbox属性设置为"allow-same-origin"来启用跨域。
检查iframe的样式:检查iframe的样式是否正确设置。特别是,确保iframe的高度和宽度正确,并且没有设置display:
none或visibility: hidden等隐藏属性。
确保iframe的内容加载完成:如果iframe中的内容需要加载时间,确保在内容加载完成之后再渲染iframe。可以使用Vue的生命周期钩子函数或侦听器来等待iframe的内容加载完成。
检查浏览器的安全设置:某些浏览器可能会阻止不安全的iframe内容显示。确保iframe的内容符合浏览器的安全策略,并且没有被阻止显示。
如果以上解决方案都无法解决问题,您可能需要进一步检查您的代码或联系相关的技术支持团队以获取更多帮助。
一只臭美的Doggg
手写new操作符时,表达式Array.prototype.shift.call(arguments) 是否可以通过argument[0]代替?
我感觉获取第一个参数作为构造函数,arguments[0]就能满足需求,为什么要用shift弹出第一个元素呢?我看了好几个代码要么是
Array.prototype.shift.call(arguments) 要么是[].shift.call(arguments);
不太清楚为什么要这样做。
一只臭美的Doggg
TypeScript下面两种定义函数的方式有什么区别?
// 方式1
let myAdd1: (baseValue: number, increment: number) => number = function (
x: number,
y: number,
): number {
return x + y;
};
// 方式2
function myAdd2(x: number, y: number) {
return x + y;
}
我是前端新手,最近在看ts的语法。
想问下这两种定义函数的方式有什么区别?感觉方式1纯粹就是麻烦啊!什么时候需要用到方式1那种写法?
一只臭美的Doggg
安卓 App 通过 usb 和电脑连接后,可以使用什么方式离线传输一些文件和 json 数据?
首先我不是干安卓开发的,单纯想探讨一下。
按你的问题,我觉得可以通过安卓app访问手机文件夹,pc通过usb本身就可以访问手机文件夹。只要安卓app将需要传输的文件放在手机文件夹里。我想可以实现吧。至于json数据,这个据我的认知,是必须要网络的,除非把json数据放在文本里,当作文件按上述方法传到pc上。
一只臭美的Doggg
实现new功能函数这里?result 输出对象前面为什么有个Fun ?
function _new(constructor, ...arg) {
let obj = {};
console.log("constructor", constructor);
console.log("constructor.prototype", constructor.prototype);
obj.__proto__ = constructor.prototype;
let res = constructor.apply(obj, arg);
console.log("res", res);
console.log("obj", obj);
return Object.prototype.toString.call(res) === '[object object]' ? res : obj;
}
const Fun = function (name) {
this.name = name;
}
console.log('result',_new(Fun, 'xyy'));
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241222/61291f630b7e0633557ef83c42cb3c08.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241222/9e23ef681d27a9268efd14ad2ed58f56.png)
一只臭美的Doggg
使用 window.btoa()加密文件,并且把文件名字当作url打开文件,如何处理文件名中的空格问题?
使用 window.btoa() 对文件名字进行加密处理,处理成功后放在URL上打开文件,
如果文件名字含有空格会打不开文件(空格会含有的),这个空格如何处理?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241221/653a54a7c633f633fc1ad8e7326d7cea.png)
解决了 谢谢大家
一只臭美的Doggg
一个初创的图片分享类APP,如何存储图片资源?
资源存储在本地(比如手机、电脑硬盘)是很难分享的 —— 本来想说不能,但是想想 P2P
就能做到。一般需要分享的资源都保存在服务端,这样各地用户才能便捷地访问到。这个服务端可以是自己写的,也可以是利用第三方的。自己写也需要采购或者租用服务资源,还要写代码,不如用现成的网络存储服务,几大云供应商都提供,自己去了解一下
API 使用方法和资费就行。不过话说回来,需要考虑登录云资源的安全性,这个过程还是需要后端(自己的服务器端)来实现,在后端登录拿临时 Token
给前端用(参考 OAuth2)。
一只臭美的Doggg
css在不改变背景图的高度的情况下,让被遮挡的部分显示出来?
默认应该是会显示的,不显示的话应该是父级有 "overflow: hidden;" ,干掉就好了
一只臭美的Doggg
前端监控针对静态资源加载时间采集,PerformanceResourceTiming有办法知道资源是否是通过协商缓存加载的吗?
除了deliveryType外,有兼容性更好的方案了解是否是通过缓存加载的吗
一只臭美的Doggg
分布式事务与acid?
微服务中,有时候一个操作需要N个服务共同完成,而且需要保障其原子性,即要求要么一同成功,要么一同失败。
例如用户下单操作需要由用户系统、订单系统、钱包系统合作管理;伪流程如下:
1. 前往用户系统查询用户状态是否正常
2. 前往订单系统查询商品库存是否充足并扣除库存
3. 前往钱包系统查询用户余额是否足够并扣除余额
单个系统的ACID只能保证单个系统的原子性操作。
分布式事务是保障这一连串操作的一致性。
假设场景:流程2中库存并且扣除成功,执行流程3时候余额不足扣除失败,肯定需要回到流程2归还库存。执行了归还就是保障了此次操作的ACID。
"https://zh.wikipedia.org/zh-hans/ACID" (https://link.segmentfault.com/?enc=aYVgd%2BXr8lTjcvk13QiRjw%3D%3D.pC2BNAKBpPfEkjiUbVjmf3xNUVAU054o1go%2B%2B4GweWB4tL4JxX1LUR33Vk7kkSti)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241210/63302d612d7482a8229468df712a291e.png)
一只臭美的Doggg
请问这是什么图 echart?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241209/3ab2d6ae621964d2b28acf91768b50bf.png)
有没有大佬提供下这种echart 图表的示例参考一下
一只臭美的Doggg
vue2项目的npm版本问题如何查看?
今天拿到一个2021年的vue2的老项目,在我的电脑上运行错误,我的版本是node18.16.0,npm是6.14.19,我现在都是搞vue3的。我估计是环境版本不对,请教有经验的大佬,2021年的vue2估计是什么环境?
一只臭美的Doggg
vue-cli创建的项目,使用web-worker计算文件内容报错?
使用的地方应该引入你的线程(路径)
上方import应该去掉
const worker = new Worker('hash.worker.js(放这个所在位置)');
一只臭美的Doggg
mssql server中无法通过information_schema获取某列的注释吗?
我把官方文档"系统信息架构视图 (Transact-SQL)" (https://link.segmentfault.com/?enc=ZAfljDKmuq%2BIGxT3c52tCg%3D%3D.dZ%2Fnuvs6k0SLHUWfKWB9B2fU83XAIErenQW4lgkFf8L4Hy9zBhPmvsrNGECVY0nqTzhwC930o55y30Za9mXTz67FOiaAEcn421KEPLOCoC3XBpFkJ1t0X%2F5ayknEwkij%2FhgNIpKM8ftxhI%2B41hEhxVf67DIFqGQxneQ4XixmHzvkzue7RuIyrRPZmqQ5viF1wNkyO%2BITO%2FSRQmTEIVRM8g%3D%3D)翻烂了也没找到哪个里面存着列注释,按理说应该是在"COLUMNS
(Transact-SQL)" (https://link.segmentfault.com/?enc=0oROd8WEh%2FdPe97OhnUi5w%3D%3D.eEKog8sdVELI%2FAf1rTRDXj%2FC%2BVovyZUZG%2Fp5wLaxKIoOWliRH5yNqP%2BoRr1UD5v40KqNUfWbBzFyA64P81dTXqimKoUTiNaLL4mrzjLxbiFqLLzjF0MoSks1uvnlLoZbSHjx6UWeuuau%2FikAAbHoqw%3D%3D)这里面,但是这里面就是没有。
还是老老实实通过sys拿吧:
SELECT
A.name AS table_name,
B.name AS column_name,
C.value AS column_description
FROM sys.tables A
INNER JOIN sys.columns B ON B.object_id = A.object_id
LEFT JOIN sys.extended_properties C ON C.major_id = B.object_id AND C.minor_id = B.column_id
WHERE A.name = 'your_table_name'
一只臭美的Doggg
js中substring(),substr(),slice()三种方法的区别?
"String.prototype.substring" (https://link.segmentfault.com/?enc=feOKVC5mbGZDjMca4UktMw%3D%3D.tLmeVQpogGE0B5205DwNs19Na2B3v6BQTQuE3aRAcvLIwQeRiaoNBstCawwCVDMdlV50GhIjOOqQ%2BknnLJRK3zghpraqcaHNt%2B5sHvw%2F003xJ4lOwtkv3kDBONbfylg7Ug%2Fs1ZUS1C2YsovKuKk2Ld4YtD8%2FMjIo2GpCMDpx0IESozHCadVIzodccjpBEYq7XTbBB%2FuyGPyzhGg%2BJD25iaDM87PpP1TvGNyiizb9cYA%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241127/f91d69845b17417015da2416fffcd35d.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241127/0d4f13f19cd531deb7fe491614620666.png)
一只臭美的Doggg
CSS grid 先列后行 自动调整行数的问题,如何写 css?
"https://stackoverflow.com/questions/44092529/make-grid-container-fill-columns-not-rows" (https://link.segmentfault.com/?enc=M6ynw%2Bzf8MOJBkxwJp4lzA%3D%3D.ohrC0HPQXdV8x%2Bh80RhyBHdgrL5NEC7HzdD5IzFXcmy5hbSFOknidcyubOMcJHrt4BPruCQYtAdZy2MzNotUWpZ4z8SXegAG6V0ZUCckt2ByVowX2IGRxQ2wxXqKH6Qc)
一模一样的问题
核心:"grid-auto-flow: column"
"https://developer.mozilla.org/zh-CN/docs/Web/CSS/grid-auto-flow" (https://link.segmentfault.com/?enc=26fSx08a5F1Bx5Q%2FHx%2FurQ%3D%3D.NhQsv6OTa4%2F7u6K5nJqAtNJ4PHy30MVmu4n0a%2FijsPK1zH2RmkH8wVATuo8NCRXg8oj1zKBHmexnwbxlMHjugw%3D%3D)
Google 关键词:"css grid direction"
一只臭美的Doggg
通过流媒体服务器看电影和我通过vidhub+smb看电影有什么不同?
家里有个NAS,通过 SMB 共享了文件夹,我的 iphone 上使用 vidhub + smb
可以观看电影,那么问题来了,知道有个东西叫流媒体服务器,我的 vidhub+smb
方式就是流媒体服务器方式吗?如果不是二者有什么区别?或者推荐个文章来看看(手机上不直接通过NAS软件看电影是因为NAS提供的播放器操作体验太差,并且家里电视机上也可以通过
smb 看NAS的中的电影)
一只臭美的Doggg
前端怎么预览pdf 试了几种方法都不太行 有没有别的办法?
PDF 虽然都叫 PDF,但其实内部有很多设计,可以支持到不同的人看到不同的内容。
所以首先你要确认这个 PDF 是可以全部打开阅览的。你可以拖到浏览器一个单独的 tab 里试试,目前浏览器应该都支持 PDF。
至于如何使用 pdfjs,贴一段我自己读取 PDF 内容的代码吧:
import { getDocument } from 'pdfjs-dist';
import 'pdfjs-dist/build/pdf.worker?worker';
export async function getContentFromPdf(pdf: ArrayBuffer): Promise {
const doc = await getDocument(pdf).promise;
let content = '';
for (let i = 0, len = doc.numPages; i (item as TextItem).str).join(' ');
}
return content;
}
其实官方文档渲染部分写得比较详细,就是导入部分没怎么提,所以你可以两相配合一下,应该就能解决问题了。
一只臭美的Doggg
vue如何快速画出这种表格,怎么写最方便?
框架帮你搭好,宽度什么你调整下就好了
费别
自保,医保,新农合
No
科室
就诊日期
病人姓名
病人性别
病人年龄
手机号
门诊病历号
单位地址
临床诊断
药方说明
医师
药品金额
审核
调配
黑对
发药
医嘱
提交
重置
一只臭美的Doggg
飞书和语雀的画板是用什么技术实现的?
画板可拖拽里面的元素,可放大缩小,应该是canvas实现的,但是肯定不是纯手工cavas,有什么第三方库可以实现吗?
一只臭美的Doggg
目前哪个 LLM 可以读图了?
阿里的通义千问已经开放公众使用了呀:
"https://qianwen.aliyun.com/" (https://link.segmentfault.com/?enc=FN7926FC11PNEGuNjRwngQ%3D%3D.Fve9HicDCDjpGJWUW%2B4ZAUQPWEzwdU%2F%2B1xnleIBADCI%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241120/0457dde7b4fd55913eb98844d8015078.png)
一只臭美的Doggg
部署后,大文件下载报错:ClientAbortException: java.io.IOException: 你的主机中的软件中止了一个已建立的连接?
使用ruoyi-vue-pro开发的,在使用文件管理时,下载上传到服务器上的文件时,当文件过大(目前大于10M)就会报错:
目前发现,会发送2次请求。
.hutool.core.io.IORuntimeException: ClientAbortException: java.io.IOException: 你的主机中的软件中止了一个已建立的连接。
at cn.hutool.core.io.IoUtil.write(IoUtil.java:990)
at cn.iocoder.yudao.framework.common.util.servlet.ServletUtils.writeAttachment(ServletUtils.java:50)
at cn.iocoder.yudao.module.infra.controller.admin.file.FileController.getFileContent(FileController.java:85)
at cn.iocoder.yudao.module.infra.controller.admin.file.FileController$$FastClassBySpringCGLIB$$2e43158f.invoke()
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241120/681c0d9b80710d824f7418225d7b5966.png)
求大神帮忙解答
一只臭美的Doggg
gateway-worker向uid发送消息前,如何判断uid是否已离线?
一、问题描述
我有一个场景,像是车场道闸那种收费系统
1.gateway-worker作为服务端,然后道闸系统是客户端,与服务端建立tcp长连接。(客户端会向服务端发送心跳,5s/次)
2.用户请求服务端,获取道闸上的金额,进行支付
3.支付完,道闸抬杆车辆驶离
"车场道闸连接模型 (1).jpg" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241118/1c8cc9027027da6f716bb0c9bac42578.png)
假设道闸客户端连接到gateway-worker的client_id是001,车场的客户端编号是A,那在客户端连接上服务端的时候,会进行client_id
001和编号A的绑定"Gateway::bindUid(001, 'A')"。那后续有用户发起http请求获取金额的时候,请求中也会传递车场编号A,那服务端会向客户端A发送tcp请求获取金额,代码示例"Gateway::sendToUid('A', json_encode($message));"
二、问题出现的环境背景及自己尝试过哪些方法
现在有一种情况,就是道闸系统有时候网络不好,老是断网,断网情况下,道闸客户端就没办法及时向服务端及时发送心跳包,服务端也不知道这个客户端A离线了,这时候如果有http请求进来,服务端会继续向客户端A发送请求获取金额,这时候就会导致进程阻塞,导致http请求一直在请求中,直接影响到后续的http请求也进不来
2.1 尝试的方案
1、在向客户端A发送请求前,检测客户端A是否离线
// client_id http请求client_id
// uid http请求uid
Gateway::bindUid($client_id, $uid);
// A为车场客户端编号
$client_ids = Gateway::getClientIdByUid('A');
$status = Gateway::isUidOnline('A');
if (!$status || !$client_ids) {
Gateway::sendToUid(http请求client_id, json_encode(['code' => 0, 'message' => '车场客户端已离线']));
return;
}
// 向客户端A发送请求
Gateway::sendToUid('A', json_encode($message));
先检测客户端A状态。但是这种方法建立在client_id触发了onClose回调,像断网这种情况,客户端是没办法触发onClose回调
2、服务端向客户端发送心跳包检测客户端状态
我看官方文档可以通过服务端向客户端发送心跳包检测客户端状态,假设我设置心跳包3s/次,但是这种也会存在心跳包刚检测客户端正常,过了1s客户端因为断网离线了,这时候有http请求进来,服务端还不知道客户端连接不上了,还是会出现上面我所说的情况
你期待的结果是什么?实际看到的错误信息又是什么?
请问大家有合适的解决方案吗?
一只臭美的Doggg
AMH配置cloudflare的证书提示无效,求解?
SSL证书无效可能有以下原因,证书过期,证书没包含你的域名,或是根证书无法校验当前证书。
一一排查,或是提供证书crt文件(不要提供key),或是提供域名,或是有具体的出错信息也行,要么不好判断。
或是在面板直接申请免费的证书,或"https://amh.sh/ssl.htm" (https://link.segmentfault.com/?enc=lV0OJy1vGARr8ZjQni9FXA%3D%3D.vv7tAuvTpioPHpn3H%2F6irySL92Ekxz9akSvAnOeik9o%3D)申请证书都可以试试。
一只臭美的Doggg
下载服务器选择哪种服务好?
对象存储肯定是不太行的,存储要钱,流量也比较贵,就算要用也要套个CDN。
不考虑用户整体体验的话,我觉得是可以考虑,维护网盘分享链接。
如果能接受CDN的价格1-2毛钱1GB流量的话,可以考虑用CDN,但是有被刷破产的可能,成本感觉有点不可控。
如果用CDN还是贵的话,可以试试买国外的那种大宽带的VPS,不是指aws这样的。这个可能是除了网盘分享外最好的方法了。
一只臭美的Doggg
import和import type引入问题?
在开发过程中,组件库不仅导出了组件还有类型,比如说"Antd",如果我引入的话大概有两种方式
// 第一种:分开写
import { Table, message } from 'antd';
import type { TableColumnsType } from 'antd';
// 第二种 写到一起
import { Table, message, TableColumnsType } from 'antd';
想请教一下,在平常开发过程中,用哪种写法可读性、性能等方面会好一些。
查了一下"import type"语法,说是:导入类型定义,不会引入实际的代码。但是我都用这个组件了,必然会有实际的代码了,是不是就可以无脑用第二种写法了?
一只臭美的Doggg
ElementUI date-picker 组件在移动端上宽度超出屏幕宽度?
建议使用专用的移动端组件库, 下面的你可以试试:
":editable="false"" 是移动端禁止键盘弹出
@media (max-width: 768px) {
.el-date-range-picker .el-picker-panel__body {
min-width: 100%;
}
.el-date-range-picker__content{
width: 100% !important;
}
.el-date-range-picker{
width: 80% !important;
}
.el-date-range-picker__content{
margin: 0px;
padding: 5px;
}
.el-date-range-picker__content.is-left{
padding-bottom: 0px;
}
.el-date-range-picker__content.is-right {
padding-top: 0px;
}
.el-date-table th{
padding: 0px;
}
.el-date-table td{
padding: 0px;
}
}
因为这个组件的结构是与"#app"同级别的:
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/c66d0684f34d02594d39056e2586b444.png)
因此需要在全局或者使用的组件"style"标签不能加"scoped"属性
一只臭美的Doggg
uniapp如何正确下载MP3文件到手机本地(支持ios和安卓)?
有什么报错还是怎么的吗?
一只臭美的Doggg
从Webpack4升级到Webpack5后,如何优化线上项目的加载时间?
一个线上环境,一个本地环境,本地加载时间肯定会少很多,js是直接本地获取,网络请求可以忽略不计
一只臭美的Doggg
高德地图的第三方标准图层WMTS调用天地图的wmts服务地图位置偏移如何解决?
高德地图使用的是gcj02坐标系,天地图API过来的坐标是什么坐标系下的坐标?wgs吗?想办法把天地图的坐标转换到gcj02坐标系下的新坐标,再在高德地图上绘制,就可以了。
一只臭美的Doggg
wangEditor 载入htm字段内容,出现错误!求解?
看描述是个别html有问题,那先转义试试
editor.txt.html('');
一只臭美的Doggg
如何关闭 iterm2 的 「command+回车」会放大缩小窗口的快捷键?
在设置 -> Keys -> Key Bindings。
添加一个快捷键,cmd-enter,Action 设置为 Ignore。
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241026/e31fe92e350863a9c0bf69c0be0645b3.png)
一只臭美的Doggg
docker context 如何在通过 ssh 连接远程的 docker daemon 时不用每次都输入密码?
不支持类似 "ssh -i" 这种的参数。从 6 年前刚支持 SSH 协议开始(那时候甚至都还没有 docker context 而是 docker
-H)就有人提,希望能支持更多的 remote ssh 参数,一直都没有进展。
目前只能曲线救国,自己放进 "~/.ssh/authorized_keys" 里。另外还有个小坑就是只支持 root 用户,因为它只从 root ssh
agent 里读……
一只臭美的Doggg
cardview 内嵌的 linearlayout 无法实现圆角怎么办?
清单文件中禁用硬件加速器就可以了,可以全局禁用或者单个activity禁用。但由于禁用后性能暴降,得不偿失。最终采取的方案是换
"com.github.lihangleo2:ShadowLayout" 这个组件使用,彻底解决兼容问题。
一只臭美的Doggg
windows ubuntu 20.04安装docker后要如何启动?
我的就是ubuntu下的doceker。Ps: wsl1子系统不支持docker,wsl2支持docker。
# 启动
systemctl start docker
# 停止
systemctl stop docker
# 重启
systemctl restart docker
# 查看状态
systemctl status docker
一只臭美的Doggg
window.open打开新页面localstorage为什么会丢失?
可能的原因
1、并不同源
2、在新页面该属性被删除了(如果确认同源的情况下,可以检查下代码中有没有相关逻辑)
一只臭美的Doggg
腾讯云主机amh面板部署失败,这是什么情况?
面板无法安装部署
使用快速安装,提示错误
[root@VM-8-10-centos ~]# wget
"https://dl.amh.sh/amh.sh" (https://link.segmentfault.com/?enc=RvCiJYLyP5LiYZUyAYFKVw%3D%3D.LwYBYIKYZ7p0ayOieCF6ugz2S2RKE3KF%2BDBLZ8ZCtCc%3D)
&& bash amh.sh
--2024-01-16 12:45:43--"https://dl.amh.sh/amh.sh" (https://link.segmentfault.com/?enc=BIa4Ll5OjYCuFVDfGlJFUA%3D%3D.h%2BJlWZlX6xhf98bL7vQgoZn%2FgC43P8dGqFD0J%2FZdNSY%3D)
Resolving dl.amh.sh (dl.amh.sh)... 120.79.83.73,
2408:4003:1000:9aff:3c8f:27e6:888:b6bb
Connecting to dl.amh.sh (dl.amh.sh)|120.79.83.73|:443... connected.
ERROR: cannot verify dl.amh.sh's certificate, issued by ‘/C=US/O=Let's
Encrypt/CN=R3’:
Issued certificate has expired.
To connect to dl.amh.sh insecurely, use `--no-check-certificate'.
腾讯云的主机,重置了系统也无法安装
一只臭美的Doggg
横向U型步骤条有类似的组件?
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/5a2d2d25715bbde7a047119e4673aa6a.png
类似这种?
"https://segmentfault.com/q/1010000044071345" (https://segmentfault.com/q/1010000044071345)
一只臭美的Doggg
Mybatis-Plus报错optimize this sql to a count sql has exception是为什么?
mybatis报错:optimize this sql to a count sql has exception:…………………… exception:
null 我的sql语句是这样的:
(select distinct projects.*,unitUser.uname as unitName,adminUser.uname as userName
from projects
inner join unitUser on projects.unitId=unituser.id
inner join adminProject on adminProject.projectId = projects.id
inner join adminUser on adminUser.id = adminproject.userId
${ew.customSqlSegment} )
UNION
(select distinct projects.*,unitUser.uname as unitName,null as userName
from projects
inner join unitUser on projects.unitId=unituser.id
and projects.id not in (
select projects.id from projects inner join adminProject on adminProject.projectId = projects.id
)
${ew.customSqlSegment} )
mybatis-plus的版本是4.0以上的,在网上看了博客报错的都是3.4,3.5;
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/15b5e52e0777d5ee27ddd5eb7fe72dd4.png)
该mapper方法的形参是这样的,ew是我的一个queryWrapper。
一只臭美的Doggg
useEffect 如何监控 useRef.current 里面的值发生变化(useRef不绑定dom)?
useEffect 如何监控 useRef.current 里面的值发生变化(useRef不绑定dom)?
function handleWheel(e: TKWheelEvent) {
if (e.evt.ctrlKey) return
e.evt.preventDefault()
const direction = e.evt.deltaY > 0 ? -1 : 1
const stage = e.target.getStage()!
const oldScale = stage.scaleX()
const pointer = stage.getPointerPosition()!
const mousePointTo = {
x: pointer.x / oldScale - stage.x() / oldScale,
y: pointer.y / oldScale - stage.y() / oldScale,
}
const { MaxScale, MinScale } = ScaleRef.current
const newScale =
direction > 0
? oldScale > MaxScale
? oldScale
: oldScale * ScaleBy
: oldScale {
console.log(ScaleRef.current.newScale)
}, [ScaleRef.current]) // 这样不打印
}, [ScaleRef]) // 这样不打印
}, [ScaleRef.current.newScale]) // 这样不打印
其实我是想让
"ScaleRef.current.newScale"发生变化的时候传给子组件,让子组件重新渲染,但是发现"ScaleRef.current.newScale"这玩意监听不到它的变化
一只臭美的Doggg
如何统计转换列转数据?
我有一个比较大的df
date type
2024-01-01 1
2024-01-01 2
2024-01-01 1
2024-01-02 3
2024-01-02 2
2024-01-02 3
2024-01-02 1
2024-01-02 1
2024-01-03 1
2024-01-03 4
2024-01-03 2
2024-01-03 5
...
如何恰当地完成如下的统计转换
date type1 type2 type3 type4 type5
2024-01-01 2 1 0 0 0
2024-01-02 2 1 2 0 0
2024-01-03 1 0 1 1 1
...
谢谢高人指定。
一只臭美的Doggg
next.js引用antd的时候报SyntaxError: Cannot use import statement outside a module?
next.js创建的新项目中引入antd时出现SyntaxError: Cannot use import statement outside a
module
我在命令行中用以下命令创建了next.js的新项目,以及一些选择
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/04b5274ee68a71bb73075d5593ccfac6.png)
当我运行这个项目的时候,是没有问题的,结果如下
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/7b00a5442db67186127f26ef45cea978.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/d0c128deb5d49fca9c3b35004add0f2f.png)
可是当我尝试引入一些库,比如antd的时候,当我再次运行的时候,就出现了问题
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/2609407876f9683238a9d91186eb86d4.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/45883389dc50405fcc687f14c455e6e5.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/0086ebc42f56113ccf6fbb340a6522d4.png)
令我感到奇怪的是,当我使用应用路由而不是页面路由的时候,就没有这个问题了
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/2eecd102bd6689dd410fefabe6884123.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/b902900f8320b6060187fc9496e2f1d5.png)
请问如果项目最初选择的是应用路由的话,该如何设置,才能解决这个问题呢?
另外导致这个问题的原因涉及哪些方面的知识,可以学习些什么内容呢?
一只臭美的Doggg
Vue3 实现可拖拽树形结构数据的方法?
如果你想实现高度定制,可以用 "vue3-dnd"
"https://www.npmjs.com/package/vue3-dnd" (https://link.segmentfault.com/?enc=NIDNAgvLJujcCZmG69fwhg%3D%3D.LwkvytkYDfwr4gYqCLEzP1tL2szAAMzKUWOx2tiYFRIJ6q%2Fgc9wNnbKuc69qZ3ka)
一般的需求 "antd vue" 里面 "tree" 的拖拽就够用了
一只臭美的Doggg
APP上架AppStore软著是否必需?
2024年。App 上架 AppStore 需要软著吗?