三千米的偷感
如何在Docker容器中同时配置Python和Rust环境?
Dockerfile构建镜像,同时需要python和rust环境,求助
# 使用基础 Python 镜像
FROM python:3.11.0-slim
# 更改apt源
RUN sed -i s@/deb.debian.org/@/mirrors.aliyun.com/@g /etc/apt/sources.list
# 安装rust所需
RUN apt-get update && \
apt-get install -y --no-install-recommends \
curl \
build-essential \
libssl-dev && \
rm -rf /var/lib/apt/lists/* && \
apt-get clean
# 安装 Rust,因为没有科学上网,这样设置之后,可以从国内下载rust-init
# ** 或者有可能这里就有错,但是我看rust的相关东西都下载下来了 **
ENV RUSTUP_UPDATE_ROOT=https://mirrors.ustc.edu.cn/rust-static/rustup
ENV RUSTUP_DIST_SERVER=https://mirrors.tuna.tsinghua.edu.cn/rustup
RUN curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
# 设置 Rust 环境变量
ENV PATH="${CARGO_HOME}/bin:${PATH}"
# 验证 Rust 安装** 这一步出错 **
RUN rustc --version && cargo --version
# 后面大概就说add代码到根目录,然后pip升级,pip安装所需库
ADD . .
WORKDIR ...
RUN pip install --upgrade pip -i https://pypi.doubanio.com/simple/
RUN pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple
EXPOSE 8080
CMD ["python", "main.py"]
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250113/9cd6f9c1bd7803454c4a40f4cebc88c2.png)
这个项目是其他人做的,他在python里面使用了一个包名叫“ploygons”,这个包好像是处理图像时比pandas还是什么快很多,但是这个包需要rust环境
cargo ,才能正常运行,在开发环境里安装rust环境还是比较轻松的。
但是我现在需要测试放在docker环境运行,然后打包发送给别人。
三千米的偷感
请问,如何对Electron做开启启动的配置呢?
"https://www.electronjs.org/zh/docs/latest/api/app#appsetlogin..." (https://link.segmentfault.com/?enc=NGHpA29ZROAHwesdzrqH5w%3D%3D.0uj%2BHa%2BNxBLHTYLgfKu1FTqcGMSS6skXGwywhJqggxxVdw9abYjXdDCwZGNECROMnp8AbzjAuPiEVPc4bQzOxDuUtKweeHg9H5eY03YLOrUnkDBRucRxTveBAIXMhvwf)
三千米的偷感
vue+elementUI 鼠标滑过行数据提示tooltip该怎么做?
eltable加个tooltip的属性,当文字显示不全就会有,具体名字你在table的配置搜一下tooltip就有哦
三千米的偷感
git,显示本地分支超前1个版本落后2个版本,如何让本地代码跟远程代码完全一致?
git fetch origin
git reset --hard origin/main
远程分支名origin/main
三千米的偷感
nest Typeorm 如何在某个service的onModuleInit进行数据库操作?
@Module({
imports: [TypeOrmModule.forFeature([Detail])],
providers: [TestService],
})
export class TestModule {}
@Module({
imports: [
TypeOrmModule.forRoot({
type: 'mysql',
...config,
entities: [Detail],
}),
TestModule,
],
controllers: [AppController],
providers: [
AppService,
],
})
export class AppModule {}
三千米的偷感
有什么办法可以保持edge标签页不休眠?
脚本办不到,这是浏览器的功能。浏览器的系统和性能里,这些选项你可以调整试试
"Snipaste_2023-09-10_13-55-53.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250104/f923a8e6bf1ab041cd79f4dc3bf15b13.png)
三千米的偷感
如何发送这样一个http请求?
问题如题:
如何发送这样一个http请求?
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/1277c49ee4fa149c4a55ed3334eb75d6.png
尝试:
1.我使用hutool工具的form方法时并没有找到设置content-type的参数。
2.查看请求报文
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/b17cc9b80a89635eae9f88ca5cf9c07a.png
3.发现表单中的部分其实是请求体body,按照格式构造一个相似的字符串作为body调用接口,但是不行,可以看出字符串的高亮和表单时并不一样,而且content-type也不一样。
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/255bcbe554cf0795909231b199c2ce43.png
4.后端接口,主要是需要提供一个上传文件,并且可以携带复制参数(参数中有map)的接口
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/8188fe6073d4e28a3b79bb454d068e2b.png
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/451dfdca3eda1b19698a5b587a80aed1.png
5.目前调用方也是使用Java发送这样的http请求,不过目前确实才疏学浅,真的不会,最差就只能换种方式了。
三千米的偷感
如何配置图表自适应容器宽高?
import echarts from 'echarts';
export default {
data() {
return {
chartInstance: null,
};
},
mounted() {
this.initChart();
},
methods: {
initChart() {
const chartContainer = this.$refs.chartContainer;
this.chartInstance = echarts.init(chartContainer);
const option = {
// 配置选项
};
this.chartInstance.setOption(option);
window.addEventListener('resize', this.resizeChart);
},
resizeChart() {
if (this.chartInstance) {
this.chartInstance.resize();
}
},
},
beforeDestroy() {
window.removeEventListener('resize', this.resizeChart);
},
};
.chart-container {
width: 100%;
height: 400px;
}
三千米的偷感
谷歌浏览器下 jquery1.9.1 会报 DOMException: Failed to execute 'querySelectorAll' on 'Element'?
«"https://github.com/jquery/jquery/issues/3755" (https://link.segmentfault.com/?enc=ckeA7Np8FRR5t4Jy0FXaeA%3D%3D.%2BYLcwCLOdEcEsMlSlhV9e0QIOrdh7L42%2BmUzPOGLrEutd8sCVIy6xITuM91UNLXh)"https://stackoverflow.com/questions/21661113/jquery-error-during-load-> failed-to-execute-query-x-is-not-a-valid-> selecto" (https://link.segmentfault.com/?enc=bgnkCbq7M%2By5bhIoWfv0kw%3D%3D.9Zz5B1kVAS9IKd1axZlT0p%2BDP2ReG11efFtgSxZIjqbPobLe9froVTprrA367XEfY3j7WmYX5XCkFpMrDygOA2Ojh1mYlL%2B6Q7B172OrDeCFjSC6MsgFqClOyM9Z2D9PrLTWXJ1W3W0ovsgW0exjH5Mqfjpc%2F6irX16eV%2BUPnJA%3D)»
按官方的说法这里是故意这么写的,就是想让浏览器抛出异常,但其实不会对你的代码有影响。
你这里应该是在 Chrome 的 DevTools 里开了“捕获到异常时自动暂停”(Paused on
exception)的开关。关上或者跳过这个错误就可以。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241230/b91613754071e686bc5aa6e6ee18591f.png)
三千米的偷感
rust 怎么与长期存活子进程获取输出 ?
fn start_listener(cb: T) {
let mut child = Command::new("jupyter")
.arg("lab")
.arg("--no-browser")
.stdout(Stdio::piped())
.spawn()
.expect("Failed to start ping process");
println!("Started process: {}", child.id());
thread::spawn(move || {
let mut f = BufReader::new(child.stdout.unwrap());
loop {
let mut buf = String::new();
match f.read_line(&mut buf) {
Ok(_) => {
cb(&buf);
}
Err(e) => println!("an error!: {:?}", e),
}
}
child.wait().expect("Failed to wait on child");
});
}
fn main() {
start_listener(|s| {
println!("Got this back: {}", s);
});
sleep(Duration::from_secs(5));
println!("Done!");
}
fn start_process(sender: Sender, receiver: Receiver) {
let mut child = Command::new("jupyter")
.arg("lab")
.arg("--no-browser")
.stdin(Stdio::piped())
.stdout(Stdio::piped())
.spawn()
.expect("Failed to start process");
println!("Started process: {}", child.id());
let child_stdout = child.stdout.take().unwrap();
let child_stdin = child.stdin.take().unwrap();
let sender_clone = sender.clone();
thread::spawn(move || {
let mut f = BufReader::new(child_stdout);
loop {
let mut buf = String::new();
match f.read_line(&mut buf) {
Ok(_) => {
sender_clone.send(buf).unwrap();
}
Err(e) => {
println!("an error!: {:?}", e);
break;
}
}
}
});
thread::spawn(move || {
let stdin = child_stdin;
for line in receiver {
stdin.write_all(line.as_bytes()).unwrap();
}
});
}
// ... (rest of your code)
三千米的偷感
js正则问题,我有写对不?
"https://www.regex.top/password.html" (https://link.segmentfault.com/?enc=sPi7fcQVqiYo1TrtUe6Ezg%3D%3D.4nvO4WHx2yWbfLpiKqFbtwH%2BfBwSwQQvwBiUq9pABoHNMkXreJmegy36e6ccloxN)
我有个网页,正好就是几种元素组合,特殊符号替换成你的就行
改成你的5个符号后表达式如下:
const re = /^(?![a-zA-Z]+$)(?![a-z0-9]+$)(?![a-z!@._-]+$)(?![A-Z0-9]+$)(?![A-Z!@._-]+$)(?![0-9!@._-]+$)[a-zA-Z0-9!@._-]{8,}$/;
三千米的偷感
数组结构转为对象?
let arr =
[{num:'2', text: 'aaa', quantity: 1},
{num: '1', text: 'bbb', quantity: 2},
{num: '2', text: 'ccc', quantity: 1},
{num: '2', text: 'ddd', quantity: 1},
{num: '1', text: 'eee', quantity: 1}]
转为
let obj =
{
1:[{answer:'bbb',quantity:2},{answer:'eee',quantity:1}],
2:[{answer:'aaa',quantity:1},{answer:'ccc',quantity:1},{answer:'ddd',quantity:1}]
}
用num作为key
三千米的偷感
笔记本电脑电池电量充不起来,保持在0,这是为什么?
保修期内直接找官修。保修期外网上搜搜,找办法激活因为过量放电不能充电的电池。如果自己激活不了,就去维修店修一下吧,多半是要换颗电池。
三千米的偷感
写了一个查询功能,但是每当匹配出符合条件的数组项后,在匹配其他条件原来的数据数组就会变成上一次匹配出的数组?
UI结构
查询
调用方法
onSubmit () {
if (this.formInline.sn === '') return this.$message.warning('请输入产品码!')
this.tableData = this.tableData.filter(data => data.bar_no.toLowerCase().includes(this.formInline.sn.toLowerCase()))
console.log(this.tableData)
},
数据源
data () {
return {
formInline: {
sn: ''
},
input: '',
tableData: [],
cols: [],
currentPage: 1,
pagesize: 4
}
},
三千米的偷感
如何在 pnpm workspace 项目中使用 tailwindcss?
如题,我在 "tailwindcss" 官网中并没有找到相关解决方案。
现在的情况是我在项目根目录安装了 "tailwindcss", "postcss", "autoprefixer",并对
"tailwind.config.js" 中的 "content" 进行了修改,变成这样:
export default {
...,
content: ['./**/*.{vue,js,ts,jsx,tsx}']
}
这个改动在普通的 "vue" 项目中是正常生效的,因为根据文档生成了一个 "css" 文件并在 "main.ts" 引入。
***
但是在 "workspace" 项目中,我要求在该项目的任一文件中都生效,而这个改动没有效果的原因是生成的 "tailwind css"
文件不知道放在哪里。
我尝试了在非 "packages/*" 项目中引入,正常生成了一大堆 "css" 变量,但类名不生效。
我尝试了在 "packages/*" 项目中引入,正常开发无效,而打包后则全部 "css" 都打包了,没有实现按需加载。
大佬们有没有时间指导指导?
三千米的偷感
typeorm关联查询如何筛选关联数据?
const user = this.userRepository
.createQueryBuilder('user')
.leftJoin('user.tel', 'tel')
.where('user.id = :userId', { userId })
.getOne();
return user;
一个user有多个tel,是一对多的关系,现在我只需要查最新的一条即可,没必要把tel全查出来,应该怎么写?
三千米的偷感
自定义表单在数据库中要怎么储存?
三种方法
1. 用多表关联映射;
1. `t_form`为主表
2. `t_field`为字段表,主要两个字段`field_name`与`field_type`
3. `t_form_value_string`,`t_form_value_int`,`t_field_content`等等其他更多类型字段。主要字段`t_form_id`,`form_id`,`t_field_id`、`value(int,string,content, ...)`。
4. 获取数据时候获取表单结构,`t_form`与`t_field` 1对多。再通过`t_field`结构到对应类型`value`表中获取数据。
2. 为每个表单都单独建立一个数据表,通过表名为form_{corpID}{formID}{version}查询数据
3. 最直接法,直接把表单数据作为json填写到数据库。一个表单就是一条数据。
三千米的偷感
electron打包后的桌面端能否同时支持外部浏览器访问?
现在的思路有两个,一个是electron的渲染层代码和传统的web代码基本无区别,我用的是vue。所以vue的src层应该是复用的,所以稍微改动一下打包配置应该就可以将打包后的静态资源扔到后端java一起打成jar包。然后就可以在浏览器直接访问了。
桌面端的话还是按照之前electron构建,本机用electron生成的应用。其他pc用外部浏览器访问。
另外还有一点是非常重要的,我这个后端应该是长期运行的,所以electron生成的前端exe也是只作页面展示作用,即使前端关闭了后台还是要运行,所以这样的话感觉这个方案是更合适的。既能保证前端大部分代码同源,又能实现要求。不知道我有没有没考虑到的,欢迎指正
另一个就是electron,使用nodejs构建一个web服务器,访问自己的web层,但是我对这块并不是很熟悉,我看了打包后的静态资源electron好像都是嵌入到exe中的,所以如何做我现在还没有头绪,是否可行也不是很确定
三千米的偷感
css如何设置背景图片自适应?
图片宽是1920px,高度100px
在大屏幕下显示为这样:
横向不拉伸,两边就会留白
background-position: center;
background-repeat: no-repeat;
background-size: auto 100%;
"1698227862094.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241203/39f2e552a4b52c8c53dc614fd01885b0.png)
如果铺满屏幕,那么图片会被裁剪
background-position: center;
background-repeat: no-repeat;
background-size: cover;
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241203/6b17b3349f4fb9bfede44e611a8187b7.png)
想要实现的效果是图片高度不变,仅横向拉伸铺满屏幕,请问要使用什么属性设置,或者对于这种标题背景使用什么方式解决?
三千米的偷感
vue2+antd 使用select 通过v-model 无法回显也不能修改?
{{ option.label }}
{ this.selectedValue = '3' }">33
export default {
name: "executionInfo",
data() {
return {
dataList: [
{
index: "1",
name: "John Brown",
age: 32,
address: "New York No. 1 Lake Park"
}
],
options: [
{ value: "1", label: "选项1" },
{ value: "2", label: "选项2" },
{ value: "3", label: "选项3" }
],
selectedValue: '3',
};
},
methods: {
handleChange(value) {
this.selectedValue = value;
}
},
mounted() {
// this.handleChange(this.selectedValue);
this.selectedValue = '3'
}
};
三千米的偷感
python3.0 列表逆向相加求和?
你是指求索引1的后缀和吗
a = [[1,100],[2,23],[6,456],[2,123],[6,456],[2,123],[6,456]]
res = [0] * len(a)
res[-1] = a[-1][1]
for i in range(len(a) - 2, -1, -1):
res[i] = res[i + 1] + a[i][1]
print(res)
# [1737, 1637, 1614, 1158, 1035, 579, 456]
三千米的偷感
webpack 打包的项目在正式环境的 debugger 中,不能正确断点,不能操作断点中的变量?
公司项目不方便截图,
PS: 用的是浏览器的 breakpoints 不是 debugger
1.断点 index.js 行 33,实际执行的时候断点显示在 index.js 行 99
2.断点 fn 的 if(state), 返回的 Scope 都是混淆后的 e 和实际看到的对不上
3.断点 fn 的 if(state), 返回的 Scope 能看到,到 Console 里面输出显示 state is not defined
感觉像是 webpack 打包的问题,
1,2 是不是 hashname 或者 hash 的混淆级别的问题,还勉强能用
3 的话我真的没有一点思路,线上调试是一点也用不了
三千米的偷感
psycopg2处理大数据量SQL在execute(sql)卡死?
题目描述
sql='select * from A',A表有8百万数据
前段时间写了数据库互相导数据的Python脚本,是Oracle导入postgreSQL,使用cx_Oracle执行execute(sql)没有任何问题。这次是postgreSQL导入postgreSQL,使用psycopg2执行execute(sql)就直接卡死在这一行了,并且内存占用持续上升。
自己的思路
数据库连接是没有问题的,因为其他少数据量表可以正常执行,A表的SQL写分页也可以正常执行。我也清楚可以通过多次分页实现避免这个bug,但是我想咨询下各位大佬为什么会出现这个问题?按道理来说execute(sql)这里是不会查询数据的,后面应该是通过方法或者循环游标获取数据,但它就是在这里卡住了,持续攀升的内存让我认为它在这里就执行了sql,并且想把这8百万数据加载入内存!这个问题是怎么导致的啊?或者说是psycopg2库的bug???
解决方法
看到下面大佬的回答,我搜索了下服务端游标,最后做出总结:
1. 客户端和服务端游标的区别:客户端会把结果全部加载进内存,服务端只会获取一个指针
2. Oracle默认使用的是服务端游标,这就是为什么cx_Oracle没问题的原因!
3. psycopg2默认客户端游标,开启服务端游标的方法是"cursor(name='server_cursor')"
三千米的偷感
element-plus浏览器直接引入怎么搞?
你得在vite.config.js文件中配置element-plus
export default defineConfig({
resolve:{
alias:{
'element-plus':'//unpkg.com/element-plus@2.3.4'
}
}
})
然后在main.js中去import
三千米的偷感
token需要放在redis吗?
新人学习token鉴权有个疑惑,token本身有加密的用户信息,并保存在客户端.如果token只存在客户端,感觉并不够安全,且无法主动退出登录(无法主动过期).
听说一般token都存在redis里,那本质上就是在服务端也保存了token,可以通过token-userId的形式存储.如果是这样的话,token本身的意义是什么,token根据就不需要携带用户信息
似乎可以在客户端创建一个随机clientId,然后携带在header上,调用登录接口后, 后端以clientId-userId的形式将clientId存在redis里.这种方式似乎更简洁, 携带的数据量更少也更安全
三千米的偷感
使用react+react-dnd通过循环渲染子组件怎样拿到每个子组件的位置?
import React, { useRef, useMemo } from 'react';
import { useDrop } from 'react-dnd';
const MyComponent = ({ dropLists }) => {
const elRefs = useMemo(
() => Array.from({ length: dropLists.length }, () => React.createRef()),
[dropLists.length]
);
const [{ canDrop }, drop] = useDrop({
accept: 'card',
hover: (item, monitor) => {
const index = monitor.getItem().index;
const hoverBoundingRect = elRefs[index]?.current?.getBoundingClientRect();
console.log('Hovered Element Position:', hoverBoundingRect);
其他逻辑,比如插入位置的判断
},
collect: (monitor) => ({
canDrop: !!monitor.canDrop(),
}),
});
return (
{dropLists.map((item, index) => {
const El = designComponents[item.element];
return (
);
})}
);
};
三千米的偷感
vue如何快速画出这种表格,怎么写最方便?
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241121/a4625943c77fb5ddf116e3df6245ef4a.png
三千米的偷感
如何通过python实现导出题库到pdf?
想实现一个html的标签导出到pdf,html标签里有图片,图片也要导出到pdf,且可以设置图片,文字的样式,需要导出A4纸格式的,后面要打印这个A4值成册的,有老哥们做过类似的功能吗?
三千米的偷感
我要如何安装 PicList ?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241118/6f22e8e519bf079873eec93def32a030.png)
可能是因为你安装的是 atk.i686 这个包,atk.i686 里面也有 libatk-1.0.so ,但是piclist不识别这个32位的库。
换成 atk.x86_64 就好了。
三千米的偷感
pytorch语法问题 loss.backword() 缺少入参?
我是一个母语java的后端开发,最近在学python和pytorh,对脚本语言不太熟悉。
我从教程中看到一个简单模型的训练过程的部分代码如下
for epoch in range(opt.epochs):
loss_mean = 0.
correct = 0.
total = 0.
net.train()
for i, data in enumerate(train_loader):
# forward
inputs, labels = data
outputs = net(inputs)
# backward
optimizer.zero_grad()
loss = criterion(outputs, labels)
loss.backward()
# update weights
optimizer.step()
我的疑惑如下:
loss是net(模型)的输出经过损失函数计算得到的损失对象,optimizer是优化器。loss.backword()是反向传播,更新模型中参数的梯度。有了梯度之后,优化器根据梯度对模型参数进行更新。这些过程我大概是没有理解错的。
但是这个过程有些函数我感觉缺少入参。比如,loss.backward()应该是对net.parameter更新梯度属性,那应该是loss.backward(net.parameter);
以及optimizer.step()也是对net.parmeter更新,应该是optimizer.step(net.parameter)。
如果不传入参,那么一定是之前的某些过程中获得了net.parameter的引用,不然不可能更新到它。optimizer在声明的时候是这样写的
optimizer = optim.SGD(net.parameters(), lr=opt.lr, momentum=0.9) # 选择优化器
这里可以看到在声明时传递了parameters的引用,我还能理解。但是loss是什么时候获得parameters的引用的呢?以及loss是不是真的持有net.parameters的引用呢?
三千米的偷感
java如何生成分布式ID?
如何自定义生成固定长度的字符串ID,8-12个字符
格式:业务标记_xxxxxxxxxx
如:user_Nuxq23s24dxa1ScSx
要求:1ms生成100W个
或有什么现成的库可以使用,麻烦老大们贴下代码
三千米的偷感
笔记本准备加装一根内存条,请大佬帮忙推荐一根笔记本内存条?
笔记本准备加装一根内存条,请大佬帮忙推荐一根笔记本内存条?
根据CPU-Z得到的当前内存条信息如下:
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241114/b68ac5065b70d5663deb46d68332db10.png
通过任务管理器获取的内存信息如下:
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241114/4cc59b4a80268b8fe6693947b091e664.png
请大佬看看我这个配置该如何选择?选择哪个品牌比较好?选择什么型号的比较好?
小弟跪谢。
我在淘宝上咨询了客服,他推荐给了我 2400Mhz 的内存条,但是我这个看着是 1200Mhz 的吧,我不太确定,请大佬指点。
三千米的偷感
Python 的 tqdm 如果在内部使用print打印 会重复打印进度条 怎么避免这个问题?
进度条和"print"本来就不应该同时出现。
进度条的原理就是不断刷新当前行的文本,你用了"print"后会换行,"tqdm"就不会刷新"print"之前的当前行,而是在下一行打印进度,就会产生多行进度条。
你应该通过环境变量调试,如:
import os
env = os.getenv('DEBUG')
if env != '1':
iterable = tqdm(range(100))
else:
iterable = range(100)
for i in iterable:
time.sleep(0.1)
if env == '1':
print(i)
三千米的偷感
Firefox滚动条在Win10和Win11下表现不一致问题?
如何解决FireFox在win10和win11下滚动条表现不一致的情况?
win10系统下,Firefox的滚动条会占用页面宽度
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/ab39cb3932ea7fa67656ee0b8d24bdd3.png)
win11系统下,则反之,不会占用页面宽度
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/3732a02934938b8ed78810a0c0c9194d.png)
我尝试过通过"User-Agent"来检测系统版本,但是可惜"FireFox不支持" (https://link.segmentfault.com/?enc=qLuDNECuqOw%2FN6cGnF%2BJNw%3D%3D.1riPBOVvIBh8N%2FT2s%2BpcQEqnwLzQnUvWu1QOw7iYWK1khvX7HoLb5n6xnSu%2FdCosFFbOHdC0vTkKTtMA7nq%2BQ4%2FStfuVs8W3k1zH7q%2BdUFyFOn6O2GYus3zyfnfC7CcAbCJoNQwfDIkPulBcTuCF5dFkQBz4uTVipfCm2dOhbcs%3D)
然后火狐可以修改的滚动条样式较少
查了一下出处,疑似是 Firefox 97 版本的一次针对 win11
的"更新" (https://link.segmentfault.com/?enc=hozDjIsSZ3K0HryQgKx4qA%3D%3D.BOJMzvFy5usa%2BCdmj7fM31pEyvsw7iwhttldfrg3cB%2FN2KJGKhGqUefU0JE1U4e3LQsL%2BLXbIe%2Fk5xd7hFW1YPIhv7mpNe%2FmC0uI9Da9Vu8%3D)导致
我希望在能在火狐浏览器下区分当前使用的是"win10"或"win11"系统
***
2023.12.18 更
最後我采用用第三方滾動條庫去接管整個頁面的滾動了,暫時是用其他方式避免了該問題的出現
不過還是留著這個問題希望哪一天能解決吧
三千米的偷感
ant checkbox 的使用疑惑?
"我的.gif" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/56ad0b58dee349d2357216e46409ea37.png)
"代码地址" (https://link.segmentfault.com/?enc=JHDXt5aKNBG8xyss3lzacA%3D%3D.qHFWZZyDcUcWPrleX51015zKRzcowNFR2dOVxtGifzVQmnBpBadqWISZw5NWd9rDHs%2BEOix8uyk5w0Kkmomn8f6WRc84o2kSguvs7zJODzhijfFxU9jLxdBREOK1OS9C3EDiQnfwINlagBrHfFXnFaP9MJeUkvgMJcp4yQo8wx%2F9SZI4kl1Bwao9txymtlLhfJkPmJHA3hNJoTPKiRoz7Txbakfhuvog%2BHUPKo2haEkuNZbq74vTroIVm7jE5LavZRgqyKa3KpYPtdMG9q2Wf9DnDXxEswBzSjnGlTIjyPQWiNewXvBwOBgfW9wXL4uP%2B4%2BJs73u9KrlJuiYDTDdC7%2BTAEuhG3%2BhnuaPicK39Rbybe%2FTPMjtceEj6xB%2BVULkrWTECZVwP0g%2FYG6bLIi4Y7RRrkzhTP2hjJsjQk4hkdr4avKAImS5wYjvV5B6onEZ5l3FwYPzcmyeyavsECV%2FmLpIooAT9FDqQBAXAfFxeT4juGXC4Pty2hsCET8HDD0sBN5DwWTEf9rjrjyT%2FERmFky409CiFy3dUgxsz%2B6gDk9ow6WZMS%2FjsvS3OAERWk%2BigesQlZmsazEwEbR1pePASSTcTrLmubyMxVX0NlB9iLQfKGX25PSWy%2FI24tZvH01s2WAoHNJmecu6rTZ2S%2FtTj9bacfjDOnYQj1pljLWXhd0PD7IxedAN2IY4vfaDm3a39nfkk8ilBowgbgvMjXceOxvIkolBan7PkDqyYjl6rHXdJF6XFjQwvtExkzah%2FBshLKgzgXUBoEUrsBiplNt1sg34PNhyGQElBQ3kKxIixK1Wn1%2BrHIn4RmH%2BwrkCW57VnVGslbd8eEZFJv39yEirXTMkSFk2bQkTtUaYtbMG08%2BVoq4q2JPILSUiXGo%2B8ahYrTOKbha0ggVeD8hUE0S%2F578uXZPytGS7Y3ymlD8GicAus7C1do1BbiQpL7zMssXPG8PVyXDjM%2BUf4lRNprl3zJJ2twRdsRKf9bV4SPCYEiVtWqbfGt7vdVteMsDbnAbFPewGFr13BZi7fD3tAeIpURg4cK%2By6EwWWI4t%2BnafSBGJKCVYth7voHGb6hqt2Fq2qc8DDnw8kdSOwfSAxSh0TxWzbmU62Jbp391jCqNi6i8AjdDW4OrfR4f64ZeM9k7Ec3p7PNXq%2BBKL64uAQII7mudjhDEoTVcJUzKsC2%2F4NljFMFZ1l6weQMbFuQwb3M5QWIPV5H%2BzelWCAt8K0RCVT5V8GjlVgXRQh06YxUCMf1IxlPgeJ0dJVcWGT8qulDPfOU3tDQ%2FuiTzqdhHoM1YsZtdkKcmFkFceBPiER2bKzCyAyiwZUCXqD0etoI6B0t4zIB%2Fp9q0SprI00K357khMl6i0nc2drelQynL%2FZbSoz8jSQ%2FsJPb1dmlR4rRsM3kFnB7c6cbqUpYESwJbEjFyNBzxRgo0uKElGvNCNt0GbMoZNQgH2bRSSduLpXNK8MSkK)
1. 是我用法有问题吗?错误是什么?
2. 如果不是:
* "checkedList" 为什么会自己补全?
* 下面的报错是什么意思?
* 这是"ant"的"bug"吗
三千米的偷感
[element2 自定义主题]为什么可以覆盖/改变element的scss变量?
node_modules下面有element-ui文件夹,按照你列出的路径点击去看看就知道什么情况了。。。
三千米的偷感
el-tree节点勾选问题:如何实现自动勾选功能?
问题描述
在同一级下面的节点,我想要拿到el-tree勾选的节点 判断如果节点满足条件会自动勾选其他的节点
你期待的结果是什么?
比如
勾选2-1,通过'-'左边判断,如果是2,就自动勾选2-0;如果是3,就自动勾选3-0,并且在有2-1的情况下,点击2-0不能被取消勾选,除非只有2-0自身了,点击才能取消勾选。这种判断只判断同一级的,不同级的不判断
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241027/35ca227ca67ce4e8198df10b74160aa7.png)
勾选3 自动勾选3-0
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241027/44c2175280b0d0fa2b1b117a320720d5.png)
我遇到的问题?
如果我勾选了2-0和3-0,点击之后都取消不了,我写的判断是点击节点后,直接勾选节点'-'前面拼接0,这样可以做到自动勾选x-0,但是如果勾选2-0和3-0,这两个就闭环了,无法取消勾选了。
三千米的偷感
如何解决 通过WebSocket 大量数据更新散点图导致的页面卡顿问题?
几千个点的数据量还不算大,之前我们项目上用 echarts5 渲染几万个点都没问题。主要两个优化点吧
* 开启"大规模"模式
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241025/78a2b863a36af2d0622a6ad6b3acc930.png)
* 使用 "appendData" 进行增量渲染,特别像 "websocket" 这种以增量的方式推数据的场景,优化效果特别明显。
"https://echarts.apache.org/zh/api.html#echartsInstance.append..." (https://link.segmentfault.com/?enc=LPRjR29rVuVGZ%2Fyz4%2BN5Ew%3D%3D.XXCijoGC%2BZClWyDSDfdtNMrYa%2BRpkJDLfD%2BassXdMVw8qEhiqoy3rswvxNsw2mN%2FCc6ADd6ekcNb7Cf9k4fVINgU20WWDxqomqPQCfD2poE%3D)
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241025/a1f7510a50c0ce18229dbf268a2057e2.png)
三千米的偷感
安装完mysql提示这个怎么回事?
按下tab选择OK就行了
三千米的偷感
该怎么从netfilter勾出来的报文里读取数据?
我该怎么从netfilter勾出来的报文里读取数据?
我使用这个钩子函数,读取netfilter架构勾出来的网络报文对应的skbuff结构体的内容,并打印到日志中.
unsigned int hook_func(void *priv, struct sk_buff *skb, const struct nf_hook_state *state)
//这个函数是钩子函数.
//抓到包时会执行该函数.
//sk_buff是抓到的数据包.
//接受了3个参数,只有中间那个用到了.
{
struct iphdr*p=ip_hdr(skb);
if(p->protocol==6)
{
printk(KERN_INFO"TCP packet!");
printk(KERN_INFO"---len=%d",skb->len);
struct tcphdr*t=(struct tcphdr*)(skb->data+p->ihl*4);
u16 srcport=ntohs(t->source),dstport=ntohs(t->dest);
printk(KERN_INFO"---srcport=%hu,dstport=%hu",srcport,dstport);
unsigned char *c=skb->data;
unsigned char *end=skb->head+skb->tail;
if(srcport==12345)
for(int i=0;c+i
三千米的偷感
用户角色登录的数据库设计方案选择?
直接整一个用户表然后有一个字段是ROLE_ID,它就是角色表的主键,不需要把多种角色拆成多张表,一张角色表就可以了,如果要继续细分到权限,那就角色表里面有一个字段RIGHT_ID关联到权限表。
将多个角色拆分成多张表,那么每张表就有冗余的相同字段了,每当你加一个新角色,要再建一张表,再写增删改查,你觉得角色合到一张表增加了耦合度,但你在业务上实际上需要针对不同的角色表来做处理,这样的复杂度和耦合度我觉得是更高的。
三千米的偷感
如何在ECharts 地图中使用多个经纬度画出多边形,不使用百度地图这些?
多找找EChart提供的Demo就找到了啊…… "在地图上绘制多边形 - Apache
ECharts" (https://link.segmentfault.com/?enc=gbGoDBfLfuWMZvzWNWfVIA%3D%3D.eLUomhdPM0t3ubLCXQrP5xI8%2BpfuTdMLFOZmnyHmfN5XzEF8Joc%2FyEd3FNDuQ4T2BEUL%2FpIOcxLt7%2BmQytcGKJflfvW6F4lb05smcsNgyYw%3D)
只不过你的是自定义的坐标系("coordinateSystem"),所以你得按照你自定义的坐标系去设置你的各个顶点坐标值。不能直接用百度地图的经纬度了。
三千米的偷感
请问 windows terminal 如何实现记住分屏设置?
请问 windows terminal 如何实现记住分屏设置?我不想每次打开这个东东还要再设置一遍,期望是一打开这个东东他就是分屏好了的。
三千米的偷感
怎么在微信小程序使用内嵌的方式预览 pdf?
"https://developers.weixin.qq.com/community/develop/article/do..." (https://link.segmentfault.com/?enc=QEnkf%2FR98KRct7cdYiTw5Q%3D%3D.xqxBpUQuYTbl3eAtq1X9%2FN9LF1HueHGFcLbsAS3EB8tiCHH2sz5Syib5WvhrgjcawweWVm7wIFlvllgECu6NKh2%2BhDvtw7RiywAwz1g2DLIbAl8PZ%2BWdS7%2FZsm0ADo%2F3)
三千米的偷感
软考证书对web前端工程师意义如何?
32岁在二三线城市做前端已经快6年了,目前没有打算更换职业。
想问下必要去参加软考吗?软考证书对前端职业意义大吗?
三千米的偷感
el-radio-button自动选中的问题?
看下封装的radio接收的是string还是number,传参就需要传递相同类型的数据,可以试试把传递的value改成字符串看下效果
三千米的偷感
golang 接收命令行管道怎么处理数字?
你的代码没有任何错误,我这边能够顺利运行。"echo 2 | ./main" 应该输出 "2"。
如果没有输出,问题可能在于执行环境:
1.检查"./main"是否是你想要执行的二进制文件的正确路径。如果你在一个不同的目录下,你可能需要提供完整的路径。
2.确保"main.go"已经被正确编译。你可以通过运行"go build main.go"来完成这个操作。
3.检查你的"$GOPATH"和"$GOROOT"环境变量是否已经被设置正确。
三千米的偷感
如何实现本地缓存自动更新?
背景:
项目里使用了Guava本地缓存,缓存了数据库的一部分数据,项目使用K8S部署,大概有10台左右的机器。当数据库更新时,希望所有机器的缓存同步更新。目前采用的是canal监听binlog
+ 刷入kafka。基于此场景,所以项目使用了广播模式来消费kafak的消息。
问题:由于机器的数目会基于整体压力动态变化,并不是固定数量,所以我们在项目里并没有写死消费者组ID,而是采用了随机数目的方式。但是每次重启容器都会造成kafka的消息堆积,虽然关掉的这个容器的消费者组状态已经是empty了,但不知为什么,腾讯云会保留empty消费者组然后消息堆积,然后就告警。时间一长就会掩盖真正的消息堆积error。虽然可以每次重启后都去删除empty消费者组,但是这样太麻烦了。以后要是100台机器,部署一次就得删100次(这玩意儿还不能多选只能一个个删)
我想追求的是:每个服务的消费者组ID是固定的。
比如:假设现在有4个节点组成的集群,那么消费者组id最好为consumer1-4. 如果扩容到20台,那么他会自动的变为consumer1-20.
如果其中一个节点挂掉了,比如consumer16挂掉,过了一会k8s自己恢复了,我希望新启动的机器自动基础consumer16这个ID。如果此时缩容了,比如由20台缩容到了10台,我希望消费者组ID变为consumer1-10;
又或者?我不用广播模式,而是所有节点用一个消费者组,其中一个消费者消费后,主动轮询调用所有节点的接口去更新缓存(异步)?那这还得维护一个节点的列表。
大家觉得哪种方式更好?或者有其他解决方法?
三千米的偷感
如何使用Git组织编程题目解题历程?
我觉得用Git做这样的事不是很合适,直接编写维护md文档更好一些。Git主要是用来做版本变更记录以及多人协作的,你的需求不太需要用到Git,涉及到修改的部分实际上完全可以在同一个文档中持续记录,而不是在原位置修改以后再提交变更,事实上前者才更直观不是吗?
三千米的偷感
CSS定位局中问题?
定位局中问题:
为了实现图片随浏览器窗口调整时始终居中显示,我不理解它的css,平常我局中都是“子绝父相” 但是我看到有人全都设置在了元素本身上 居然可以实现
position: relative; 是相对自身进行定位的,先transform: translateX(-50%); 再left: 50%;
不就回到原位了么,这局中咋实现的?
.banner .images .item {
overflow: hidden;
}
.banner .images .item img {
position: relative;
width: 1920px;
height: 550px;
transform: translateX(-50%);
left: 50%;
}
上一个
下一个
谁能帮我解释下?