PX_13
相同的HTML代码,用v-html与直接写在模板中染相表现差异巨大,如何规避?
将 vue 模板中 svg 的 "viewbox" 属性修改为 "viewBox" 即可渲染一致
PX_13
如何让 brew 安装软件之前不要 update?
HOMEBREW_NO_AUTO_UPDATE=1 brew install
要是想始终生效就把这个环境变量写进 "~/.zshrc" 里。
PX_13
ubuntu上使用n安装node,使用在命令行中不能用?
使用n成功安装成功了node
ο node/18.17.1
Use up/down arrow keys to select a version, return key to install, d to delete, q to quit
但是输入命令
root@DESKTOP-GS0KUCE:~# node --version
-bash: /usr/bin/node: No such file or directory
应该怎么办
PX_13
漏斗图如何自定义显示文字内容?
三种方法:
echart官方示例:
使用两个漏斗图进行叠加即可:
«"https://echarts.apache.org/examples/zh/editor.html?c=funnel-c..." (https://link.segmentfault.com/?enc=OmEH7H13neanz75ou9lxsA%3D%3D.TILEfySWECEL7PYC1DCEmqsAm%2Fb9LYHg5AMT%2BIE0UsExeDbRABCHsVlAUlWgCUB90cljVD7uSZCqyW38X626XDpsCaK8%2B7w%2BUbk1aAPcLwY%3D)
»
可以使用"G2":
«"https://g2.antv.antgroup.com/zh/examples/general/funnel/#pyramid" (https://link.segmentfault.com/?enc=9EyAJms%2BW2FZYRv1alWkhQ%3D%3D.4yRsA9%2Bn7ZJ%2BRrqlO1uTjLQuMXT8NK6i5efjRwRA%2FmYQoN9BrFOPFL%2FEp5U6h8%2F%2FljTVFsKrgJ%2FrgdrtKCPMNB80tS7ajSSuocPbDMz8KOQ%3D)
»
然后调整"label"就行:
«"https://g2.antv.antgroup.com/spec/label/overview" (https://link.segmentfault.com/?enc=9tsAtEzXxCMKMksanJ5sIg%3D%3D.N9N2qBO4FOh5Uhqt4Lenu%2Bd5rjg%2FaWc4zRdui1R0JXoNOOfdbLkXq3L3J2HS8f77WrHEuqseQjo5ymLtqOgqQg%3D%3D)»
比如:
.label({
text: (d) => `${d.action} ${d.pv}`,
textAlign: 'left',
})
.label({
text: (d) => `${d.action} ${d.pv}`,
textAlign: 'right',
position: 'left'
})
.label({
text: (d) => `${(d.rate * 100).toFixed(1)}%`,
position: 'inside',
transform: [{ type: 'contrastReverse' }],
})
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250106/290e9155a6f1b5ec3639b33ab91d23b5.png)
也可以用"VChart":
配置
outerLabel: {
position: 'right',
visible: true
},
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250106/dc01d2a36148ebe00d1d82f269c31965.png)
«"https://www.visactor.io/vchart/demo/funnel-chart/basic-> funnel" (https://link.segmentfault.com/?enc=%2BXCkQJ4iJ6WsCVqKPqYdAA%3D%3D.sa4%2FO7C5phYHYO1MnHajERTPN6CbwNZQ9cxZqVkIPRlvbZjeXpilhUxJ%2FdpwUTidDFwFLIF5%2Fm827UomjQRp6A%3D%3D)»
另一个类似问题回答
«"https://segmentfault.com/q/1010000044167713/a-1020000044168725" (https://segmentfault.com/q/1010000044167713/a-1020000044168725)»
PX_13
请问如何进行使用添加Button在antd/Collapse 的label上,点击Button,不触发折叠的事件?
{
e.stopPropagation(); // 阻止事件冒泡
console.log('Button clicked');
}}
>
您好
PX_13
VChart 仪表盘如何自定义标题的显示位置?
希望标题在仪表盘指针的下方,同时显示两行文字,这个怎么配置?
"图片" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/f82291e2e0a9c7035587dc257b9d5caa.png)
PX_13
import.meta 使用前提是什么?
遇到模块解析问题就试一下 "moduleResolution: "Node"" (⊙o⊙)
"complierOptions": {
"modules": "esnext",
"moduleResolution": "Node"
}
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241225/ef7684275f1bdee5c927395c4db30ef9.png)
PX_13
关于react函数组件传children的疑问?
这里引用一下官方文档的描述 -> "将 Props
传递给组件" (https://link.segmentfault.com/?enc=xU48dyuI7rPcsKT%2BAqq67A%3D%3D.dMIbJXXoJ%2BJsDASMXlwQMtboz8%2BCpeDHsrkJxMhToU0D2RMFzwgQphadWwEcIrPG6axxqy5J3d6ZNogaj%2F8C2g%3D%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241212/b55fb7dafffc7c7cfdee901456888a49.png)
函数组件的"参数列表"和普通函数还是有区别的,不是我们随意定义的,而是由 React 提供的一个对象,原因也很简单,函数组件最终是由 React
去调用的,"参数列表"的"定义权"在React而不在开发者
PX_13
amh面板 创建lngx环境失败?
还是之前的国内nat机器
不小心搞坏环境了,不得已重装
结果amh 创建lngx环境时失败,大大请看看什么问题。,。。
2023-10-16 01:52:01 (2.91 MB/s) - 'nginx-goodies-nginx-sticky-module.tar.gz' saved [121103/121103]
checking for OS
+ Linux 5.15.108-1-pve x86_64
checking for C compiler ... found
+ using GNU C compiler
+ gcc version: 11.4.0 (Ubuntu 11.4.0-1ubuntu1~22.04)
checking for gcc -pipe switch ... found
checking for -Wl,-E switch ... found
checking for gcc builtin atomic operations ... found
checking for C99 variadic macros ... found
checking for gcc variadic macros ... found
checking for gcc builtin 64 bit byteswap ... found
checking for unistd.h ... found
checking for inttypes.h ... found
checking for limits.h ... found
checking for sys/filio.h ... not found
checking for sys/param.h ... found
checking for sys/mount.h ... found
checking for sys/statvfs.h ... found
checking for crypt.h ... found
checking for Linux specific features
checking for epoll ... found
checking for EPOLLRDHUP ... found
checking for EPOLLEXCLUSIVE ... found
checking for eventfd() ... found
checking for O_PATH ... found
checking for sendfile() ... found
checking for sendfile64() ... found
checking for sys/prctl.h ... found
checking for prctl(PR_SET_DUMPABLE) ... found
checking for prctl(PR_SET_KEEPCAPS) ... found
checking for capabilities ... found
checking for crypt_r() ... found
checking for sys/vfs.h ... found
checking for poll() ... found
checking for /dev/poll ... not found
checking for kqueue ... not found
checking for crypt() ... not found
checking for crypt() in libcrypt ... found
checking for F_READAHEAD ... not found
checking for posix_fadvise() ... found
checking for O_DIRECT ... found
checking for F_NOCACHE ... not found
checking for directio() ... not found
checking for statfs() ... found
checking for statvfs() ... found
checking for dlopen() ... found
checking for sched_yield() ... found
checking for sched_setaffinity() ... found
checking for SO_SETFIB ... not found
checking for SO_REUSEPORT ... found
checking for SO_ACCEPTFILTER ... not found
checking for SO_BINDANY ... not found
checking for IP_TRANSPARENT ... found
checking for IP_BINDANY ... not found
checking for IP_BIND_ADDRESS_NO_PORT ... found
checking for IP_RECVDSTADDR ... not found
checking for IP_SENDSRCADDR ... not found
checking for IP_PKTINFO ... found
checking for IPV6_RECVPKTINFO ... found
checking for TCP_DEFER_ACCEPT ... found
checking for TCP_KEEPIDLE ... found
checking for TCP_FASTOPEN ... found
checking for TCP_INFO ... found
checking for accept4() ... found
checking for int size ... 4 bytes
checking for long size ... 8 bytes
checking for long long size ... 8 bytes
checking for void * size ... 8 bytes
checking for uint32_t ... found
checking for uint64_t ... found
checking for sig_atomic_t ... found
checking for sig_atomic_t size ... 4 bytes
checking for socklen_t ... found
checking for in_addr_t ... found
checking for in_port_t ... found
checking for rlim_t ... found
checking for uintptr_t ... uintptr_t found
checking for system byte ordering ... little endian
checking for size_t size ... 8 bytes
checking for off_t size ... 8 bytes
checking for time_t size ... 8 bytes
checking for AF_INET6 ... found
checking for setproctitle() ... not found
checking for pread() ... found
checking for pwrite() ... found
checking for pwritev() ... found
checking for strerrordesc_np() ... found
checking for localtime_r() ... found
checking for clock_gettime(CLOCK_MONOTONIC) ... found
checking for posix_memalign() ... found
checking for memalign() ... found
checking for mmap(MAP_ANON|MAP_SHARED) ... found
checking for mmap("/dev/zero", MAP_SHARED) ... found
checking for System V shared memory ... found
checking for POSIX semaphores ... found
checking for struct msghdr.msg_control ... found
checking for ioctl(FIONBIO) ... found
checking for ioctl(FIONREAD) ... found
checking for struct tm.tm_gmtoff ... found
checking for struct dirent.d_namlen ... not found
checking for struct dirent.d_type ... found
checking for sysconf(_SC_NPROCESSORS_ONLN) ... found
checking for sysconf(_SC_LEVEL1_DCACHE_LINESIZE) ... found
checking for openat(), fstatat() ... found
checking for getaddrinfo() ... found
configuring additional modules
adding module in /home/usrdata/nginx-generic-1.20/echo-nginx-module-0.42
+ ngx_http_echo_module was configured
adding module in /home/usrdata/nginx-generic-1.20/yaoweibin-ngx_http_substitutions_filter_module-e3291ac
+ ngx_http_subs_filter_module was configured
adding module in /home/usrdata/nginx-generic-1.20/nginx-goodies-nginx-sticky-module
+ ngx_http_sticky_module was configured
checking for PCRE library ... not found
checking for PCRE library in /usr/local/ ... not found
checking for PCRE library in /usr/include/pcre/ ... not found
checking for PCRE library in /usr/pkg/ ... not found
checking for PCRE library in /opt/local/ ... not found
./configure: error: the HTTP rewrite module requires the PCRE library.
You can either disable the module by using --without-http_rewrite_module
option, or install the PCRE library into the system, or build the PCRE library
statically from the source with nginx by using --with-pcre= option.
make: *** No rule to make target 'build', needed by 'default'. Stop.
nginx version: nginx/1.20.2
built by gcc 11.2.0 (Ubuntu 11.2.0-19ubuntu1)
built with OpenSSL 1.1.1o 3 May 2022
TLS SNI support enabled
configure arguments: --prefix=/usr/local/nginx-generic-1.20 --user=www --group=www --with-http_ssl_module --with-openssl=/home/usrdata/nginx-generic-1.20/openssl-1.1.1o --with-http_gzip_static_module
--with-http_v2_module --with-threads --without-mail_pop3_module --without-mail_imap_module --without-mail_smtp_module
[Error] Lngx01 create failed.
amh lngx info 如下
[lngx-2.6 info]
=============================================================
AMH-ModuleName: lngx-2.6
AMH-ModuleSort: env
AMH-ModuleType: WEBEngine
AMH-ModuleMainVersion: 2.6
AMH-ModuleVersion: 2.6
AMH-ModuleDescription: 更新升级至lngx-2.6版本。增加WebSocket(ws)反代选项,修复关闭或启动缓存https配置没更新问题,增加ipv6监听选项,修复网站存在并发限制、宽带限速或流量防护CDN模式时更换环境nginx出错问题,修复虚拟主机列表点击规则文件跳转切换了环境管理问题。AMH-LNGX反向代理的环境模块。LNGX即为Linux+Nginx+X,其中X为未限定。lngx网站环境提供支持缓存管理与设置反代站点,支持在线关键字添加、替换,支持设置不同类型文件替换、与支持添加自定义首尾html代码块等。您可以创建lngx环境做为其它环境应用前端,如在不同位置建立lngx环境并开启缓存做为站点的CDN加速镜像等。
AMH-ModuleInstallPath: /usr/local/lngx-2.6
AMH-ModuleSbin:
AMH-ModuleDate: 2023-01-11
AMH-ModuleWebSite: http://amh.sh
AMH-ModuleIco: logo.gif
AMH-ModuleScriptBy: amysql
AMH-ModuleNeedParamFunctions:
AMH-ModuleProcessTag:
AMH-ModuleProcessFunctions:
AMH-ModuleNotProcessFunctions:
AMH-ModuleInstallFunctions: url:index.php?c=lngx,txt:LNGX 环境列表|url:index.php?c=lngx&a=lngx_vhost&lngx_name={env_val},txt:主机列表,defaule:y|url:index.php?c=lngx&a=lngx_cache&lngx_name={env_val},txt:缓存设置|url:index.php?c=lngx&a=lngx_cache_index&lngx_name={env_val},txt:缓存索引|url:index.php?c=lngx&a=lngx_cache_del&lngx_name={env_val},txt:缓存删除|cmd:uninstall,txt:卸载,class:red
AMH-ModuleNotInstallFunctions: cmd:install,txt:安装|cmd:delete,txt:删除,class:red
AMH-ModuleExtFunctions:
AMH-ModuleVid: 11
root@1160:~#
PX_13
vue中动态给dom元素添加伪元素?
例如某些情况下,这个元素的dom的before才会出现,而且before里面的css的长度高度或者其他元素也是无法确定的
原本考虑在css中写下这个伪元素的css代码,然后控制dom的class,但是伪元素不能写死在css里面,因为它里面也有动态参数,通过用户的某些行为是需要改变的
PX_13
多线程并发查询百万数据的内存占用问题?
题目说十个线程各查 500 万,代码里是十个现成分批查,一批 10 万,500 万和 10 万的差距还是挺大的
多线程环境下这么观察内存使用其实没法观察,不如把单线程查询需要多少内存算准了,多线程就做个乘法的事
另外如果想知道内存使用多少,直接看字段大小就能大概估算出来
PX_13
amh面板,挂载新的硬盘,迁移数据到新硬盘后,重启vps,amh面板就进不去了?
你在my.cnf中添加 server-id = 1 尝试一下,如果不行就注释掉以下三行数据
log-bin = mysql-bin
binlog_expire_logs_seconds = 600
max_binlog_size = 200M
PX_13
如何理解mybatis的一级缓存?会不会造成数据不一致的问题?
最近在了解mybatis缓存的时候, 看到了一级缓存, 并且默认是打开的,但是我有一个疑惑:
如有两个SqlSession, 假设叫做a,b; 如果a查询一次, 紧接着b更新一次, 然后此时a再次查询,是不是查询到的还是老数据
所以是不是我对SqlSession理解不到位? 如果两个用户并发在接口上请求, 是不是大概率不在一个SqlSession上? 如果是,
那会不会出现脏读问题?
PX_13
html-docx.js如何设置页眉页脚?
html-docx.js如何设置页眉页脚
PX_13
vue3+ts+vite堆栈溢出报错?
铁子,死循环了或者无限递归或者UI组件无限刷新了。
检查下报错文件所在位置处理了什么逻辑:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241115/54ea23a7c97c42712a5c6fdc886be507.png)
PX_13
使用axios发送POST请求,请求参数为JSON格式,请求报错提示跨域?
请问大佬们,如何通过axios,去实现post请求,并且请求参数为JOSN格式传入body内?我这样的写法有什么错误吗?请求就提示跨域报错
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241115/788c5c13ce696b056165b48dad281ca2.png)
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241115/fb9571c10410aa4d8feefda6b5df343d.png)
"FCDT5BPKCY4O4QR@T3@DZR3.jpg" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241115/f3315d3c6a9de9e9cd7099b9d03c3f66.png)
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241115/4ad7d73064b683c79e91fd5a94caa679.png)
PX_13
解决前端vue每次修改ip地址的问题?
不管是不是私有化部署,都不建议在前端代码里把目的地址写死,毕竟还有 CDN 等情况。
如果是小型项目,就算是前后端分离开发,也可以打包成一体发布,这样目标地址就可以直接从 "/pathname/..."
开始,因为前端访问的就是后端服务器地址(含端口),所以随便怎么部署都不会有问题,相关内容可以参考阅读:"前后端分离:分离开发,一体发布" (https://segmentfault.com/a/1190000022601267)
如果一定要分开发布,前端需要从后端去获取地址(毕竟要让用户自己设置环境不太现实),那么这里就有好几种获取方式,题主用到了最常用的一种方式,加载
"config.js"。
这种方式本身没有问题,发布之后更改一下 config.js 就好。在开发的时候提示找不到变量,多数是 ESLint 等工具没找到相关变量的定义,或者没有通过
import 引用。如果是 "const" 定义的,最好是 export 出来再使用的地方 import,但这样会造成耦合,所以一般不会直接定义
"const",而是挂在 "window" 上去。
挂在 "window" 上相当于是全局变量,所以这里解决 ESLint 的问题有两种办法:一种是在 ESLint 中配置
global(参阅:"Configure Language Options -ESLint" (https://link.segmentfault.com/?enc=uZv6O9LxZMaFeUqyJMkJdA%3D%3D.DQckuk8A3QUHAuqTPOW9KR7gumlCXOPaNN0HMCMSChjqRLswcTCCEGGiSPB7qBjY5AOb3RSb3YEBat0%2FVMg9kFJbPv417XFMFm7JSTz6nv2%2BQnpVX5uaKXrv8JLxPy%2FH)),下面是文档中的配置示例:
{
"globals": {
"var1": "writable",
"var2": "readonly"
}
}
另外一种办法,是在使用了 TypeScript 的情况下,定义一个全局类型,扩展 "Window" 接口
"snipaste_2023-11-25_12-51-02.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241114/e36f25d52b5ee36f9a02aafdb1562432.png)
PX_13
copilot/new bing 怎么回到某个对话历史?
我在 edge 上试了一下,发现是可以的
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241113/18699c5f16ff93b66d6961495c01ff3d.png)
但是在 firefox 上试了一下,却是不行
至于为什么我可以在 firefox 上跑 copilot,因为我安装了 "Bing AI for
Firefox" (https://link.segmentfault.com/?enc=TGfP2uLw0%2F0R%2FzUIXf4%2BmQ%3D%3D.hw%2FTgXCNQNxUiH0mXCDEPqmO7D0HCciJ3UwiVqlPowG75598n%2B4NAeKeVsV6gUpxIqkja%2FyKRwyrCi8jmvkSGuMziBlaXMTOc7X4q0jtjP4slhJdOeI22iYhoiPCQV%2F%2BnhThPzYvbr5z5C86TqFvKxPz7A8ik0CmYQC6ptimNtH4Yj4u0r%2FlRHghC7aloq7n)
这个插件
PX_13
阿里云服务器实例?
买了一个阿里云服务器,必须要创建实例才可以使用吗?什么是阿里云服务器的实例呢?
PX_13
Vue项目中axios拦截器错误回调问题,请问该如何解决?
在vue的项目中,前端请求后端的接口,数据返回了,状态是200,但是在axios的拦截器里走了error()的回调,这是为什么呢?!"32f96bb1aabf40c6ce3296eeca5120b.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241111/2cd041f18d975905a2a17aedb54d5ea7.png)"c9e1ce27dc17aa821db350990aae042.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241111/2ac5bb2fafa6a4ea8f83e12580d86066.png)
返回的是一个文件流,盲猜是返回的文件的格式不对,不知道要咋改
PX_13
linux 管道命令 grep 如何实现 or 过滤?
linux 管道命令 grep 如何实现 or 过滤?例如:
git log --author=yuhaomiao --stat grep '+'
这个可以过滤包含 "+" 的行,没有问题,但是我希望匹配到包含 "+" 或 "-" 的行。
网上搜的使用
git log --author=yuhaomiao --stat | grep -E '+|-'
没有效果。
PX_13
Java 导出 Excel 数据能不能生成柱状图和饼图?
通过Java 导出 Excel 数据能不能生成柱状图和饼图
目前没有找到什么合适的方法,主要是需要输出图表结构到文件中给客户
PX_13
想要做一个能够自适应的卡片布局,该怎么做?
想要做一个能够自适应的卡片布局,该怎么做?
就是能够根据里面方块的数量,去填满整个大方块,小方块的数量不确定。
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/ad30eb1211b1ab171938f70012ea03d0.png)
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/85ca6a4e11646b461cf7f5f9c2e2a2a6.png)
PX_13
echarts添加legend失效是由什么引起的?
series没有name
PX_13
请教`Webpack`打包后找不到资源?
请教"Webpack"打包后找不到资源?
入口文件如下:
const Fiexd = lazy(() => import('./Fiexd'));
const ZoomFiexd: FC> = ({ children }) => (
{children}
);
export { ZoomFiexd };
export default ({ children }: PropsWithChildren) => {
return (
{children}
);
};
打包在"lib"目录,如下:
874.index_bundle.js
874.index_bundle.js.map
index_bundle.js
index_bundle.js.LICENSE.txt
index_bundle.js.map
入口文件"index_bundle.js"在"package.json"中设置"main"指向"./lib/index_bundle.js"就好了
但是"874.index_bundle.js"这个文件就找不到了,提示如下
ERROR
Loading chunk 874 failed.
(error: http://localhost:8686/874.index_bundle.js)
ChunkLoadError: Loading chunk 874 failed.
于是我去查了下,说是要设置"homepage"
* 但是无论我是设置"./lib/"还是设置".",都不对
* 于是我想是不是要将"homepage"指向"./lib/","main"入口指向"index_bundle.js",还是不对
请问这个要怎么配置?
PX_13
请求帮忙解决Python编程中提示路径错误文档不能写入的问题?
我想实现的功能是:将n张图片拖入固定文件夹中后自动用word排版,word标题为“照片”,每页排版两张照片,每张照片下边有序号和“备注:”
import os
from PIL import Image
from docx import Document
from docx.shared import Inches
from docx.enum.text import WD_PARAGRAPH_ALIGNMENT
from docx.oxml import OxmlElement
def create_word_document(image_folder, output_path):
# 获取图片文件列表
image_files = [f for f in os.listdir(image_folder) if f.lower().endswith(('.png', '.jpg', '.jpeg', '.gif', '.bmp'))]
if not image_files:
print("未找到任何图片文件。")
return
# 创建Word文档
doc = Document()
doc.add_heading('照片', level=1).alignment = WD_PARAGRAPH_ALIGNMENT.CENTER
# 每页排版两张照片
photos_per_page = 2
for i, image_file in enumerate(image_files, start=1):
if i % photos_per_page == 1:
# 添加新的一页
section = doc.sections[-1]
footer = section.footer
footer.paragraphs[0].clear() # 清除页脚原有内容
footer.paragraphs[0].add_run(f"第 {i // photos_per_page + 1} 页").alignment = WD_PARAGRAPH_ALIGNMENT.CENTER
doc.add_page_break()
# 添加图片和备注
img_path = os.path.join(image_folder, image_file)
img = Image.open(img_path)
doc.add_picture(img_path, width=Inches(3.0))
doc.add_paragraph(f"序号:{i}")
doc.add_paragraph("备注:")
# 保存Word文档
doc.save(output_path)
print(f"Word文档已保存至: {output_path}")
if __name__ == "__main__":
# 指定图片文件夹和输出Word文档路径
image_folder_path = "d:ANZHUANG/PYTHON/IMA"
output_word_path = "d:ANZHUANG/PYTHON/output/"
create_word_document(image_folder_path, output_word_path)
为什么运行的时候老是出现写入路径错误
D:\ANZHUANG\PYTHON\python.exe C:/Users/admin/PycharmProjects/pythonProject/lianxi3.py
Traceback (most recent call last):
File "C:\Users\admin\PycharmProjects\pythonProject\lianxi3.py", line 51, in
create_word_document(image_folder_path, output_word_path)
File "C:\Users\admin\PycharmProjects\pythonProject\lianxi3.py", line 40, in create_word_document
doc.save(output_path)
File "D:\ANZHUANG\PYTHON\lib\site-packages\docx\document.py", line 151, in save
self._part.save(path_or_stream)
File "D:\ANZHUANG\PYTHON\lib\site-packages\docx\parts\document.py", line 106, in save
self.package.save(path_or_stream)
File "D:\ANZHUANG\PYTHON\lib\site-packages\docx\opc\package.py", line 151, in save
PackageWriter.write(pkg_file, self.rels, self.parts)
File "D:\ANZHUANG\PYTHON\lib\site-packages\docx\opc\pkgwriter.py", line 27, in write
phys_writer = PhysPkgWriter(pkg_file)
File "D:\ANZHUANG\PYTHON\lib\site-packages\docx\opc\phys_pkg.py", line 109, in __init__
self._zipf = ZipFile(pkg_file, "w", compression=ZIP_DEFLATED)
File "D:\ANZHUANG\PYTHON\lib\zipfile.py", line 1239, in __init__
self.fp = io.open(file, filemode)
PermissionError: [Errno 13] Permission denied: 'd:ANZHUANG/PYTHON/output/'
通过提高管理员权限试图解决不能写入给定路径的问题,但是还是出现结果中的提示。
希望大神帮忙指点一下,如何实现既定的功能。
PX_13
请问如何在 manifest version3 中正确的通过 css 调用图片?
我在开发一个 chrome 的插件,现在遇到的问题是无法在 css 文件中调用图片文件,目录结构如下
/project-root
│
├── manifest.json
├── css
│ └── style.css
├── images
│ ├── icon-48.png
│ ├── icon-32.jpg
│ └── icon-16.png
└── scripts
└── content.js
在 manifest.json 文件中已经通过 web_accessible_resources 将对应图片引入
"web_accessible_resources": [
{
"resources": [
"/images/*"
],
"matches": [
""
]
}
],
"content_scripts": [
{
"matches": [
""
],
"js": [
"scripts/content.js"
],
"css": [
"css/style.css"
]
}
],
在 style.css 中
.text-icon {
background-image: url('../images/icon-48.png');
background-size: cover;
width: 20px;
height: 20px;
}
始终无法将图片载入。
我尝试过多个方法
* 绝对路径,相对路径,都无法载入图片
* 我尝试用const imageUrl = chrome.runtime.getURL('images/icon-48.png');
console.log('Image URL:', imageUrl);
icon.style.backgroundImage = "url(${imageUrl})";
但得到的图片路径转字符了得到的结果是 "background-image: url("chrome-extension://adfdaksfdafdk/images/icon-48.png");"
上引号变成了 """ 这样的字符。
请问在 manifest version3 中正确的调用图片是该怎么操作呢?
PX_13
Vue 3中Object.assign与响应式数据?
造成这个现象的原因是 "Object.assign" 修改了 "person" 的属性,触发了组件更新,从编译完成后的代码我们可以看出,template
最终被编译成了 "render function",其中引用了 "person.aa",也就是说 "render function" 会被收集为
"person.aa" 的依赖
当 "Object.assign(person,{aa:"121231",bb:12131})" 被执行,也就意味着 "render function"
会被重新执行,但这里很重要的一点是,vue的更新是异步的,状态变化驱动的更新会被合并到下一个 "nextTick" 执行
综上,这里的执行顺序其实是
1. "Object.assign(person,{aa:"121231",bb:12131})"
2. person = {aa:"hhh",bb:13}
3. "person = {aa:"hh",bb:132}"
4. ...
5. "render function"
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/42f4a59dd3aea39a35a036dbea5f4cb2.png)
这就是为什么步骤3中 "person = {aa:"hh",bb:132}" 能影响渲染结果,但重新赋值也导致其丢掉了响应性
PX_13
python函数调用触发except后,如何立即中断当前循环,进入下一个循环?
那你把捕获错误放循环中呗
def f1(args):
doing something
for item in [n1,n2,n3]:
try:
f1(args1)
f2(args2)
f3(args3)
except:
pass
PX_13
vue3组合式api+ts,props嵌套传递,直接绑定到元素上,是响应式的嘛?
理解本身就有问题,并不是侦听 props,才能响应式
而是 props 内部是 reactive 实现的,本身是响应的,解构才会出现不响应的问题
莫名其妙的开发者喜欢用 watch 曲线救国
props 向下传递即可
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/a3f8d5ae6d4775f9083928d7fc289bdb.png)
PX_13
android 父子视图都设置了点击事件,父视图监听事件不触发怎么办?
自定义视图继承"viewgroup",重载 "onInterceptTouchEvent" 方法,在里面针对 "down/move/up"
事件做条件判断可实现父子视图同时触发或仅子视图触发或仅父视图触发。代码如下:
public class MyView extends FrameLayout {
// 省略部分代码
private final View.OnTouchListener onTouchListener = (v, event) -> {
// 滑动代码
};
private void initEvent() {
this.rootView.setOnTouchListener(this.onTouchListener);
}
public boolean onInterceptTouchEvent(MotionEvent ev) {
int action = ev.getAction();
// 滑动行为判定的阈值 - 一般采用系统计算好的
float touchSlop = ViewConfiguration.get(this.context).getScaledTouchSlop();
switch (action) {
case MotionEvent.ACTION_DOWN:
// 不拦截 - 子视图onTouch事件消费
this.initX = ev.getX();
this.initY = ev.getY();
// 为了让父视图也触发事件 - 手动调用方法
this.onTouchListener.onTouch(this, ev);
break;
case MotionEvent.ACTION_MOVE:
float distanceX = Math.abs(ev.getX() - this.initX);
float distanceY = Math.abs(ev.getY() - this.initY);
if (distanceX > touchSlop || distanceY > touchSlop) {
// 滑动行为- 手动触发父视图的 onTouch 事件
this.onTouchListener.onTouch(this, ev);
// 如要求仅触发父视图事件则返回true - 不分发事件给子视图
// 如要求仅触发子视图事件则不执行上述手动触发代码并返回false - 分发事件给子视图
// 如要求同时触发父子视图事件则返回false并执行上述手动触发父视图事件代码
return true;
}
break;
case MotionEvent.ACTION_UP:
// 手动触发父视图事件(由于拦截了 move 事件,但up事件没拦截,尚不确定是否会触发子视图的 onTouch 事件)
this.onTouchListener.onTouch(this, ev);
break;
default:
break;
}
return super.onInterceptTouchEvent(ev);
}
}
PX_13
css中绝对定位如何不受设备分辨率影响始终定位在固定的点?
既然你的容器用的是 "vw/vh" 这样的视口单位,那么你的定位时使用的单位也需要使用 "vw/vh" 这样的视口单位。
但是既然你只需要给图片设置可以点击的区域,可以考虑使用上古时代的 "热点区域 - HTML(超文本标记语言) | MDN" (https://link.segmentfault.com/?enc=LoJPbcuAVFM3ncwvMSQFhw%3D%3D.0z8soEbNLj1Me4oh1F%2B9HSyLM7Vh1W6%2FNbUp8kQV1DqG7PRtr4B5kvTdtNGGD4W8cxGuKgJPJfP2LhscjoRWOQ%3D%3D)
PX_13
我再react中使用zustand。我想增加命名空间。一直报错?
我再react中使用zustand。我想增加命名空间,代码如下,vscode一直提示"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/03aa22194665c392aa6b57dcd8c964d3.png)
import { create, StateCreator } from "zustand"
type AboutState = {
count: number
increase: (n?: number) => void
decrease: () => void
}
type HomeState = {
n: number
increase: (n?: number) => void
decrease: () => void
}
type Store = {
about: AboutState
home: HomeState
}
const createAbout: StateCreator = (set) => {
return {
count: 0,
increase: (n = 1) => set((state) => ({ count: state.count + n })),
decrease: () => set((state) => ({ count: state.count - 1 })),
}
}
const createHome: StateCreator = (set) => {
return {
n: 0,
increase: (n = 1) => set((state) => ({ n: state.n + n })),
decrease: () => set((state) => ({ n: state.n - 1 })),
}
}
export const useStore = create()((...set) => ({
about: createAbout(...set),
home: createHome(...set),
}))
PX_13
springboot微信登陆怎么本地调试?
springboot微信登陆怎么本地调试
我在host文件写了公司地址 http:xxxxxx/callback ,然后nginx
80端口监听callback跳转到我本地localhost:8006,但是我nginx启动就闪退了
PX_13
amh支持的企业级应用软件有哪些?
请问amh支持“企业级应用软件”,具体是哪些软件?
请问amh支持“企业级应用软件”,具体是哪些软件?
PX_13
react中使用useRef调用子组件的方法更改状态的问题为什么会再次初始化子组件的状态?
在react项目中,子组件通过useImperativeHandle
将自身的两个setState方法暴露给父组件,父组件通过ref调用这些方法的时候其中一个状态(skuBreak)出现了异常,又会再次被初始化成false,但是getDisabledLabel代码运行是没问题的,打印出来的skuBreak虽然又变回了false,但是展示在页面上依然是‘xxx’,
子组件:
function BtnGroup({ onBuyNow, onAddCart }, ref) {
// 。。。其他代码
const [btnDisabled, setBtnSta] = useState(disabled);
const [skuBreak, setSkuBreak] = useState(false);
const getDisabledLabel = useCallback(() => {
console.log('🚀 ~ BtnGroup ~ skuBreak:', Date.now(), skuBreak);
// 。。。其他代码
if (skuBreak) {
return 'xxx'
}
}, [skuBreak]);
useImperativeHandle(ref, () => ({
setDisabled: (sta) => {
setBtnSta(sta);
},
setSkuBreak: (sta) => {
setSkuBreak(sta);
},
resetDisabled: () => {
setBtnSta(disabled);
},
}));
useEffect(() => {
setBtnSta(disabled);
}, [disabled]);
// 。。。其他代码
return {getDisabledLabel()}
}
父组件调用
const handleBreakSkuChange = useCallback(() => {
btnGroupRef.current.setSkuBreak(true);
btnGroupRef.current.setDisabled(true);
}, []);
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/23e870813be54330148fc1b2e3423d71.png)
希望大佬告知原因,如果有说的不明白的地方 我会补充
PX_13
网站和接口在同一个服务器接口无法访问nginx该如何配置?
proxy这么改:
location ^~/v1/ {
proxy_pass https://127.0.0.1:300/v1/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Proto https;
proxy_set_header X-NginX-Proxy true;
proxy_buffers 256 4k;
proxy_max_temp_file_size 0k;
proxy_connect_timeout 30;
proxy_send_timeout 60;
proxy_read_timeout 60;
proxy_next_upstream error timeout invalid_header http_502;
}
"Nginx -proxy_pass路径的唯一拼接规则" (https://link.segmentfault.com/?enc=u89NSx5St747gE2OSEGFGA%3D%3D.HdOxV%2BPtPcJ%2BsLxuFG5byYI%2BTg9uzFXPD9wJLEhRi5cq7DWBeuve5481UycVfVEN)
PX_13
如何在Vue中解决从HTML文件返回Vue文件的问题?
一开始在浏览器运行Vue文件还可以的,之后写了HTML文件并运行后发现无论如何都无法回到原来的Vue文件了
{{ message }}
let message = 'happpy birthday'
setTimeout(() => {
console.log('stringBeforeUpdate:'+ message)
message = 'HAPPY BIRTHDAY'
console.log('stringAfterUpdate:'+ message)
}, 3000);
import { createApp } from 'vue'
import './style.css'
import App from './components/message.vue'
createApp(App).mount('#app')
11
尝试:
1、更改main.js文件的import App from './components/message.vue'
2、删除index.html
结果:
1、能运行回原来的message.vue
PX_13
layui的表格自带的隐藏列的功能问题?
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/713ebcbfd2b45aac8ada27747c314c74.png
使用的说layui的表格自带的隐藏表格列的功能
现在想要实现的功能说如何在隐藏其中的几列以后,获取显示的列的数据,主要是获取除影藏以外的列的表头数据,这个数据需要传给后端
第一次用这个框架,麻烦各位大佬给个解决方法
PX_13
vite打包ts编译报错TS2688: Cannot find type definition file for ''该怎么排除解决?
打包时执行 "vue-tsc && vite build" 报错:
error TS2688: Cannot find type definition file for ''.
The file is in the program because:
Entry point for implicit type library ''
依赖版本如下:
"dependencies": {
"@vueuse/core": "^10.5.0",
"ant-design-vue": "4.x",
"pinia": "^2.1.6",
"sass": "^1.69.2",
"vue": "^3.3.4",
"vue-router": "^4.2.5"
},
"devDependencies": {
"@types/node": "^20.10.0",
"@typescript-eslint/eslint-plugin": "^6.7.5",
"@typescript-eslint/parser": "^6.7.5",
"@vitejs/plugin-vue": "^4.5.0",
"eslint": "^8.51.0",
"eslint-plugin-vue": "^9.17.0",
"postcss-syntax": "^0.36.2",
"typescript": "^5.4.2",
"unplugin-vue-components": "^0.25.2",
"vite": "^4.5.0",
"vue-tsc": "^1.8.5"
}
tsconfig.json
{
"compilerOptions": {
"baseUrl": "./",
"typeRoots": [
"node_modules/@types", // 默认值
"types"
],
"paths": {
"@/*": [
"src/*"
],
"#/*": [
"types/*"
]
},
"target": "ES2020",
"useDefineForClassFields": true,
"module": "ESNext",
"lib": [
"ES2020",
"DOM",
"DOM.Iterable"
],
"skipLibCheck": true,
/* Bundler mode */
"moduleResolution": "Node",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve",
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true
},
"include": [
"src/**/*.ts",
"types/**/*.d.ts",
"src/**/*.tsx",
"src/**/*.vue"
],
"exclude": [
"node_modules",
"dist",
"**/*.js"
],
"references": [
{
"path": "./tsconfig.node.json"
}
]
}
因为不知道''(就是'')到底是什么,不知道从何入手,重新拉取了typescript也不行
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/9b18b6202f7ac284254c4f30903ef3f2.png
PX_13
怎么自建uniapp 组件库?
1. 首先使用vscode的cli模式的方式搭建你的工程
2. 学习一些npm发布的知识
3. 规范你的ts和md文档
PX_13
介绍个B站上比较“新”的C#基础的系统视频吧?
最近需要把C#学下,从最基础的开始,有没有学过的B站的系统视频的,最好是比较新的。
PX_13
修改哪个配置文件可以恢复被AMH防火墙禁止的IP访问?
ip被amh禁止访问了(装有防火墙插件),需要修改哪个配置文件?
amh面板和网站都进不去了,需要换ip才能进入
防火墙插件放行了ip,也不行
PX_13
请问微信小程序这种pdf文件的保存,能单独加按钮点击保存吗?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241005/092bfde71068b5828b6d434501894c2b.png)
而不是打开一个这种文件预览页面 点击下载保存,想在小程序加个下载按钮,直接保存pdf文件,而不是进入这种预览页面,然后还要点击右上角三个点去保存
PX_13
如何解决本地和生产环境字体显示不一致的问题?
看起来是字体大小不一样,你线上是不是用"ctrl"+"+"把页面放大了?😅
PX_13
如何在前端实现页面路径跳转?
问题: 前端如何跳转页面路径 ?
我尝试使用了路由的语法, 但是没有跳转
PX_13
如何解析html中的路径得到最终的url呢?
"src="/assets/index-BgnkCtKv.js">" 这种以"/"开头的,会使用根目录。即"http://localhost:3000"
改成这种"assets/index-BgnkCtKv.js"" 就会使用相对路径。
PX_13
vue3怎么使用css-in-js?
你是想要写组件库?那么参考 "Ant Design Vue
4.x" (https://link.segmentfault.com/?enc=f3WoR0VJPSiKU31VZFZenQ%3D%3D.5ObivtIzBtH7YeZ8zZZJfqxR%2BJTZdIUIzf5vi1WUw0b5kqZZDHDrk%2FU%2FdpeDNLm2Rx0U%2BRajBB7a%2Fqhkd2RF6ShrXE9bEZeqjKDrLICTRV8%3D)
的实现就好了。
如果你是想要在在写业务的时候使用 "css-in-js" 为啥不直接用 "CSS
Modules" (https://link.segmentfault.com/?enc=Svk%2BVzc4Q%2FckHk0y3RIhZA%3D%3D.tBCrWVR9%2BcoSMXxYVACiYxXDNyHSDgMwzKoLCUwGPUIpbmO374gp8Y5p88ix6dE03oiauRrMo873CwPM5yLwNA%3D%3D)
带有一些个人偏见,你是单纯想要模仿那些组件库为了不写在一个 ".vue" 文件里,去使用 "css-in-js" 那么你得先知道他们为啥选择 "css-in-js" 的目的。
个人想法除非说你想要实现动态主题效果,并且不想使用 "css
variable" (https://link.segmentfault.com/?enc=F0Ug7zhGbljCn2lPDmh%2BXQ%3D%3D.0VbgbNzMfjyIoPZysB5Cx9Lm5SM6VwJcTmKjeWWtrnpawwbUTWC1V1hcwANr3hCHFBlDxc%2FQ8a0Xguf5C6Pxtg%3D%3D),那么确实使用
"css-in-js" 会有一些优势。
PX_13
前端制作网页是否要根据蓝湖提供的样式文字加粗?
蓝湖提供的样式
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/ea75ac37ae09af374c9e8408e480d835.png)
设置之后展现,感觉要比设计稿粗很多,需要用设计稿的样式?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/3b16c63b2dced1a72abf3a0ca676441a.png)
PX_13
如何实现图片中所示的内凹圆角样式?
这个样式有没有大佬提供下思路"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/c99ec4f7d346bdc0a8cd8718eee564b0.png)
尝试过内凹圆角,还是不行