你可以的拿捏了
折线图有多条线,如何设置右侧坐标轴,期望其中某条线是根据右侧坐标轴绘制?
折线图有多条线, 如何让其中跟随在左轴, 其中一些跟随右轴?
你可以的拿捏了
css实现左上角缺口的圆环?
实现带缺口的圆环
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250110/322b2f19dad800671b8da5c2fde4eff2.png)
你可以的拿捏了
如何给图例(legend)添加提示信息?
如下图所示,图例的文本被省略了,我想要给他们添加提示信息,显示完整的文本,请问要如何操作?
"图片" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250108/941b807184fb31e106a21d63ace8ff30.png)
你可以的拿捏了
vue2项目模板里为什么不能写?.可选链符?
原因是因为它是 ECMAScript 2020 (ES2020) 中的一个新特性 Vue 2 的模板解析引擎并不支持这个语法,
可以用"Babel"进行编译
你可以的拿捏了
html 标签 高出4px,可能的原因是什么?
"vertical-align: top" 也行
本质来讲就是行内对齐,一个块和空格就是这几像素
变成 block,修改 font-size ,或者 flex 挺多办法都能解决
你可以的拿捏了
如何给el-tab的el-tab-pane的label添加未读消息红点?
"Image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250106/a20b3f52bfed3e7e877f586153397922.png)
如图,如何给el-tab的el-tab-pane的label添加未读消息红点或者是未读消息的数量。
你可以的拿捏了
在thinkphp6中使用leftJoin时,怎么使用REPLACE?
entry_in表里面的workID字段是这样的“JP20230801”,在work表里面的workID是20230801,
看了下thinkphp6的手册,发现join方法不支持闭包查询。
这样的话,使用join的时候,怎么把JP去掉?
$res->leftJoin('work', 'work.workID = REPLACE(entry_in.workID, "JP", "entry_in.workID")')->where('work.customer_id',$customer_id);
这样会报错
你可以的拿捏了
面积图x轴如何隔几个点显示刻度?
解决方案 Solution
不同图表库的解决方案不一样,根据你给的demo,在VChart中只需要开启轴采样就可以避免坐标轴文字遮挡的问题。
* "sampling" 是否开启轴数据采样,默认开启。轴采样开启之后,会对轴数据进行采样显示,防止轴数据的重叠。
如果你还想自定义轴标签之间的间距,通过配置 "label.minGap" 可以控制轴标签之间的间距。
* 通过"minGap"可以自定义标签之间的最小间距(单位为像素)。仅当轴采样开始时生效("sampling: true")。 该配置会影响轴采样的结果。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/da669f92e505d6fc46acb351b713599e.png)
代码示例 Code Example
代码参考 Code Example
const spec = {
type: 'area',
data: {
values: [
{ month: '1980-05', vacancies: 36.7 },
{ month: '1980-08', vacancies: 37.5 },
{ month: '1980-11', vacancies: 38.7 },
{ month: '1981-02', vacancies: 37.4 },
{ month: '1981-05', vacancies: 44 },
{ month: '1981-08', vacancies: 44.5 },
{ month: '1981-11', vacancies: 41.7 },
{ month: '1982-02', vacancies: 37.3 },
{ month: '1982-05', vacancies: 30.3 },
{ month: '1982-08', vacancies: 26.8 },
{ month: '1982-11', vacancies: 30.3 },
{ month: '1983-02', vacancies: 29.7 },
{ month: '1983-05', vacancies: 32.4 },
{ month: '1983-08', vacancies: 33.6 },
{ month: '1983-11', vacancies: 36.3 },
{ month: '1984-02', vacancies: 44.6 },
{ month: '1984-05', vacancies: 40.3 },
{ month: '1984-08', vacancies: 48.5 },
{ month: '1984-11', vacancies: 49.8 },
{ month: '1985-02', vacancies: 60.4 },
{ month: '1985-05', vacancies: 68.6 },
{ month: '1985-08', vacancies: 67.2 },
{ month: '1985-11', vacancies: 66.2 },
{ month: '1986-02', vacancies: 64.8 },
{ month: '1986-05', vacancies: 66.1 },
{ month: '1986-08', vacancies: 61.1 },
{ month: '1986-11', vacancies: 66.3 },
{ month: '1987-02', vacancies: 69.5 },
{ month: '1987-05', vacancies: 66.9 },
{ month: '1987-08', vacancies: 70.1 },
{ month: '1987-11', vacancies: 66.9 },
{ month: '1988-02', vacancies: 70.2 },
{ month: '1988-05', vacancies: 74.4 },
{ month: '1988-08', vacancies: 80.8 },
{ month: '1988-11', vacancies: 85.1 },
{ month: '1989-02', vacancies: 84.7 },
{ month: '1989-05', vacancies: 93.7 },
{ month: '1989-08', vacancies: 76.6 },
{ month: '1989-11', vacancies: 79.2 },
{ month: '1990-02', vacancies: 71.9 },
{ month: '1990-05', vacancies: 64 },
{ month: '1990-08', vacancies: 56.7 },
{ month: '1990-11', vacancies: 41.6 },
{ month: '1991-02', vacancies: 33.8 },
{ month: '1991-05', vacancies: 31.6 },
{ month: '1991-08', vacancies: 29.8 },
{ month: '1991-11', vacancies: 30.9 },
{ month: '1992-02', vacancies: 33.3 },
{ month: '1992-05', vacancies: 31.9 },
{ month: '1992-08', vacancies: 33 },
{ month: '1992-11', vacancies: 36.9 },
{ month: '1993-02', vacancies: 37 },
{ month: '1993-05', vacancies: 42 },
{ month: '1993-08', vacancies: 46.2 },
{ month: '1993-11', vacancies: 48.5 },
{ month: '1994-02', vacancies: 57.6 },
{ month: '1994-05', vacancies: 69.5 },
{ month: '1994-08', vacancies: 82.2 },
{ month: '1994-11', vacancies: 85.6 },
{ month: '1995-02', vacancies: 72.7 },
{ month: '1995-05', vacancies: 77.3 },
{ month: '1995-08', vacancies: 74.6 },
{ month: '1995-11', vacancies: 72.5 },
{ month: '1996-02', vacancies: 81 },
{ month: '1996-05', vacancies: 76.7 },
{ month: '1996-08', vacancies: 77.5 },
{ month: '1996-11', vacancies: 82.5 },
{ month: '1997-02', vacancies: 81.3 },
{ month: '1997-05', vacancies: 82.8 },
{ month: '1997-08', vacancies: 84.9 },
{ month: '1997-11', vacancies: 90.4 },
{ month: '1998-02', vacancies: 98.3 },
{ month: '1998-05', vacancies: 104 },
{ month: '1998-08', vacancies: 89.8 },
{ month: '1998-11', vacancies: 102 },
{ month: '1999-02', vacancies: 87.2 },
{ month: '1999-05', vacancies: 100.2 },
{ month: '1999-08', vacancies: 106.9 },
{ month: '1999-11', vacancies: 109.6 },
{ month: '2000-02', vacancies: 118.1 },
{ month: '2000-05', vacancies: 115.9 },
{ month: '2000-08', vacancies: 114.4 },
{ month: '2000-11', vacancies: 114.8 },
{ month: '2001-02', vacancies: 99.7 },
{ month: '2001-05', vacancies: 94 },
{ month: '2001-08', vacancies: 90.2 },
{ month: '2001-11', vacancies: 88.5 },
{ month: '2002-02', vacancies: 90.5 },
{ month: '2002-05', vacancies: 96.2 },
{ month: '2002-08', vacancies: 103 },
{ month: '2002-11', vacancies: 97.6 },
{ month: '2003-02', vacancies: 109.7 },
{ month: '2003-05', vacancies: 104.6 },
{ month: '2003-08', vacancies: 104.1 },
{ month: '2003-11', vacancies: 107.5 },
{ month: '2004-02', vacancies: 103.8 },
{ month: '2004-05', vacancies: 127.1 },
{ month: '2004-08', vacancies: 124.6 },
{ month: '2004-11', vacancies: 139.2 },
{ month: '2005-02', vacancies: 146.2 },
{ month: '2005-05', vacancies: 140.9 },
{ month: '2005-08', vacancies: 139 },
{ month: '2005-11', vacancies: 134.1 },
{ month: '2006-02', vacancies: 144.3 },
{ month: '2006-05', vacancies: 154.1 },
{ month: '2006-08', vacancies: 154.9 },
{ month: '2006-11', vacancies: 162.1 },
{ month: '2007-02', vacancies: 160.8 },
{ month: '2007-05', vacancies: 168.6 },
{ month: '2007-08', vacancies: 173.3 },
{ month: '2007-11', vacancies: 183.3 },
{ month: '2008-02', vacancies: 178.2 },
{ month: '2008-05', vacancies: 184.5 },
{ month: '2008-08', vacancies: null },
{ month: '2008-11', vacancies: null },
{ month: '2009-02', vacancies: null },
{ month: '2009-05', vacancies: null },
{ month: '2009-08', vacancies: null },
{ month: '2009-11', vacancies: 148.9 },
{ month: '2010-02', vacancies: 168.4 },
{ month: '2010-05', vacancies: 170.3 },
{ month: '2010-08', vacancies: 178.6 },
{ month: '2010-11', vacancies: 191.1 },
{ month: '2011-02', vacancies: 189.4 },
{ month: '2011-05', vacancies: 187.3 },
{ month: '2011-08', vacancies: 183.4 },
{ month: '2011-11', vacancies: 179.3 },
{ month: '2012-02', vacancies: 181.8 },
{ month: '2012-05', vacancies: 178.1 },
{ month: '2012-08', vacancies: 175.3 },
{ month: '2012-11', vacancies: 164.8 },
{ month: '2013-02', vacancies: 149.8 },
{ month: '2013-05', vacancies: 143.5 },
{ month: '2013-08', vacancies: 140.6 },
{ month: '2013-11', vacancies: 138.9 },
{ month: '2014-02', vacancies: 143.2 },
{ month: '2014-05', vacancies: 147.4 },
{ month: '2014-08', vacancies: 146.6 },
{ month: '2014-11', vacancies: 149.7 },
{ month: '2015-02', vacancies: 151.9 },
{ month: '2015-05', vacancies: 157.7 },
{ month: '2015-08', vacancies: 161.7 },
{ month: '2015-11', vacancies: 167.4 },
{ month: '2016-02', vacancies: 172.2 },
{ month: '2016-05', vacancies: 171.1 },
{ month: '2016-08', vacancies: 177.5 },
{ month: '2016-11', vacancies: 182.3 },
{ month: '2017-02', vacancies: 185 },
{ month: '2017-05', vacancies: 185.6 },
{ month: '2017-08', vacancies: 200.9 },
{ month: '2017-11', vacancies: 204.4 },
{ month: '2018-02', vacancies: 212.8 },
{ month: '2018-05', vacancies: 223.8 },
{ month: '2018-08', vacancies: 228.7 },
{ month: '2018-11', vacancies: 230.2 },
{ month: '2019-02', vacancies: 232.4 },
{ month: '2019-05', vacancies: 228.1 },
{ month: '2019-08', vacancies: 224.3 },
{ month: '2019-11', vacancies: 226.7 },
{ month: '2020-02', vacancies: 227.4 },
{ month: '2020-05', vacancies: 129.2 },
{ month: '2020-08', vacancies: 206.3 },
{ month: '2020-11', vacancies: 254.1 },
{ month: '2021-02', vacancies: 288 },
{ month: '2021-05', vacancies: 370.2 },
{ month: '2021-08', vacancies: 333.9 },
{ month: '2021-11', vacancies: 397.2 },
{ month: '2022-02', vacancies: 421.9 },
{ month: '2022-05', vacancies: 480.1 }
]
},
xField: 'month',
yField: 'vacancies',
invalidType: 'break',
point: {
visible: false
},
title: {
text: 'Job vacancies, seasonally adjusted',
subtext: 'Source: Australian Bureau of Statistics, 30 June 2022'
},
axes: [
{
orient: 'left',
title: {
visible: true,
text: 'thousands'
}
},
{
orient: 'bottom',
sampling: true,
label:{
minGap: 100
}
}
]
};
结果展示 Results
在线效果参考:"https://codesandbox.io/s/scales-at-several-points-on-the-x-ax..." (https://link.segmentfault.com/?enc=5fMyZkCagjObv%2B%2FAXhaNqw%3D%3D.4E6Nb0ZS8US48AnHKLu0kHaD9ghTWY8uiwdStFP4bCKeScSDa3VlsPD4KpbmalkCE9UZNWezHxV5QMl3ZSnBVRdyVYn3Vuf3wGv%2FmhGSwko%3D)
Online demo:"https://codesandbox.io/s/scales-at-several-points-on-the-x-ax..." (https://link.segmentfault.com/?enc=Pjf7qdtk6vsfjDI%2BuTw44g%3D%3D.14Lxjzbwv849SmZsOG9XPWNTRqTJnQhL423HfjcGyaHDdcWqaTGi2kA73xkrgWs6kswFmzvmwMKeXr3ukBVl9Vr9mrcSyJNtBFgIQ6gigpw%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/ca4bc583c2d994141da2ffee402c019a.png)
相关文档 Related Documentation
存在空值的面积图demo:"https://www.visactor.io/vchart/demo/area-chart/null-value-area" (https://link.segmentfault.com/?enc=o9xfKal6eWDCT9%2FQll2GIg%3D%3D.Z5CmmE70Oqe31E5JYi3P0Erhm8NZREdOC0Q5%2FlO4aFXeK%2BHyGqyysreEumkrulsHrTUtyeNlPrAXhJvkxHBlyA%3D%3D)
面积图教程:"https://www.visactor.io/vchart/guide/tutorial_docs/Chart_Type..." (https://link.segmentfault.com/?enc=KiVA%2B2LVDkcR0RkMGpt4Ww%3D%3D.dchj%2BFT3ip4TCBPKSQ7MEuQg4uD7SZSmKMOAaKH6fsgzOowiyxnn4%2FFL6IO5N0AhNbJt3JEDVKKRuTdxJMd%2FDmWwliYLXTTtCyRqg9sz8aY%3D)
相关api:"https://www.visactor.io/vchart/option/areaChart#axes-band.sam..." (https://link.segmentfault.com/?enc=0mukMx1GiYxzC%2BemFhq8Gw%3D%3D.vfMke5RyvZRaheOCXUAJVsfzVO6zIIQRypzQi4ckXs7jFsC3l33T75L%2Bb7ApumZyQuvD1XRidBPvFCKY7J1d0M6TbvPDrrU0jphes%2Fm8bQ4%3D)
github:"https://github.com/VisActor/VChart" (https://link.segmentfault.com/?enc=3HHDdgUTVPaOFveP7qul5g%3D%3D.sG3Xr7BvvEzVj3DQ%2BKMN7jXP9GAQeLiRZQw8yc4%2BBfWewFkN%2FN1niBvjUTmMR33%2B)
你可以的拿捏了
SQLAlchmey调用存储过程获取出参报错ORA-00936: missing expression,该如何解决?
Oracle存储过程代码如下:
create procedure test_procedure(
id_in in number,
del_num out number
) as
begin
select count(*) into del_num from test t where t.id = id_in ;
delete from test t where t.id = id_in ;
commit;
end;
/
python调用代码如下:
from sqlalchemy import create_engine , text
from sqlalchemy.orm import sessionmaker
from configs import url
# 创建数据库连接
engine = create_engine(url)
# 创建会话
Session = sessionmaker(bind=engine)
session = Session()
# 调用存储过程
result = session.execute(text("CALL test_procedure(:param1, @out_param)"),
{'param1': 3})
# 获取输出参数的值
out_param_value = session.execute("SELECT @out_param").scalar()
# 打印输出参数的值
print(out_param_value)
执行python报错信息:
DatabaseError: (cx_Oracle.DatabaseError) ORA-00936: missing expression
咨询了GPT给了如下的代码:
from sqlalchemy import create_engine
from sqlalchemy.orm import sessionmaker
from sqlalchemy import outparam
from configs import url
# 创建数据库连接
engine = create_engine(url)
# 创建会话
Session = sessionmaker(bind=engine)
session = Session()
# 调用存储过程
result = session.execute("BEGIN test_procedure(:alarmid, :del_num); END;",
{'alarmid': 123, 'del_num': outparam.Parameter(int)})
# 获取输出参数的值
out_param_value = result.fetchone()['del_num']
# 打印输出参数的值
print(out_param_value)
结果报错:
AttributeError: 'function' object has no attribute 'Parameter'
所以究竟怎么才能通过SQLAlchmey调用存储过程正常获取出参呢?
你可以的拿捏了
前端上线地址跨域?
前端代理和后端配置跨域只是两种解决不同阶段跨域问题的方法。你在开发阶段,用前端代理方便又快速。在生产环境,后端配置跨域是更稳定和更安全的方法。不冲突,阶段不同而已,意义就再开发阶段方便
你可以的拿捏了
有没有人知道WIN11桌面图片版权问题?
1. 是侵权
2. 会不会被告不好说
3. 有很多免费图片可以用,比如 unsplash.com
你可以的拿捏了
jmeter 用命令行执行的请求数量大于配置的请求数量?
如图, 我就配置了一个请求 = 线程数 * 循环次数
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241218/4711715a55812d9f5834c173f5a58d5f.png)
但是, 如下图, 我用命令行执行时, 已经发了一千多个请求了还没有结束, 这个一般是什么问题呢?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241218/40d5767eac72f01284a9f56e81c6c24c.png)
真实问题, 请不要用 ai 回答
你可以的拿捏了
vue2项目启动报错?
如下图:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241217/b3c11f9fac2b91459575105e52126d10.png)
你可以的拿捏了
yarn 3.5版本执行yarn list lodash报错?
yarn 3.x 上现在已经没有 list 这个子命令了。 在 1.x 版本上是有 list 这个命令的。
你可以的拿捏了
css有没有办法实现斑马线的边框样式?
"002808v7huuiojei7hvz6f.jpg" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241208/7d9f291321839c0fcb88618b9ef26077.png)
如上图,实际是由多个斑马线的圆圈组成,我只想问下有没有办法实现倾斜的斑马线间隔圆环?
你可以的拿捏了
vue2 在子组件监听父组件的值value变化,对子组件监听父组件传来的value,之后做更新操作,会导致父组件的requestAnimationFrame的循环更新value值卡顿,这是什么问题?
控制一下更新频率:
"parent.slidervalue": {
handler: _.throttle(function(newVal, oldVal) {
try {
let getchart = echarts.getInstanceByDom(
document.getElementById("charts" + this.index)
);
if (this.parent.isPause && getchart && this.signalName.length !== 0) {
const findIndex = this.findIndexDep(
this.parent.eventData[0].value,
String(newVal)
);
const xValue = this.dateTimes[findIndex];
let newOption = _.chain(this.defOption)
.set("xAxis[0].axisPointer.value", xValue)
.value();
getchart.setOption(newOption);
this.sendvalue(newVal, this.parent.eventData[0].value);
}
} catch (error) {
console.error("Error in handler: ", error);
}
}, 100),
}
你可以的拿捏了
React 的 reduxjs/toolkit 在 typescript 报错的原因?
需要使用插件自己的数据类型 "PayloadAction"
import { createSlice, PayloadAction } from '@reduxjs/toolkit'
const ErrorSlice = createSlice({
name: 'error',
initialState: "",
reducers: {
Publish: (_, action: PayloadAction) => action.payload,
Consume: () => "",
}
})
* 参考:"https://redux.js.org/usage/usage-with-typescript#standard-red..." (https://link.segmentfault.com/?enc=E705%2B7lE3FA32gpvHllBpA%3D%3D.TAScsfEOEmRoqEpaEvLtDUbfj6FNgjFHgWm3UusvMjQXoQU8K%2ByI8pWxtK7tMWdvytb5QdysxB8V04vLPJzey1A8pXbxuSQaM71jvtDIL7iwLxuwM3BYRRQS58Ie6GlEBMckB38XMrdoOyHLUf4NIQ%3D%3D)
你可以的拿捏了
ifarem 有替代的方案吗?
需求是再页面内打开一个弹窗然后显示外部页面。
但是外部页面都是http 无法使用
你可以的拿捏了
在typescript中,通过迭代式把一个对象合并至另一个对象,为什么报类型错误?
在4.4.2版本以上 似乎会出现这个问题 你可以尝试这样定义
type Person={
name:string
age?:number
gender?:boolean
[K:string]:any
}
你可以的拿捏了
Informix如何查看表的主键使用了哪些列?
写的不太好,欢迎高手指点
select c.colno,c.colname,sc.idxname FROM syscolumns c
join SYSCONSTRAINTS sc on sc.tabid = c.tabid
join (
select idxname,part1 as colno from SYSINDEXES si where tabid=107 and part1 >0
union all
select idxname,part2 as colno from SYSINDEXES si where tabid=107 and part2 >0
union all
select idxname,part3 as colno from SYSINDEXES si where tabid=107 and part3 >0
union all
select idxname,part4 as colno from SYSINDEXES si where tabid=107 and part4 >0
union all
select idxname,part5 as colno from SYSINDEXES si where tabid=107 and part5 >0
union all
select idxname,part6 as colno from SYSINDEXES si where tabid=107 and part6 >0
union all
select idxname,part7 as colno from SYSINDEXES si where tabid=107 and part7 >0
union all
select idxname,part8 as colno from SYSINDEXES si where tabid=107 and part8 >0
union all
select idxname,part9 as colno from SYSINDEXES si where tabid=107 and part9 >0
union all
select idxname,part10 as colno from SYSINDEXES si where tabid=107 and part10 >0
union all
select idxname,part11 as colno from SYSINDEXES si where tabid=107 and part11 >0
union all
select idxname,part12 as colno from SYSINDEXES si where tabid=107 and part12 >0
) as t on t.colno = c.colno and t.idxname =sc.idxname
where c.tabid=107 and sc.constrtype = 'P'
你可以的拿捏了
求:微信彻底关闭后,小程序可以在后台继续执行某些程序吗?
你把小程序理解为微信内置的浏览器就行了。
最小化之后就停止小程序 JS 线程的执行了,更不要说作为依托环境的微信都退出了。
"小程序运行时 /
运行机制" (https://link.segmentfault.com/?enc=oYEEZR%2F3ELqMDhwlQYB6lw%3D%3D.nywf2RK0w5EAuDWqJL2tzAMejUx88MlNxIY0yq5abHUFMmT9obGKGaCjT5EzZq9aud22pNZY6%2BT19%2F3yjFRhIQD4WRXAzGeV3yMKj9n90Zd5M2mgfzNlOPiHKRYLudB8)
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241130/1db9777b76c9b05992af4c23ea260926.png)
你可以的拿捏了
nuxtjs2.x server 和client的数据共享?
场景:在使用nuxtjs
服务器渲染的时候接口数据都是"asyncData"进行请求的,之前用户在页面输入了一些数据等,前端这边都是缓存到"localStorage"
页面刷新的时候还可以拿到,现在的问题:页面刷新的时候客户端操作的数据如何实现服务器数据共享呢?
有什么好的思路吗?我想到过用cookie?但是太小了不能满足我的需求
你可以的拿捏了
vue3的官方文档中并没有提及render函数以及createVNode的疑问?
阁下是在说这种用法吗。
// createApp(App).mount('#app')
render(createVNode(App), document.querySelector('#app'))
要说好不好使,肯定是好使的(至少CSR是OK的)。但是区别也是明显的,render没有返回值,不像createApp可以返回一个app实例,可以做一些全局的配置,可以做一些组件的注册。
官方文档到底有没有render的描述呢,这里"https://vuejs.org/api/custom-renderer.html#createrenderer" (https://link.segmentfault.com/?enc=IIlBOcCgCUuX2jKcZduB1Q%3D%3D.m0G9fjUayfSHXc6XrGOFiJtAh7dpf%2BfJqUOF7%2FGJHFDq7i6Uj7t%2BQBkhg0Z2GrbgIhcXq9ppA702cAE1iu0dEA%3D%3D)可能也算是有吧。
那么你都看到这个函数了,想必也是看过源码了:
"https://github.com/vuejs/core/blob/main/packages/runtime-core/src/renderer.ts#L2355C7-L2355C7" (https://link.segmentfault.com/?enc=fWSOy9Jm9hDRikKp%2BLnbXQ%3D%3D.74Oqj7wp6o3tqPoV5RNsnAVbErd4PCtJf9Q57xX8GNfIa9pfMQZN0aR5upHRzKMoiCkebnOqT7%2BEE59hFpzie4xGvKff3hcM5ydDbRJ6VXsDVZUSy%2FTPZ6l7dt5muOVx)
"https://github.com/vuejs/core/blob/main/packages/runtime-core/src/apiCreateApp.ts#L348C48-L348C48" (https://link.segmentfault.com/?enc=hZ9I7DPg2g1quNjD8zPc2g%3D%3D.wsestICuq%2F0qxsFsQQK1aQYQ%2FIC5ATyrf2ZCjgZLozoY1KRDc8QksJate9%2FRdDTp%2FId%2BSMRJ0UmXNHnDYo0dW9G3VkAgF5cErI3L7%2B5FjXsg6iliFBlYiYdgmXpbycpyFyQsd8sJKUJUCnPIdaevZg%3D%3D)
render和createApp的关系,备注里有说render是low-level api。
如果使用只是考虑语义,根应用怎么说createApp中的App也更有语义。如果考虑SSR,可能还不能单纯的用render。
所以现在还会纠结吗
你可以的拿捏了
服务器双网卡配置同一IP段地址发生冲突?
我有一个装了Ubuntu系统的服务器带有两个网口eth0和eth1。eth0的IP是192.168.2.178/24,
eth1的IP是192.168.2.179。
通过netplan配置网络,内容如下:
network:
ethernets:
eth0:
addresses:
- 192.168.2.178/24
dhcp4: false
gateway4: 192.168.2.1
nameservers:
addresses:
- 192.168.2.1
optional: true
eth1:
addresses:
- 192.168.2.179/24
dhcp4: false
optional: true
renderer: networkd
version: 2
当我完成这个网络配置后,系统的路由表中会自动添加两条路由,如下所示:
Destination | Gateway | Genmask | Flags | Metric | Ref | Use | Iface
---|---|---|---|---|---|---|---
192.168.2.0 | 0.0.0.0 | 255.255.255.0 | U | 0 | 0 | 0 | eth0
192.168.2.0 | 0.0.0.0 | 255.255.255.0 | U | 0 | 0 | 0 | eth1
在服务器上访问192.168.2.0/24这个内网段其他IP时会发生冲突。
我希望服务器在访问192.168.2.100的时候通过eth1网口,访问其他IP的时候通过eth0网口。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241121/3a25c7b8972d272a030f4332d66b0de0.png)
我应该怎么在系统中进行路由相关的配置,或者在netplan中配置能够永久生效。
我试过手动进行如下配置能够达到效果。
$ route del -net 192.168.2.0 netmask 255.255.255.0 dev eth1
$ route add -host 192.168.2.100 dev eth1
但是当Ubuntu重启的时候或者插拔服务器的网线时,路由表就会被重置,上面手动配置的路由就会消失。
你可以的拿捏了
C++可变参数输出结果错误?
"printValues" 期望后面是一堆 "int" ,但是传给它的是一个 "va_list" 。"va_list" 不是 "int",当然就不对了。
如果想想现在这样调用,那么 "printValues" 的参数就应该是 "va_list args" ,而不是 "..." 。
"printValues(int count, va_list args)"
***
C 的 printf 就有 v 系列函数,比如:
"int vprintf(const char *format, va_list arg);"
就是用 "va_list" 作为参数。
你可以的拿捏了
使用什么绘制拓扑图?
推荐两个吧
1. React Flow
"https://reactflow.dev/" (https://link.segmentfault.com/?enc=%2BtalZ9PEYrC%2BUwDJaI1Z3A%3D%3D.c0IejTqbE9hE0MMxljwYHpWzdNFxZuj8SAbJGhjQUGw%3D)
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241109/a82bafa294db2e97704ab0a7a8a96868.png)
2. butterfly
"https://github.com/alibaba/butterfly" (https://link.segmentfault.com/?enc=d%2FO6PxdAl2GavxUteOVfGg%3D%3D.9sbuhNGXH9xjBCw2h72qX3mUwRi0rjEra%2BpfUnU6CpGNqzwz0KN5sb%2Fjj9rP7HkE)
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241109/148c4d8672ed14d2f344f03d9f6579f4.png)
你可以的拿捏了
平铺嵌套JSON,Go竟然比Python慢,问题出在哪里?
粗略的看了一下代码,使用了反射, 在go中反射是非常消耗性能与相对于而言会比较慢的,
第一个原因是用于反射的reflect.Type信息需要动态生成。当我们使用Golang反射机制时,编译器需要动态生成一些辅助结构体来保存调用时的上下文信息。这些结构体中的字段数量与复杂度都取决于反射的使用情况。因此,如果我们在编写代码时经常使用反射,那么编译器将需要频繁地动态生成这些结构体,这会导致编译时间的增加和程序执行速度的降低。
第二个原因是反射使用了接口。在Golang中,所有类型(包括基础类型和结构体)都是通过接口实现的。在反射时,我们需要将类型和值转换为对应的接口类型。这种转换需要额外的时间和空间开销,而且机器码也需要额外的指令来完成类型转换。
在go中会尽量避免使用反射来实现某些功能,当然如果开发性价比不错,用反射也没问题
package main
import (
"encoding/json"
"fmt"
)
type MyStruct struct {
First string `json:"first"`
Last string `json:"last"`
Age int `json:"age"`
Nets []string `json:"nets"`
Submap Submap `json:"submap"`
}
type Submap struct {
Subfirst string `json:"subfirst"`
Sublast []string `json:"sublast"`
Subsub Subsub `json:"subsub"`
}
type Subsub struct {
Subsub []string `json:"subsub"`
}
func main() {
jsonData := `
{
"first": "Dale",
"last": "Murphy",
"age": 44,
"nets": ["ig", "fb", "value1", "value2"],
"submap": {
"subfirst": "Dale",
"sublast": ["Murphy", "value3", "value4"],
"subsub":{"subsub":["value5","value6","value7","value8","value9"]}
}
}`
var data MyStruct
err := json.Unmarshal([]byte(jsonData), &data)
if err != nil {
fmt.Println("Error:", err)
return
}
// Accessing the flattened structure
fmt.Println("First:", data.First)
fmt.Println("Last:", data.Last)
fmt.Println("Age:", data.Age)
fmt.Println("Nets:", data.Nets)
fmt.Println("Subfirst:", data.Submap.Subfirst)
fmt.Println("Sublast:", data.Submap.Sublast)
fmt.Println("Subsub:", data.Submap.Subsub.Subsub)
}
你可以的拿捏了
el-table初始化为空数组,界面长时间出现数据加载中?
代码:
tableData初始化值为空数组
加载中
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/c144c3a0079d1380b43d4c86e56ebaab.png)
问题详情:
因为el-table中的tableData初始化值是固定的,希望打开表格时,立马出现暂无数据,而不是长时间数据加载中之后再出现暂无数据。
你可以的拿捏了
如何给react项目配置别名?
这是一个由脚手架创建的react项目,我想给项目配置别名
于是我"npm run eject"暴露配置,然后进行了配置,但是好像不管用,有人知道是为什么吗?
这是原来就定义好的路径
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/542689104a922ce87a337227a33276f6.png)
接着在配置中使用
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/ab4f3a2489cec1c9c8b65a7ceba195e5.png)
但是不管用
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/ace84b3082d51bac1f702829ec995903.png)
没有配置tsconfig时的报错内容
这是报错内容
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/f9800a8e05a589dce6cdaa2754b44477.png)
这是TS配置
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/f5ba3c89f21fdbade118f06d46abc30f.png)
配置了tsconfig和eslint之后的报错内容
后面我查了下配置方法,安装了eslint-plugin-import eslint-import-resolver-alias后进行了配置:
tsconfig.json
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/18d709e753b253674dd8d9c10f3b53d8.png)
.eslintrc.json
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/dfee3970a162caa117c811419add6774.png)
但是还是报错了
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/6ed55c0354143c7a1e66bf2cd3a0ed48.png)
你可以的拿捏了
rustup-gnu, rustup-msvc, rustup:区别及选择下载?
rustup-gnu rustup-msvc rustup 有什么区别,应该下载哪个?
windows 下scoop 安装rust 环境应该选择什么
你可以的拿捏了
全局变量在ts文件中无法获取的问题?
getCurrentInstance 只有组件在 setup 运行阶段才会填充组件实例。
你可以的拿捏了
android java项目中集成 kotlin 后,自动生成的数据绑定类导入的包出问题该如何解决?
由于信息没给全,是目录名大写导致的,databinding不支持"activity/viewmodel" 所在目录名大写,只能小写。
你可以的拿捏了
CSS动画:如何简写旋转角度的百分比?
@keyframes rotate360 {
0% {
--rotate-angle: 0deg;
}
100% {
--rotate-angle: 360deg;
}
}
我希望 "--rotate-angle"的值是随百分比进度增加;
除了"0%{}..1%..2%...100%{}" 这样,能简写吗?
你可以的拿捏了
Vue3+Element-Plus 项目是否只能使用 TypeScript?
当然可以只用JS, vite在创建项目的时候选择JS就行了:
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241031/a63281323e2cb26d509f9d39896e383d.png)
完成后就可以安装elementplus, 使用方法与elementUI基本一样, 只是有些属性要注意一下看下文档
详细教程:
«"https://blog.csdn.net/weixin_42645490/article/details/132981927" (https://link.segmentfault.com/?enc=lE7J7HLaCM4qm%2B1QvqZsrw%3D%3D.MnGIaLW19vS94XPjSYywwQCO1S2yb6zhAcQEetlb5epjeW2cu7XrciVSMGzJbuSCbsyy1zuGWSzTEbuigvQiuA%3D%3D)»
你可以的拿捏了
怎么样在微信小程序地图上手动画线、面?
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241024/4a78fbf7a49f74211d20b222382fd240.png)
怎么样在微信小程序地图上手动画线、面?
微信小程序提供的API貌似只支持线、面的回显展示,不能够手动在地图上画线、面
期望结果:
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241024/a28660ec79a385dd4823e88951eae550.png)
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241024/53d87becab0c02f97f3c127f5decee4a.png)
你可以的拿捏了
不规则border-image如何自适应?
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/9caf1196d21114e93c446084f8fc6f57.png
随便截图试了一下,大概效果是这样
"CleanShot 2024-01-04 at 15.53.21@2x.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/bf2d9f384967bdf16888b5774a759953.png)
div {
width: 200px;
padding: 38px;
margin-bottom: 12px;
border-image: url('https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/9caf1196d21114e93c446084f8fc6f57.png') 38 / 38px round;
}
img {
display: block;
width: 100%;
}
你可以的拿捏了
node做中间件是什么?
用node做中间件的意义是什么?另外,怎么用node做中间件?
平时提到node,大家都会说node一般都是做中间件使用,我个人用node写过后台接口,但是不理解用它做中间件是干什么,你们在项目中有用node做中间件的实际业务吗?
你可以的拿捏了
mac平台下electron使用autoUpdater没有apple签名,有自动更新成功的吗?
这个所谓的自动更新是不是只是提示有更新,点一下自动下载安装包而已?
你可以的拿捏了
安装nuxtjs失败, Error: Failed to download template from registry: fetch failed?
最终我是这样搞的:
web端访问:
https://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.json
能看到JSON如下:
{
"name": "v3",
"defaultDir": "nuxt-app",
"url": "https://v3.nuxtjs.org",
"tar": "https://codeload.github.com/nuxt/starter/tar.gz/refs/heads/v3"
}
打开这个tar压缩包地址: 链接:
https://codeload.github.com/nuxt/starter/tar.gz/refs/heads/v3
手动下载tar,解压缩,
在这个压缩包的父文件下执行命令:
tar -zxvf starter-3.tar.gz
cd starter-3
然后就成功了,接下来继续按照文档操作即可:
npm i
npm run dev
你可以的拿捏了
Web组件HTTPS内容混合加载警告?
在使用HTTPS协议的Web组件中加载混合内容时收到警告,页面主要内容通过HTTPS加载,但一些图片和脚本是通过HTTP加载的。
你可以的拿捏了
优化Vue CLI项目打包,如何减少首屏请求数量?
vue-cli项目打包,页面引用的组件在首屏就被加载了?
有一个vue2老项目打包后是将所有js打包到5个chunk中,我想优化打包体积提升首屏加载速度.于是我把路由改成异步加载,并在vue-config.js中设置
config.optimization.splitChunks({
// chunks: 'async', // 只有异步的 chunks 才会被分割
chunks: 'all',
minSize: 1024 * 300, // 最小 chunk 大小
})
我发现route页面的js和css确实是异步加载了,但是页面中引用一些组件,却在首屏加载的时候就已经请求了,导致首屏有四百多个请求,js和css文件分别有接近200个,我看了文件内容就是页面引用的子组件(非路由组件)。
请问这是怎么回事,难道我要修改每个页面引用组件的方式?目前是这样的
import X from './component/X.vue';
components: { X }
我现在改成这样
"const X= () => import('X.vue');"
我想不明白,为啥页面是懒加载,页面引用的子组件也是异步引用的,但是子组件的js和css会被直接引用到了index.html里面
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/2a89d44bf83df2dcd7fda219bdd71015.png)
你可以的拿捏了
求最好用的轮播js插件,主要是用于图片轮播,html块轮播?
Swiper
你可以的拿捏了
如何在AMH中安装Zstandard和igbinary扩展?
软件商店没有的扩展可以手动安装 ,类似先下载扩展源码,
解压,cd到扩展源码的目录执行:
/usr/local/php-版本/bin/phpize;
./configure --with-php-config=/usr/local/php-版本/bin/php-config
make && make install
上面的
/usr/local/php-版本/ 路径你要加上php版本号。
安装后有提示so文件目录,复制so文件到你相应的环境
/home/wwwroot/你的环境/ext/目录
/home/wwwroot/你的环境/etc/amh-php.ini配置最后添加一行,引用上扩展
如,
extension=”xxx.so”
即可。最后记得重启环境的php。
你可以的拿捏了
JS能否使用字符串链式取值?
例如:
"obj['a.b.c']"
你可以的拿捏了
el-select全选时隐藏已选项标签?
el-select多选模式,在全选时会把所有已选项通过Tags显示在选择框中,如图"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/a2ca674cacdc726462b3ff03a184961b.png)
我现在希望在选择全部时,不显示这些Tags。而是仅显示全部两个字。如图"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/1e847b8ab973b7ebf62f80e8e858784c.png)
你可以的拿捏了
如何解决Visual Studio Code更新时出现net::ERR_CONNECTION_RESET错误?
visual studio code无法更新
点击check for updates出现"net::ERR_CONNECTION_RESET"错误。
可以安装插件,就是无法更新。
访问"visual studio
code官网" (https://link.segmentfault.com/?enc=OBd2S2C%2BkMnisBAq7g8VZQ%3D%3D.Dy5ogYpwxfpZqryAHWlQgFW7pzwUVcHZf7f0Yase%2BQU%3D),点击updates选择x64。他会自动跳转到"https://update.code.visualstudio.com/1.86.2/win32-x64-user/st..." (https://link.segmentfault.com/?enc=Y%2FjXicu8mKpz4WsJFLOL4A%3D%3D.Q1dtS5xOS9oqg9FfROVZ6N32jLowH3M4G%2F8JScwA7CWnsdw9mkCtH2cUufLZiJmpwWeBZekH%2F35DxLwBSW2pGkQ%2Fy2Vz3snPhVpu6nceVbc%3D),浏览器提示“无法访问此网站”。这个更新网址也无法ping通。
"图1" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/06f647096cb8f9bf22a6c3c21e2af9a6.png)
"图2" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/0549e94389092f68c33940ecff2ac164.png)
大家有出现这个问题吗?该如何解决?
你可以的拿捏了
JS 对于闭包的理解不够彻底?
«当一个函数可以通过某种方式访问其它函数内部变量时,闭包就形成了»
你每次执行"fn1",里面的"var n = 0",都把"n"初始化为"0"了。
"fn"其实也遵循这个规律,函数都这样。
但是,你的"fn"在复赋值给"fn1"之后,就没有再执行了。所以里面的"num"没有被重新赋值,又由于闭包的作用让它不会被销毁(语言引擎特性),使得你在每次调用"fn1"都可以访问到它累积起来的值。
回到开头的话,你的"fun1"就有能力访问"fn"内部的"num"。也就形成了闭包。闭包的特性就使得"num"不会被销毁(因为外面有函数可能会访问"num",不销毁才合理)。
function fn() {
var num = 3;
// 这里加一个console.log
console.log('outer num', num);
return function() {
var n = 0;
n++;
num++;
console.log('n=' + n);
console.log('num=' + num);
}
}
// 连续调用两次看看,num的表现和n是一样的
fn()
fn()
附一下阮一峰的闭包文章(阮一峰,我的hero!)
"学习Javascript闭包(Closure)" (https://link.segmentfault.com/?enc=kXfewKEiq0D7frAtktz7Cg%3D%3D.AOfXOZ06cydaYTO9S202xFKenwwg0qDhRsdAVOg%2FvkY3pAgCd%2BR5remP%2B4RFfwtUy56zo7vZKhtL%2FGis4UnfI9S9lqvEf%2FMtiiwsYA8w%2B4w%3D)
你可以的拿捏了
为什么Java通过redisTemplate使用Pipeline批量查询拿到的值都是空?
redisTemplate使用Pipeline批量查询,返回的结果全是null,keys集合是有数据的,redis里也是有数据的
public List batchGetList(Collection keys) {
List list = new ArrayList();
if (CollectionUtil.isEmpty(keys)) {
return list;
}
// 自定义序列化
RedisSerializer stringSerializer = redisTemplate.getStringSerializer();
RedisSerializer valueSerializer = redisTemplate.getValueSerializer();
RedisSerializer defaultSerializer = redisTemplate.getDefaultSerializer();
List result = redisTemplate.executePipelined(new RedisCallback() {
@Override
public Object doInRedis(RedisConnection connection) throws DataAccessException {
for (String k : keys) {
System.err.println(k);
byte[] bytes = connection.get(stringSerializer.serialize(k));
byte[] bytes1 = connection.get(defaultSerializer.serialize(k));
byte[] bytes2 = connection.get(valueSerializer.serialize(k));
System.err.println(Arrays.toString(bytes));
System.err.println(Arrays.toString(bytes1));
System.err.println(Arrays.toString(bytes2));
Object deserialize = defaultSerializer.deserialize(bytes);
System.err.println(deserialize);
list.add((T) deserialize);
}
return null;
}
}, redisTemplate.getValueSerializer());
return list;
}
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/5f1185a49e3f4f7f6835c98598794e1f.png)
换了一种方式,返回还是null
public List batchGetList1(Collection keys) {
List list = new ArrayList();
if (CollectionUtil.isEmpty(keys)) {
return list;
}
List result = redisTemplate.executePipelined(new SessionCallback() {
@Override
public Object execute(RedisOperations operations) throws DataAccessException {
keys.forEach(key->{
System.err.println(key);
Object o = operations.opsForValue().get(key);
System.err.println(o);
list.add((T) o);
});
return null;
}
});
return list;
}
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/ddd783c5cff336c676d3c8ec641aedfe.png)
你可以的拿捏了
Vue2 修改值问题页面变化?
vue2不会监听对象属性的新增("深入响应式原理" (https://link.segmentfault.com/?enc=iHW2toUE7ozDbdVnZYYJFA%3D%3D.iq8GRKxwlPPz8qI9X5ZV4LpGm6wpMtIl8QwvDwM%2BcYa5DYNPrkjQ1OQvcl5uRFvC2BRmsJDX8HLrDAnnZV8zIj20vPkCJFWt133aV04sO5eK%2FNMypRrVpz%2BpFJXQ5qvw)),可以考虑使用
"$set" (https://link.segmentfault.com/?enc=lxJ8FQCNtVZszAgqTWzldg%3D%3D.kr%2BEv8NtC8iSE2a3Kc6Yuk8TkN0SpsuvjGdEQcIIUVpJZqj%2FaFn723ucl1yFCxjw)
来设置,或者给 "this.obj" 整个对象赋值
正好之前写过一篇分享笔记,你可以阅读一下 👉 "为什么v-model绑定的对象属性不是总是响应式?" (https://link.segmentfault.com/?enc=SSq6MCvfVFjvAfIKl%2Ff5vQ%3D%3D.Gudckz5ZTkRinYGzpkaTINN3bq%2BXalHXA9NXpBS4HPAqgkhnjSZPWld7JLH7RdutMEBbYU16YbeL%2FOn1OPNu1sMe%2BJKzs6pSIuMYGvwFnNO1etkYU6vm%2BCi6xVZi%2Ffaj)
你可以的拿捏了
git回退之后push失败?
背景:
git项目中需要回退更改,执行
"git reset --soft xx"
回退成功之后,git push之后有报错
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/6a34cedcd1658d699e7fbb3c765eaafc.png)
尝试强制push,执行
"git push --force"
仍然有报错
代码只能往前提交、push,不能回退、push