喝一杯吧可以吗
React中使用@emotion/css时VSCode语法高亮和注释问题如何解决?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250121/eb4549b0d43425ee70a88a5f3f1de408.png)可以试试这个
喝一杯吧可以吗
在表格组件中超出宽度被省略的文字如何通过弹窗显示完整内容?
解决方案 Solution
可以使用开源图表组件VTable来实现这个效果。VTable可以通过配置"isShowOverflowTextTooltip",来实现hover弹出poptip显示被省略的完整文字。
代码示例 Code Example
const option: TYPES.ListTableConstructorOptions = {
records,
columns,
tooltip: {
isShowOverflowTextTooltip: true
}
};
// 创建 VTable 实例
const vtableInstance = new VTable.ListTable(
document.getElementById("container")!,
option
);
结果展示 Results
在线效果参考:"https://codesandbox.io/s/vtable-showoverflowtexttooltip-qq597m" (https://link.segmentfault.com/?enc=OgHjVQsgYeqvmk79Z8vNQg%3D%3D.IVQymuQdODspCDc%2BOhrFQRa5hTu3%2FCpZwQIn%2B6W99Pq0q%2F%2BgLKer7eoUtXrNTGGnTmHd2K%2Fo3ku4A6Ydd7Xg%2Bw%3D%3D)
"Sep-05-2023 09-57-48.gif" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250110/f05711be91d26f2cb3308926030dd8b3.png)
相关文档 Related Documentation
Tooltip
demo:"https://visactor.io/vtable/demo/component/tooltip" (https://link.segmentfault.com/?enc=0hcD%2F4EEqHZ4PJ3OKFW4CQ%3D%3D.3QWEYOyypjzFYc0mH3gRa9yiJdV3TZ%2FFvMd4HAhUmfuDgAkooh37iMhnA8Nhs7K4gZFbnpXXj1%2Fs5%2BQVXDZrfQ%3D%3D)
Tooltip
教程:"https://visactor.io/vtable/guide/components/tooltip" (https://link.segmentfault.com/?enc=HBRkc%2Bu9jx9trAau9qEH3A%3D%3D.A0KcjJyw%2B78EvW9Hk7zUYVfDjaT1umdKq3At3kk%2BEtv1g814n4oXrjouCsfJRhFCJM7s0triH0IuuaWHG%2BixVQ%3D%3D)
相关api:"https://visactor.io/vtable/option/ListTable#tooltip.isShowOve..." (https://link.segmentfault.com/?enc=dPM%2B1eEl6pOleqgx6UN%2Bsg%3D%3D.HJqJgiNIT1u3%2FMmKtPDTdlkGLb2zgUQ8u6Ez%2FsGsA0jE8LV3dtQwlSojULVgqjb6lgMqiypz%2Bbh6HOB5P778CAAP3Jaw9%2FH55vd8FDIU3QQ%3D)
github:"https://github.com/VisActor/VTable" (https://link.segmentfault.com/?enc=pOOXXNZhWYnQg5I8paNIPQ%3D%3D.2TNpihHRD1ZDOxVCDSfz4t8llZP0Bm2Bw1Y55q%2Be4KXkVw6gm%2F5Bcppde8Gq2cMe)
喝一杯吧可以吗
uniapp如何升级APP版本?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250108/0f140f7f0bbe2cd6d056c604e85ce564.png)
这个是uniapp 的版本, 2.5.5以及以上的版本才有"renderjs"
喝一杯吧可以吗
python 求组如何倒着读取window的系统日志,evtx文件?
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250107/145f9d94a944d253f1a84032d6fedcdf.png
python读取window的日志文件(.evtx)的时候,如果是正常读会读到很久之前的日志。从第一行日志往后读的话会浪费很多时间因为用最近几天的日志,想问问各位大佬如何倒着读这个文档!
喝一杯吧可以吗
推荐一个发布npm包的工具?
自己发布 npm 包(上传代码到npm仓库)的时候,需要手动输入命令,一是操作繁琐,二是不方便自动化。
想要问下有没有好的命令行工具,或者相关的库,帮助开发者简化发布 npm 包流程?
喝一杯吧可以吗
don’t have access,提示没权限或同意协议?
在使用AppUploader工具进行iOS应用程序打包时,我遇到了登录权限问题,出现错误消息,例如 "Don't have access" 或
"没有权限"。请问如何解决这个问题?"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250106/d9c5991fc2f09d3dbfdca67346804ed7.png)
喝一杯吧可以吗
mysql多结果集+覆盖索引无法满足需求的时候,有哪些优化sql的方式?什么时候会用到ES?
最初问题的背景是这样:
* 例如对某个客户的报表生成需求,需要查询该客户在特定时间范围内的账单明细
为了简化说明,下面忽略连接查询,则可能的sql如下:
select out_trade_no, payer_id, amount, status, gmt_create
from order
where merchant_id=123 and gmt_create between #{start} and #{end}
order by gmt_create desc;
那么至少会需要一个"(merchant_id, gmt_create)"这样的一个多列索引。
此时因为要查询的字段比较多,所以不可能创建一个很长的多列索引来避免回表查询。而按照我的理解,这样的sql只能在二级索引上查到一条id就回表查询一次,如果gmt_create的范围拉的比较长(比如1个月),则会出现较多的随机IO。
一个能想到的可能优化是通过增加每页可以读取的数据来提高查询效率——延迟关联,那么将sql改为如下:
select o.out_trade_no, o.payer_id, o.amount, o.status, o.gmt_create
from order as o
inner join (
select id from order
where merchant_id=123 and gmt_create between #{start} and #{end}
) as sub using(id)
order by o.gmt_create desc;
应该是可以进一步提高效率的。
不过最近我发现有些公司会直接使用ES来存储订单/明细表的数据,然后将类似这样的查询(例如报表需求)转发到es上执行,我想知道这样可以进一步提高查询效率吗?还是因为存在别的需求共同导致他们选择了es来代替这类sql查询?
喝一杯吧可以吗
向前端js大师请教一下经验?
通常web开发中,javascript是很重要的,但是对于我一个小菜来说,很多常规或开发的主流方式都不懂,求大师们给予一些指点,非常感激!!!
我能想到的问题:
1.比如一个页面中都会有很多点击事件,切换数据,比如不同类别的文章列表,下拉显示下一页或更多文章内容,这些数据是通过js在网页开始就用json保存在页面中,还是每一个事件都现从后端拉数据?或者有没什么界定规则?
2.看一些大网站中的js都是a,b,c这样的方法名,是用的什么框架写的js?或者说有没有一些主流而易学的js框架等?比如写css有sass
3.对于图片懒加载,图片(htm块)轮播等常规操作有没有好的源码推荐?
目前想到的问题,大师们有什么高招或好的建议点,请指教说明,感谢!!!
喝一杯吧可以吗
echarts 堆叠柱状图 最小值怎么放大?
barMinHeight其实生效了只不过因为它的数值是最小的所以被其他颜色的柱子遮盖住了,所以看起来没有变化。
这里可以设置y轴为log 刻度不均分就可以让数据相差过大的堆叠图也显示了
yAxis: [
{
type: 'log'
}
]
喝一杯吧可以吗
uniapp 发布APP时怎么打dev和prod包?
vue.config.js
// 判断当前环境
const isRobots = ['dev', 'prod'].includes(process.env.VUE_APP_ENV_NAME)
对应.env文件 VUE_APP_ENV_NAME = 'dev' or 'prod'
// package.json 文件
"scripts": {
"build:dev": "vue-cli-service build --mode dev",
"build:pord": "vue-cli-service build --mode pord",
},
喝一杯吧可以吗
曲线积分问题??
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241226/fc73db853ff3baf1777e1311cfbfe5c0.png)
请问大佬 这个标准答案是算错了吗?
第二步的x^2到了第三步怎么没了? 不应该是积分后 1/3 * x^3 吗?
喝一杯吧可以吗
element ui 树状表格选择父节点子节点全选。子节点不全选父节点半选?
element ui 树状表格选择父节点子节点全选,子节点不全选父节点半选? el-table没有相关示例,需要手动实现好像?"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241225/6b27eac72350a1a1031df593f45f781d.png)
喝一杯吧可以吗
前端 Promise 问题?
参考
"https://segmentfault.com/q/1010000039387146" (https://segmentfault.com/q/1010000039387146)
"https://www.zhihu.com/question/453677175" (https://link.segmentfault.com/?enc=%2Feok54EXUYDf2ZmMmDge6A%3D%3D.t%2FDkDJrpw%2Bg7JTzBcKKXEMergJwuOlUZcMESxQNQ3tPEOh93Enc6fpfJGCdQ%2BvhL)
记住"return Promise.resolve()"、 "return new Promise(resolve => { reolve() })" 与
"return new Promise(resolve => { reolve() }).then(res => {return res})"这三个返回值会卡两次
喝一杯吧可以吗
请问,element tree懒加载默认先加载4个层级,剩下的点击时加载,我应该怎么设置?
1、不用原生 lazy ,单独设置点击图标,四层以后的点击展开重写事件,进行数据更新。
2、用原生 lazy,开始时通过 updateKeyChildren 为根节点赋值前四层数据,这里可能还需要自己展开
喝一杯吧可以吗
html的video标签是如何不让用户下载视频的?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241209/61028a23efe5c7dc5e2a484647866fa8.png)
感觉可以啊,但是我没有好的工具把高清链接解析出来
喝一杯吧可以吗
toB项目页面定制化问题?
一个产品给多个甲方用,同一个功能给多个甲方定制不同的页面,代码共用一套
方案1: 菜单里面每个甲方配不同的菜单,比如甲方1环境,路径配置甲方1页面的路径,甲方2环境,配置甲方2页面路径
方案2: 页面外面包一层,用v-if判断加载不同的页面
请问哪种方式好,或者还有什么其他方法?
喝一杯吧可以吗
spring shell component 无法使用 autowired 注入?
内容没描述全,实际问题是有自动注入的类是自己通过反射进行的实例化,非spring管理,所以无法自动装配。
喝一杯吧可以吗
sequelize使用连接查询时,怎么样让结果的前缀不返回连接表的表名或别名?
代码如下:
let queryRes = await models.wb_user_chain.findAll(
{attributes: [
'id',
'companyName'
],
include: [{
model: models.wb_user_users,
attributes: ['status'],
where: {
userID: sequelize.col('companyID')
}
}],
where: {
userID: req.user.userID
},
order: [['id', 'ASC']],
raw: true});
两个表的关联关系如下:
wb_user_chain.belongsTo(wb_user_users, { foreignKey: 'companyID' });
wb_user_users.hasMany(wb_user_chain);
结果如下:
{
"code": 0,
"data": {
"companyList": [
{
"id": 2,
"companyName": "name",
"wb_user_user.status": 2
}
}
}
我并没有在任何地方设置过wb_user_users这个表的别名,但是结果里却出现了wb_user_user这个别名,我要怎么不返回status字段的前缀wb_user_user?
喝一杯吧可以吗
如果将一个类规则数据转成一个文字型描述?
// (((职位 = 1 or 职位 = 2 or 职位 = 3) or (职级 !== a) or (职级 !== b)) and ((职位 = cc)))
function rule2text(rule) {
if(rule.type === 'rule') return [rule.dimensionLabel, rule.conditionValue ,rule.inputValue].join(' ');
return '('+rule.children.map(rule2text).join(' ' + rule.conditionValue + ' ')+')'
除了括号有多余的好像没啥问题
喝一杯吧可以吗
echarts 如何让柱状图横着表示?
手动指定类目轴和数据轴,就算数据不在上方定义也会匹配
想要横着只需:
option = {
xAxis: {
type: 'value',
},
yAxis: {
type: 'category',
},
series: [
{
data: [[120, 4], [200, 50], [150, 60], [80, 30], [70, 90], [110, 60], [80, 20]],
type: 'bar'
}
]
};
喝一杯吧可以吗
通过地址栏访问服务器静态文件,文件是中文名称问题?
在服务器里某个文件夹里有许多中文名称的文件,
现在需要访问这些文件: "127.0.0.1:8080/test/周星驰.pdf",地址是举例的,test是文件夹名称
但是页面跳出404 notFound。
通过xftp登录服务器看到的文件名称是正常的中文名称,
xshell登录看到的文件名称是带问号的乱码名称,
如果是英文名称或数字名称可以正常访问。
除了将这些文件改成英文名称,
这种情况该怎么才能访问这些文件呢?有解决的方法吗?
"编辑一":
业务需求是通过"window.open('/pdf/周星驰.pdf')"访问该pdf资源,但是中文名称不行,
只能通过"window.open('/pdf/zhouxingchi.pdf')"才能访问到
喝一杯吧可以吗
如何便捷给input施加focus方法?
全局自定义指令:
// main.js
Vue.directive('focus-right', {
inserted: function (el) {
el.addEventListener('focus', function () {
const length = el.value.length;
setTimeout(() => {
el.selectionStart = length;
el.selectionEnd = length;
});
});
}
});
在组件里:
或者插件:
// focusPlugin.js
const FocusRightPlugin = {
install(Vue) {
Vue.prototype.$inputFocusRight = function (e) {
const input = e.target;
const length = input.value.length;
setTimeout(() => {
input.selectionStart = length;
input.selectionEnd = length;
});
};
}
};
// 在 main.js 里
import FocusRightPlugin from './focusPlugin';
Vue.use(FocusRightPlugin);
// 然后在组件里用
喝一杯吧可以吗
通过流媒体服务器看电影和我通过vidhub+smb看电影有什么不同?
SMB协议是应用程序级别的网络协议,主要用于共享打印机、文件访问、串行端口以及网络上的节点之间的其他通信,SMB通过对等方法发挥作用。
客户机将特定请求发送到服务器,服务器相应地做出响应。SMB 服务器使其文件系统和其他资源可供网络上的客户机使用。
vidhub是一个视频播放器,它通过SMB协议将NAS中的文件读取进来,再进行视频的解析。
流媒体服务器需要在服务器端进行部署和维护,集成了视频、音频的采集与管理,还有流媒体的推送。
常用的流媒体协议主要有HTTP渐进下载和基于RTSP/RTP的实时流媒体协议两类。在流式传输的实现方案中,一般采用HTTP/TCP来传输控制信息,而用RTP/UDP来传输实时多媒体数据。
喝一杯吧可以吗
java 单例模式中的双重检测为什么要加 volatile 关键字?
Java 实现单例模式有方法有双重检测锁,代码如下:
public class Singleton {
private static volatile Singleton singleton = null;
private Singleton(){}
public static Singleton getSingleton(){
if(singleton == null){
synchronized (Singleton.class){
if(singleton == null){
singleton = new Singleton();
}
}
}
return singleton;
}
}
我理解的 synchronized 关键字实现了可见性、原子性和有序性,临界区中的代码可以重排序,但是不能重排序到临界区外面,synchronized
实现的可见性是临界区中代码执行结束之后,里面的共享变量会刷新到主内存中,那么如果 new Singleton()
方法被拆成了三个操作,并且经过重排序之后的顺序是这样的话:
1. 分配内存
2. 将实例引用赋值给 singleton 变量
3. 实例初始化
不管这三个操作怎么重排序,另外一个线程看到的结果都是这三个操作执行完成后的结果(因为 synchronized 的原子性),那不就相当于另外一个线程访问到的
singleton 如果不为 null 的话就肯定实例化了吗?为什么还要多此一举加个 volatile 关键字禁止重排序呢?
喝一杯吧可以吗
openEuler22.03操作系统 Linux内核Kernel 5.10 应该选择哪个版本的mysql安装包下载?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241123/acccc5dbe90ad06d8b30fe90a6adc2cd.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241123/d00b383e1bd4883f46a685da8af322e5.png)
喝一杯吧可以吗
Tauri 打包程序运行时会带一个终端,该怎么处理?
再使用Tauri Rust时, 使用了 Command::new("adb"),这样我再打包后,运行打包后的应用程序会自带一个终端
我尝试过在main.rs中添加代码
#![cfg_attr(
all(not(debug_assertions), target_os = "windows"),
windows_subsystem = "windows"
)]
但是这样打包后的程序不会自带终端,但是我调用 Command::new("adb") 的时候会弹出一个终端并且执行完成后就会消失
我该怎么处理呢
***
***
根据AI的反馈,我是独立封装的一个adb方法 ,代码如下
#[tauri::command]
pub fn exec(mut command: String) -> Result {
command = command.replace("\r\n", "");
let mut child = Command::new("adb")
.arg("shell")
.arg(&command)
.stdout(Stdio::piped())
.stderr(Stdio::piped())
.spawn()
.map_err(|e| format!("Failed to execute command: {}", e))?;
let stdout = child.stdout.take().unwrap();
let stderr = child.stderr.take().unwrap();
let mut stdout_reader = io::BufReader::new(stdout);
let mut stderr_reader = io::BufReader::new(stderr);
let mut stdout_output = String::new();
stdout_reader
.read_to_string(&mut stdout_output)
.expect("error");
let mut stderr_output = String::new();
stderr_reader
.read_to_string(&mut stderr_output)
.expect("error");
let status = child.wait();
let result_str = stdout_output.clone();
println!("result_str:{}", result_str);
println!("stdout_output:{}", stdout_output);
println!("stderr_output:{}", stderr_output);
println!("{:?}", status);
if stderr_output.is_empty() {
Ok(stdout_output)
} else {
Err(stderr_output)
}
}
在其他地方我是直接调用的该方法
喝一杯吧可以吗
当site=="IBM"时,输出OK,为什么还要输出site:IBM?
相关代码
sites =["Baidu","Google","IBM","Taobao"]
for site in sites:
if site == "IBM":
print("OK")
print("site:" + site)
else:
print("No break")
print("Done!")
运行结果
site:Baidu
site:Google
OK
site:IBM
site:Taobao
No break
Done!
喝一杯吧可以吗
TypeScript 如何实现一个二选一的 interface?
TypeScript 如何约束一个 interface ,其中的两个值为2选一,
(不能都存在,也不能都不存在)
如下:
export interface MockData {
name: string;
nickName: string;
}
这个 interface 目前并不符合我的需求,我的需求是 name 或者 nickName 二选一,该如何改造?或者如何实现呢?
喝一杯吧可以吗
vite搭配react,行内样式backgroundImage的url如何用@符号?
react中,行内样式backgroundImage里的url想用@符号,该怎么写?
asdsa
我在vite.config.js中配置了alias
resolve: {
alias: {
"@": path.resolve(__dirname, "./src")
}
},
如果在css文件中,一切正常
.aa{background-image:url('@/assets/1.jpg');width:100px;height:100px;}
但是现在有个需求,需要在行内样式里写backgroundImage,但里面的url用@符号的话,并不会被解析,而是原封不动的变成字符串@
所以该怎么写,才能让@符号被解析为路径呢?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241115/49214751ea50b7747b10d024daa320e5.png)
喝一杯吧可以吗
Vue2.x代码格式化:Vetur还是直接Prettier?
vue2.x 代码格式化应该用什么更好,vetur 还是 prettier?
如图
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241115/8074d57c954ea2c89745c60eb8887767.png)
我知道 vetur 里格式化也可以配置 prettier 相关
但是用 vutur 更好呢?还是直接使用 prettier
找过一些相关文章,感觉两种说法都有
喝一杯吧可以吗
lint-staged如何撤销暂存区的文件到工作区?
"scripts": {
"precommit": "lint-staged --bail && git add . || git restore --staged .",
"lint-staged": "lint-staged"
}
喝一杯吧可以吗
前端调用后台接口上传文件获取进度的最佳实践?
想过去到进度基本都是分片上传,如果是对接到oss,那是否有前端的oss的sdk,前端传完然后把文件地址给后端存储不就行了?
喝一杯吧可以吗
小程序怎么唤起自己的原生能力?
第一次开发小程序,这个原生能力怎么调用
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241110/f4fa7927861863e77f5ccb505fe6e63f.png)
获取
onChooseAvatar(e) {
console.log(e, 'e')
},
报错
[渲染层错误] [Component] : chooseAvatar:fail api scope is not declared in
the privacy agreement(env: macOS,mp,1.06.2311142; lib: 3.2.0)
想要一个demo
喝一杯吧可以吗
为啥两个type不一样?
为啥两个type不一样https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241109/0504d4edd041f08a001125635aa5a008.png
喝一杯吧可以吗
请问有一个数组props,在react组件传递的时候会变为对象,请问如何接受为数组?
请问下,比如有一个数组的props如下:
const propsOfTabsWithDetailProps: TabsWithDetailProps = [
{
label:"label1",
children: sds,
key: '1',
breadcrumbs: ['001', '001-01', '001-01-01'],
content: 'aaa'
},
{
label:"label2",
children: sds,
key: '2',
breadcrumbs: ['002', '002-01', '002-01-01'],
content: 'bbb'
}
]
在传递的时候:
***
但是当我在组件中接受的时候打印:
function TabsWithDetail(props: TabsWithDetailProps) {
useEffect(()=> {
console.log(props)
}, [])
...
结果变成了一个对象:
{0: {…}, 1: {…}}
***
请问,如何才能接受数组props呢?
喝一杯吧可以吗
python f""格式化字符串的时候报错too deeply 请问如何解决?
python f""格式化字符串的时候报错
f-string: expressions nested too deeply
tmp = "黄昏"
s1 = f'{"music.search.SearchCgiService": {"method": "DoSearchForQQMusicDesktop","module": "music.search.SearchCgiService","param": {"num_per_page": 40,"page_num": 1,"query": {tmp},"search_type": 0}}}'
喝一杯吧可以吗
react reducer中如何异步更新数据?
const MyComponent = () => {
const [state, dispatch] = useReducer(passengerReducer, initData);
useEffect(() => {
const fetchData = async () => {
const name = await fetchName();
dispatch({ type: actionType.updateData, payload: { name } });
};
fetchData();
}, []);
// 组件其他部分
};
喝一杯吧可以吗
用ffmpeg怎么把25个小视频组合成一个大视频?
新建一个filelist.txt:
file '1.mp4'
file '2.mp4'
file '3.mp4'
...
file '25.mp4'
用这个 FFmpeg 命令:
ffmpeg -i input1.mp4 -i input2.mp4 -i input3.mp4 -i input4.mp4 -i input5.mp4 -i input6.mp4 -i input7.mp4 -i input8.mp4 -i input9.mp4 -i input10.mp4 -i input11.mp4 -i input12.mp4 -i input13.mp4 -i input14.mp4 -i input15.mp4 -i input16.mp4 -i input17.mp4 -i input18.mp4 -i input19.mp4 -i input20.mp4 -i input21.mp4 -i input22.mp4 -i input23.mp4 -i input24.mp4 -i input25.mp4 -filter_complex "[0:v][1:v][2:v][3:v][4:v][5:v][6:v][7:v][8:v][9:v][10:v][11:v][12:v][13:v][14:v][15:v][16:v][17:v][18:v][19:v][20:v][21:v][22:v][23:v][24:v]xstack=inputs=25:layout=0_0|w0_0|w0+w1_0|w0+w1+w2_0|w0+w1+w2+w3_0|0_h0|w0_h0|w0+w1_h0|w0+w1+w2_h0|w0+w1+w2+w3_h0|0_h0+h5|w0_h0+h5|w0+w1_h0+h5|w0+w1+w2_h0+h5|w0+w1+w2+w3_h0+h5|0_h0+h5+h10|w0_h0+h5+h10|w0+w1_h0+h5+h10|w0+w1+w2_h0+h5+h10|w0+w1+w2+w3_h0+h5+h10|0_h0+h5+h10+h15|w0_h0+h5+h10+h15|w0+w1_h0+h5+h10+h15|w0+w1+w2_h0+h5+h10+h15|w0+w1+w2+w3_h0+h5+h10+h15[v]" -map "[v]" output.mp4
喝一杯吧可以吗
如何在 Vue 中实现 Excel 格式的输入与显示?
可以将input 封装起来,将 v-model 绑定的值换成 computed 里面的一个变量,通过get去改变显示内容。
...
v-model="inputVal"
...
props: ['value'],
computed: {
inputVal: {
get() {
// @todo 这里做修改
return this.value
},
set(val) {
this.$emit('input', val)
},
},
}
喝一杯吧可以吗
composer update执行出来w7corp/easywechat[6.12.0, ..., 6.13.1] require ext-sodium * -> ?
执行 :composer update出现下面的问题。
w7corp/easywechat
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241026/b5721dae769318480a6035ab87dfc1f3.png)
Problem 1
- w7corp/easywechat[6.12.0, ..., 6.13.1] require ext-sodium * -> it is missing from your system. Install or enable PHP's sodium extension.
- Root composer.json requires w7corp/easywechat ^6.12 -> satisfiable by w7corp/easywechat[6.12.0, ..., 6.13.1].
喝一杯吧可以吗
请问如何制作一个H5网站,让别人分享,并且能按照URL的参数区分是谁分享,多少个微信或是IP查看访问、访问多久?
你可以通过百度统计,进行这个数据分析,应该能满足你的需求,"https://tongji.baidu.com/" (https://link.segmentfault.com/?enc=O7u5VUxopar6jHwVVQdbXw%3D%3D.EZ%2BGi%2FH2OsPZZkPCbdpaB1YgE52mO1Y8gY2WOOIBx%2Bk%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/2c4805efdc66bc3133a1d2e8934aacea.png)
喝一杯吧可以吗
js拓扑图怎么画?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/2c286a86700a0aca42cbbbee41972d39.png)
请问这种拓扑图如何画呢?纯css好实现吗?
喝一杯吧可以吗
typescript 如何定义一个字段可能是多种类型的一种?
试一下这样
interface IText{}
interface IImage{}
interface IFile{}
type AllTypes = IText | IImage| IFile
interface Message{
id:string;
payload:AllTypes
}
是不是你安装的TS有问题,或者是别的什么问题,我在官方在线编辑器里面也没报错
"传送门" (https://link.segmentfault.com/?enc=57ZD0TJSJsQzZN72A8%2F6kg%3D%3D.C2oZTq0gij2eUHMBvIcfW3sPZlcaJbaWdo388xdNTEILzEJwbulRxgHfKeURLDooueKipdVZv3hit5nw7UEB7JbnvlFq9MAXI3mAlXcodusWKWnTHdjiRIqla3SHWa40Ftf9B4ZbDxB30J0Taqd5kDfJ9qiJoXNP97epjKEVLGt3jgaNgl5URJ83p1CMEXLB%2FNcsUI%2FR6lG96znh0kyHbVyPrcv9dkRL7%2FrIAaJejnCDHlJpbtUc9CxdmjdYa0XfzcMssW8%2BvWfN0YJL3MxJAGIxCKsJ0LSGZnR8sDWBmWSdqD7uBubWTri%2FqwLpagG7eTbc9su7qBFY6nXfEvb59TT7VuakFQ94kYDVnXv5ytgV0WxPM1eiJpzOUQ7SbEuvUgKSelFS6%2Bb6DcBJkC8UH8R1Mvp%2FT2VQBH7Kli1eFHjgyF0g%2F7BGnoVt0aLlqbU%2Bl5Y%2FZN3wQj5JwiV8P%2FXjd4wT0CGr5O1ihhzDoRvnH81tN9wFsZaHeUheLO%2BPf85Se%2BxcwMMMckA8tjgiPjcqpY%2FAUcEBPXQlajU64KKfZcPB0TDm%2F1ZKVor9vxAMchhfdgJc%2FQaFYMMEMjXEcuVvwN6dpytPVsR8MHurrbX6ePYZcqmpG1rYtWkeucKRMZ587Mx3c2x0dFLOWLsNlPAQUI%2FkSIMAz0Upye9gI%2FKtrTRFOWzdCte1LX77SM2mL2SBDeQd0QKjHM8qtBlpW1TeeFTRV7kPijM3oJfu9rM8bQfCAG53utosZyogT7szs63jgBfIVkfejCGF%2BKtQS06RCjonx%2FMW3RClwIFIRGi5wMX42ntjYLRRc6FJn7NeC0Zf6az%2Fho8s%2BkKruTrJq8NiYaoQUucQ00gnahAGc9SehxGifrgGrXqU%2BVTlELEQc7C%2Fn%2Bhomg9vQ2pEGtEczoSl8EIbHPBajom%2BWuwElLAlEEqdFe0GU7gTmNg09WypPPPJKnbHkaS1uuO0Dz5TJkCU5pJYrsFKjHIb5gXAxXO8QOo6Cuw27jBByWaaRbayAwxp6a1Huyvm4tkaCjP%2FEdaT3dc5g6Qpzj34cSIRSCHlsdlXQQfC57kdXq1pDrxEZAHJXh%2BdMf8xmOEAxkF8bO6X4rU3RBYnLswnJsIMaOndsb3kk7SSjE0qXU0MrA8dKKcsexUNuboFIw1nS4LxyaA5jDRAqLhcBymeZVZ1HDX3lodM0pUqtUt1wQ5247Dk7zqMvIm%2BTYDpmX0J7Q5DKNQo0A%3D%3D)
喝一杯吧可以吗
如何使执行build:ceshi打出的包与执行build:production, 打出的包一致?
"package.json"设置
"build:ceshi": "vue-cli-service build --mode ceshi",
"build:preview": "vue-cli-service build --mode preview",
"build:production": "vue-cli-service build --mode production",
"build:stage": "vue-cli-service build --mode staging",
"vue.config.js"配置:
config
.when(process.env.VUE_APP_ENVIRONMENT !== 'dev',
config => {
config
.optimization.splitChunks({
chunks: 'all',
maxInitialRequests: Infinity, // 默认为3,调整为允许无限入口资源
minSize: 20000,
cacheGroups: {
libs: {
name: 'chunk-libs',
test: /[\\/]node_modules[\\/]/,
priority: 10,
chunks: 'initial' // only package third parties that are initially dependent
},
elementUI: {
name: 'chunk-elementUI', // split elementUI into a single package
priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
test: /[\\/]node_modules[\\/]_?xqh-element(.*)/ // in order to adapt to cnpm
},
commons: {
name: 'chunk-commons',
test: path.resolve(__dirname, 'src/components'),
minChunks: 3, // minimum common number
priority: 5,
reuseExistingChunk: true
},
vendors: {
// 拆分依赖,避免单文件过大拖慢页面展示
// 得益于HTTP2多路复用,不用太担心资源请求太多的问题
name (module) {
// 拆包
const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1]
// 进一步将Ant组件拆分出来,请根据情况来
// const packageName = module.context.match(/[\\/]node_modules[\\/](?:ant-design-vue[\\/]es[\\/])?(.*?)([\\/]|$)/)[1]
return `npm.${packageName.replace('@', '')}` // 部分服务器不允许URL带@
},
test: /[\\/]node_modules[\\/]/,
priority: 10,
chunks: 'initial'
}
}
})
config.optimization.runtimeChunk('single')
config.optimization.minimizer = [
new UglifyJsPlugin({
uglifyOptions: {
// 删除注释
output: {
comments: false
},
// 删除console debugger 删除警告
compress: {
drop_console: true, //console
drop_debugger: false,
pure_funcs: ['console.log'] //移除console
}
}
})
]
}
)
奇怪的是当执行"build:ceshi", 打出的包是这样的:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/4e95e55c7bb2792fe0586dd27e9b1c42.png)
当执行"build:production", 打出的包是这样的, 分包更小:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/fde459955039ff8a2de712179147e552.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/0e0668211c82e36a67963ab76b30665a.png)
".env"文件内容都是一样的
为什么会这样呢, 如何使执行"build:ceshi"打出的包与执行"build:production", 打出的包一致?
".env.ceshi"里面添加"NODE_ENV = production"就可以了, 只是不明白为什么, 希望大佬不吝赐教
喝一杯吧可以吗
在contenteditable="true"的编辑框内使用shift+enter换行之后,结构混乱 怎么解决?
试了一下,这样可以
function keyDown (event) {
if (event.shiftKey && event.keyCode === 13) {
event.preventDefault();
document.execCommand('insertParagraph');
return false;
}
document.execCommand('formatblock', false, '');
}
«仅在 Chrome 120.0.6099.201 (Official Build) (64-bit) (cohort: Control) 中进行测试。»
喝一杯吧可以吗
IDEA创建Java项目时src板块丢失?
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/8b2d76973caf4fa802c24ea8d4fe90c2.png
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/007c863ff67d1a7c0ef4eccaf4a0efe2.png
喝一杯吧可以吗
div 之间链接跳转操作错误是怎么回事?
没尝试你的 demo,看代码似乎应该是要做选项卡类型的一些效果。
不知道是不是这样的呢。
"http://lab.tianyizone.com/animation%20vs%20transition/animati..." (https://link.segmentfault.com/?enc=t%2FDJ0aIwUjW9Ez2tCSbggA%3D%3D.givBUZO5wROAFbuETd5YcfOIA1JKdnDwhgIDm12eVmhQX1c0uf1mCbrCItaIAs0HNuEaQ3SBtheJtRUyp2EBefPm8ljDSUzI40Nubja2%2Bqk%3D)
"http://lab.tianyizone.com/animation%20vs%20transition/transit..." (https://link.segmentfault.com/?enc=cQ3aJu5syhGamKtV%2BYHPhA%3D%3D.ven5xZd6uXptgUtMUBSGByIowGEcrzVj3sPFI%2FQ0DjlzBBJnNcDMlMPmBXxqj6z7%2FPERebl3N5oa%2FpImyXzkKtKHtzJLeMvsjiSC6zApeC0%3D)
喝一杯吧可以吗
如何从ElementUI表格的scope.row中获取嵌套数据?
没太看懂,是不是要取endTime的值啊,你的endTime是在bidBidding这个对象下,可以使用scope.row.bidBidding.endTime,不知道我理解的对不对
为什么不行呢?
效果图:
"1707210276596.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/d8d7a4a42563b9f94c9701c3e152fe2d.png)
html结构
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/936af201e84ab5fc17835cf6ef5a124b.png)
data数据
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/bcd675ebfbc85931609b7349459c08c5.png)
喝一杯吧可以吗
gitlab迁移到docker同时恢复备份失败应该如何解决?
最近公司要把在云服务器的代码仓库迁移到内网
云服务器的gitlab是直接运行的,在内网要求使用docker部署,两边的版本都是gitlab ce 16.6.2
首先:我在云服务器通过命令生成 了备份压缩包:
gitlab-rake gitlab:backup:create
接着把压缩包下载到内网服务器,使用docker-compose运行gitlab。
docker-compose.yml
version: '3'
services:
gitlab:
container_name: gitlab
image: gitlab/gitlab-ce:16.6.2-ce.0
restart: always
ports:
- "80:80"
environment:
- TZ=Asia/Shanghai
volumes:
- /data/gitlab/config:/etc/gitlab
- /data/gitlab/logs:/var/log/gitlab
- /data/gitlab/data:/var/opt/gitlab
networks:
- gitlab_network
networks:
gitlab_network:
driver: bridge
容器成功启动,并且可以正常访问
复制 gitlab-secrets.json和gitlab.rb文件到/data/gitlab/config,重启容器生效
然后复制备份文件压缩包1706197160_2024_01_25_16.6.2_gitlab_backup.tar到/data/gitlab/data/backups
进入容器查看git用户的uid,之后给压缩包赋所有权到git用户
之后执行
gitlab-rake gitlab:backup:restore BACKUP=1706197160_2024_01_25_16.6.2
提示如下:
2024-01-26 11:58:25 UTC -- Unpacking backup ...
tar: Skipping to next header
tar: Skipping to next header
tar: Skipping to next header
tar: A lone zero block at 6596142
tar: Exiting with failure status due to previous errors
2024-01-26 11:58:29 UTC -- Unpacking backup failed
2024-01-26 11:58:29 UTC -- Deleting backup and restore PID file ... done
查看/data/gitlab/logs/gitlab-rails下面的backup_json.log:
{"severity":"INFO","time":"2024-01-26T11:58:25.470Z","correlation_id":null,"message":"Unpacking backup ... "}
{"severity":"INFO","time":"2024-01-26T11:58:29.994Z","correlation_id":null,"message":"Unpacking backup failed"}
我不知道从哪里可以获取更多更详细的错误信息,请告诉我一下,我去获取更详细的错误信息。或者有遇见过相同问题的可以麻烦解答一下,感谢
喝一杯吧可以吗
unocss能否直接使用css变量?
可以在 unocss 的配置文件里进行 theme color 配置,然后就可以随意组合使用了
theme: {
colors: {
'info': '#bfbfbf', // class="text-info"
'content': {
'primary': 'fe003b', // class="text-content-primary"
},
},
}
如果需要直接使用 css 变量的话可以直接写成 "class="text-[--red-color]"" 或者 "class="text-$red-color""