周舟莫UI设计
IP:
42关注数
1粉丝数
17获得的赞
工作年
编辑资料
链接我:
创作·64
全部
问答
动态
项目
学习
专栏
周舟莫UI设计
vite 开发环境每次改动代码 请求3百多个文件 巨慢 热更新 有什么办法快点吗？
"https://moonvy.com/blog/post/2024/migrate-vite-to-rsbuild/" (https://link.segmentfault.com/?enc=M20jTaQxMO6ofYaOPtBjng%3D%3D.rc%2BPOMmZ%2F4c5kFWCDU94QiQDwXS4GfDT2ihUWZARNx9s1cMhet3KEmtsOPtoFLnknAj023sZ3gzQkv%2Fztqtb3Q%3D%3D)
0
0
0
浏览量0
周舟莫UI设计
el-table的合计行如何自定义单元格内容的样式？
只是设置颜色的话，可以学习"element-plus-table" (https://link.segmentfault.com/?enc=sNFfxN4rCmdURRo1IHwePA%3D%3D.zjhXqygfIXXacJ5B9gINWZ37Lmz7AqBJDHiQeZzpN68bCH7ix9JvzqAEP3zS1RZcsTgRdC%2Ba%2FqRSfD4O0NhRVKyr7f0GukY5P5I8iKfyNzyO1oqxcPO20vUhx4zTi%2F0g%2Bn073ifKh3d5mjXzR2X0Qg%3D%3D)中提到的方法，在summary-method中返回一个VNode，这个相当于设置单元格子元素的内容和样式，并不是直接操作单元格，如果需要操作单元格，需要使用下面代码$nextTick中的方式，使用js原生dom
api进行设置
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20250121/a31ec8621124335adcce035adf4e912e.png)
sums.forEach((item, index) => {
if(parseFloat(item) > 0){
let el = sums[index] = this.$createElement('span', { style: { color: '#f00' } }, [item])
this.$nextTick(() => {
el.elm.parentNode.parentNode.style="background:#ff0;"
})
}
})
0
0
0
浏览量0
周舟莫UI设计
nodejs我想在闭包中动态执行调试代码，上下文是在闭包中，而不是上下文中，如何实现?
pt.launch({
// slowMo: 250,
devtools: true,
headless: false,
// executablePath: '/path/to/Chrome',
args: [
'--disable-features=site-per-process',
'--disable-notifications=true'
],
ignoreDefaultArgs: ['--enable-automation'],
// devtools: false,
}).then(async browser => {
const page = await browser.newPage()
在这里打断点动态执行
9
1
0
浏览量239
周舟莫UI设计
Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactory bean?
启动springboot项目时报错, 报错信息如下:
org.springframework.context.ApplicationContextException: Unable to start web server; nested exception is org.springframework.context.ApplicationContextException: Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactory bean.
at org.springframework.boot.web.servlet.context.ServletWebServerApplicationContext.onRefresh(ServletWebServerApplicationContext.java:157) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
at org.springframework.context.support.AbstractApplicationContext.refresh(AbstractApplicationContext.java:543) ~[spring-context-5.1.5.RELEASE.jar:5.1.5.RELEASE]
at org.springframework.boot.web.servlet.context.ServletWebServerApplicationContext.refresh(ServletWebServerApplicationContext.java:142) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
at org.springframework.boot.SpringApplication.refresh(SpringApplication.java:775) [spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
at org.springframework.boot.SpringApplication.refreshContext(SpringApplication.java:397) [spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
at org.springframework.boot.SpringApplication.run(SpringApplication.java:316) [spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
at org.springframework.boot.SpringApplication.run(SpringApplication.java:1260) [spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
at org.springframework.boot.SpringApplication.run(SpringApplication.java:1248) [spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
at cn.ethan.chatgpt.Application.main(Application.java:17) [classes/:na]
Caused by: org.springframework.context.ApplicationContextException: Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactory bean.
at org.springframework.boot.web.servlet.context.ServletWebServerApplicationContext.getWebServerFactory(ServletWebServerApplicationContext.java:206) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
at org.springframework.boot.web.servlet.context.ServletWebServerApplicationContext.createWebServer(ServletWebServerApplicationContext.java:180) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
at org.springframework.boot.web.servlet.context.ServletWebServerApplicationContext.onRefresh(ServletWebServerApplicationContext.java:154) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
... 8 common frames omitted
启动具体代码如下:
@SpringBootApplication
public class Application {
public static void main(String[] args) {
SpringApplication.run(Application.class, args);
}
}
Pom文件依赖如下:
org.springframework.boot
spring-boot-starter-security
2.1.3.RELEASE
org.springframework.boot
spring-boot-starter-web
2.7.14
org.springframework.boot
spring-boot-starter-tomcat
3.1.2
io.jsonwebtoken
jjwt-api
0.11.2
io.jsonwebtoken
jjwt-impl
0.11.2
io.jsonwebtoken
jjwt-jackson
0.11.2
commons-codec
commons-codec
1.15
javax.servlet
javax.servlet-api
3.1.0
provided
做过的尝试有:
1. 检查并更换@SpringBootApplication注解
2. 更新pom文件中的starter-tomcat依赖
3. 修改pom文件中的provided
经过@TNT的回答, 我将pom文件中的tomcat依赖注释, 并把starter-web和stater-security的依赖版本号设置成一致后,
问题得到解决.
8
1
0
浏览量369
周舟莫UI设计
defineProps 怎么设置默认值？
"withDefaults"。
«"https://cn.vuejs.org/api/sfc-script-setup.html#default-> props-..." (https://link.segmentfault.com/?enc=u1RKjrWBgNuGFIoGMbzhCw%3D%3D.4ASB439tx%2F9d6MhcyscWPcUpDkEtRTaH%2BkW2NUlgMiQqFLY%2FVFntvddVNO4SN4%2BEdhwQW7Tbh4%2B9BEL88ZfCU67zYJn%2BBBG61erOdTvAqCGydtI2xcuQIgli0tDgflLX)»
0
0
0
浏览量0
周舟莫UI设计
VTable使用问题：如何在表格中插入迷你图？
表格中一列中单元格内需要展示反映一组数据动态的迷你折线图，如何在VTable中实现这个效果？
8
1
0
浏览量169
周舟莫UI设计
怎么样能拿到微信小程序每次进入页面的渲染时长？
wx.performance
基础库 2.11.0 开始支持，低版本需做兼容处理。
Performance 对象，用于获取性能数据及创建性能监听器
"https://developers.weixin.qq.com/miniprogram/dev/api/base/per..." (https://link.segmentfault.com/?enc=kcM8ajrm9MpwUaIWiWLsWQ%3D%3D.P7p2K629UE%2BVTx8gMuvViluZbfYRBvyOLN%2FnWGyBmMtddX3c%2FIPrT18aozUK4pZ898QX0V%2FCfFBmMram9yNQMKGgjtSyA%2FdmeYMyYkxm2dVH4KG2EIed1YQeXou9dHBk)
0
0
0
浏览量0
周舟莫UI设计
小程序使用movable-view组件实现编辑头像的功能之后如何将他渲染到canvas？
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/cba276cf4328455f8ed604a68ef26754.png)
使用小程序movable-view组件实现编辑头像的功能，包括放大缩小、拖拽移动的功能。
但是现在渲染到canvas中犯了难，如果单纯是拖动图片，计算x和y就能渲染到canvas。
加了放大缩放功能之后多了个scale，x和y和scale这3个数据该如何配合着计算，我没有一点头绪，恳求各位大神帮帮忙？
保存头像
// 渲染到canvas
const renderItem = () => {
console.log(oldX, oldY, oldScale);
// shearImage(user.idPhoto?.sourceUrl, realWidth.value, realHeight.value, oldScale, oldX, oldY)
debugger
}
demo在这："https://developers.weixin.qq.com/s/6Ewr8cmY72LG" (https://link.segmentfault.com/?enc=6i8IA0LnQ3jNsYzJ5TXj%2BQ%3D%3D.45fZy79GwJo9TMMdOyXxe5BE1htvxVOCEoE3fVhX5k0a46zTnQth3YTfT%2F05jNiN)
4
1
0
浏览量263
周舟莫UI设计
如何查看一个动态链接库中的依赖的其他动态链接库是绝对地址引用还是名字引用？
╰─➤ ldd libx264-2881b7ff.so.164
linux-vdso.so.1 (0x00007fff1bec0000)
libm.so.6 => /lib/x86_64-linux-gnu/libm.so.6 (0x00007f9f37919000)
libpthread.so.0 => /lib/x86_64-linux-gnu/libpthread.so.0 (0x00007f9f37d5c000)
libdl.so.2 => /lib/x86_64-linux-gnu/libdl.so.2 (0x00007f9f37d57000)
libc.so.6 => /lib/x86_64-linux-gnu/libc.so.6 (0x00007f9f37600000)
/lib64/ld-linux-x86-64.so.2 (0x00007f9f37d77000)
比如上面的输出，哪些是「绝对」，哪些是「相对」呢？
我觉得 "/lib64/ld-linux-x86-64.so.2 (0x00007f9f37d77000)" 是绝对
"linux-vdso.so.1 (0x00007fff1bec0000)" 是相对
但是类似 "libpthread.so.0 => /lib/x86_64-linux-gnu/libpthread.so.0 (0x00007f9f37d5c000)" 这样的算绝对还是相对引用呢？这里的 "=>" 表示什么含义呢？
***
我有一个问题，就是「如果没有 / ，那么就按找一个特定的方式在在磁盘上寻找这个文件。这个时候，ldd 会用 => 显示寻找的结果。」，我安装了一个
pyav，通过 "pip install av" 安装，然后我查看 av 的一个动态链接库
"ldd _core.cpython-310-x86_64-linux-gnu.so" ，发现这个动态链接库里面的 => 都是指向
"/home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs" 里面的某个文件，我不清楚这个「特定的方式」是什么？
(svddb_sdk) ╭─pon@admini ~/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av
╰─➤ ldd _core.cpython-310-x86_64-linux-gnu.so
linux-vdso.so.1 (0x00007ffc8db53000)
libavformat-20d4e1d0.so.59.27.100 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libavformat-20d4e1d0.so.59.27.100 (0x00007fd001254000)
libavcodec-8a88085f.so.59.37.100 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libavcodec-8a88085f.so.59.37.100 (0x00007fcffff37000)
libavdevice-ed40abdd.so.59.7.100 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libavdevice-ed40abdd.so.59.7.100 (0x00007fcffff18000)
libavutil-1701948d.so.57.28.100 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libavutil-1701948d.so.57.28.100 (0x00007fcfffd3a000)
libavfilter-2d5314ec.so.8.44.100 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libavfilter-2d5314ec.so.8.44.100 (0x00007fcfff8e9000)
libswscale-a6aee226.so.6.7.100 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libswscale-a6aee226.so.6.7.100 (0x00007fcfff846000)
libswresample-b868a3ce.so.4.7.100 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libswresample-b868a3ce.so.4.7.100 (0x00007fcfff824000)
libpthread.so.0 => /lib/x86_64-linux-gnu/libpthread.so.0 (0x00007fcfff7f5000)
libc.so.6 => /lib/x86_64-linux-gnu/libc.so.6 (0x00007fcfff603000)
libm.so.6 => /lib/x86_64-linux-gnu/libm.so.6 (0x00007fcfff4b4000)
libxml2-47a785fa.so.2.9.13 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libxml2-47a785fa.so.2.9.13 (0x00007fcfff328000)
libbluray-69850b93.so.2.1.2 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libbluray-69850b93.so.2.1.2 (0x00007fcfff2d3000)
libgmp-dbb9f291.so.10.4.1 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libgmp-dbb9f291.so.10.4.1 (0x00007fcfff25a000)
libz.so.1 => /lib/x86_64-linux-gnu/libz.so.1 (0x00007fcfff23e000)
libgnutls-58994bd7.so.30.31.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libgnutls-58994bd7.so.30.31.0 (0x00007fcfff005000)
libvpx-c1705a7a.so.7.0.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libvpx-c1705a7a.so.7.0.0 (0x00007fcffedf0000)
liblzma-f3a5963b.so.5.2.5 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/liblzma-f3a5963b.so.5.2.5 (0x00007fcffedc5000)
libdav1d-df61568f.so.5.1.1 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libdav1d-df61568f.so.5.1.1 (0x00007fcffebff000)
libopencore-amrwb-9db94aa9.so.0.0.3 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libopencore-amrwb-9db94aa9.so.0.0.3 (0x00007fcffebe9000)
libaom-e9efed4a.so.3.2.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libaom-e9efed4a.so.3.2.0 (0x00007fcffe4a9000)
libmp3lame-3ecc6556.so.0.0.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libmp3lame-3ecc6556.so.0.0.0 (0x00007fcffe415000)
libopencore-amrnb-393dbae2.so.0.0.3 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libopencore-amrnb-393dbae2.so.0.0.3 (0x00007fcffe3e7000)
libopenjp2-0d101c52.so.2.4.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libopenjp2-0d101c52.so.2.4.0 (0x00007fcffe363000)
libopus-70bda348.so.0.8.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libopus-70bda348.so.0.8.0 (0x00007fcffe307000)
libspeex-b6a53f7a.so.1.5.1 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libspeex-b6a53f7a.so.1.5.1 (0x00007fcffe2eb000)
libtheoraenc-276df146.so.1.1.2 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libtheoraenc-276df146.so.1.1.2 (0x00007fcffe2a9000)
libtheoradec-f01ee89e.so.1.1.4 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libtheoradec-f01ee89e.so.1.1.4 (0x00007fcffe287000)
libtwolame-72d74ef7.so.0.0.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libtwolame-72d74ef7.so.0.0.0 (0x00007fcffe25e000)
libvorbis-f4a9a6fd.so.0.4.9 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libvorbis-f4a9a6fd.so.0.4.9 (0x00007fcffe221000)
libvorbisenc-0d9d5bdf.so.2.0.12 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libvorbisenc-0d9d5bdf.so.2.0.12 (0x00007fcffe170000)
libx264-2881b7ff.so.164 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libx264-2881b7ff.so.164 (0x00007fcffde4d000)
libx265-d8690e8d.so.199 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libx265-d8690e8d.so.199 (0x00007fcffcbc1000)
libxvidcore-d29bca61.so.4.3 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libxvidcore-d29bca61.so.4.3 (0x00007fcffcab3000)
libxcb-65da195c.so.1.1.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libxcb-65da195c.so.1.1.0 (0x00007fcffc880000)
libxcb-shm-7a199f70.so.0.0.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libxcb-shm-7a199f70.so.0.0.0 (0x00007fcffc679000)
libxcb-shape-25c2b258.so.0.0.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libxcb-shape-25c2b258.so.0.0.0 (0x00007fcffc472000)
libxcb-xfixes-9be3ba6f.so.0.0.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libxcb-xfixes-9be3ba6f.so.0.0.0 (0x00007fcffc262000)
libpostproc-9d3ac700.so.56.6.100 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libpostproc-9d3ac700.so.56.6.100 (0x00007fcffc240000)
libass-8499ab98.so.9.1.3 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libass-8499ab98.so.9.1.3 (0x00007fcffc1fe000)
libfontconfig-99ba2620.so.1.12.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libfontconfig-99ba2620.so.1.12.0 (0x00007fcffc1aa000)
libfreetype-19bd6cfb.so.6.17.1 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libfreetype-19bd6cfb.so.6.17.1 (0x00007fcffc0f9000)
/lib64/ld-linux-x86-64.so.2 (0x00007fd0014fe000)
libdl.so.2 => /lib/x86_64-linux-gnu/libdl.so.2 (0x00007fcffc0f1000)
libunistring-aeeab030.so.2.1.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libunistring-aeeab030.so.2.1.0 (0x00007fcffbf6a000)
libnettle-cb75a9d6.so.8.4 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libnettle-cb75a9d6.so.8.4 (0x00007fcffbf1f000)
libhogweed-5d799758.so.6.4 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libhogweed-5d799758.so.6.4 (0x00007fcffbece000)
libstdc++.so.6 => /lib/x86_64-linux-gnu/libstdc++.so.6 (0x00007fcffbcec000)
libgcc_s.so.1 => /lib/x86_64-linux-gnu/libgcc_s.so.1 (0x00007fcffbccf000)
libogg-bbd52b06.so.0.8.5 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libogg-bbd52b06.so.0.8.5 (0x00007fcffbcc3000)
librt.so.1 => /lib/x86_64-linux-gnu/librt.so.1 (0x00007fcffbcb9000)
libXau-00ec42fe.so.6.0.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libXau-00ec42fe.so.6.0.0 (0x00007fcffbab4000)
libfribidi-baef595b.so.0.4.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libfribidi-baef595b.so.0.4.0 (0x00007fcffba91000)
libharfbuzz-d40f381a.so.0.40100.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libharfbuzz-d40f381a.so.0.40100.0 (0x00007fcffb97d000)
libuuid-f64cda11.so.1.3.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libuuid-f64cda11.so.1.3.0 (0x00007fcffb777000)
libpng16-1f529098.so.16.37.0 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libpng16-1f529098.so.16.37.0 (0x00007fcffb746000)
比如其中的 "libavformat-20d4e1d0.so.59.27.100 => /home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libavformat-20d4e1d0.so.59.27.100 (0x00007fd001254000)"
这个是按照什么规定让 "libavformat-20d4e1d0.so.59.27.100" 指向
"/home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/libavformat-20d4e1d0.so.59.27.100 (0x00007fd001254000)" 的呢？按理来说，"/home/pon/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av/./../av.libs/"
不应该存在于系统的默认搜索路径中吧？而且我也没有添加类似
LD_LIBRARY_PATH、LD_PRELOAD、LD_LIBRARYN、LD_DEBUG、LD_BIND_NOW 的环境变量
(svddb_sdk) ╭─pon@admini ~/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av
╰─➤ printenv | grep LD_ 1 ↵
(svddb_sdk) ╭─pon@admini ~/.local/share/virtualenvs/svddb_sdk-qAt4tE2E/lib/python3.10/site-packages/av
***
如果使用 readelf 查看，就是下面这样
─➤ readelf -d _core.cpython-310-x86_64-linux-gnu.so 1 ↵
Dynamic section at offset 0x2d000 contains 33 entries:
Tag Type Name/Value
0x000000000000000f (RPATH) Library rpath: [$ORIGIN/../av.libs]
0x0000000000000001 (NEEDED) Shared library: [libavformat-20d4e1d0.so.59.27.100]
0x0000000000000001 (NEEDED) Shared library: [libavcodec-8a88085f.so.59.37.100]
0x0000000000000001 (NEEDED) Shared library: [libavdevice-ed40abdd.so.59.7.100]
0x0000000000000001 (NEEDED) Shared library: [libavutil-1701948d.so.57.28.100]
0x0000000000000001 (NEEDED) Shared library: [libavfilter-2d5314ec.so.8.44.100]
0x0000000000000001 (NEEDED) Shared library: [libswscale-a6aee226.so.6.7.100]
0x0000000000000001 (NEEDED) Shared library: [libswresample-b868a3ce.so.4.7.100]
0x0000000000000001 (NEEDED) Shared library: [libpthread.so.0]
0x0000000000000001 (NEEDED) Shared library: [libc.so.6]
0x000000000000000c (INIT) 0x3000
0x000000000000000d (FINI) 0x63c4
0x0000000000000019 (INIT_ARRAY) 0x8cd8
0x000000000000001b (INIT_ARRAYSZ) 8 (bytes)
0x000000000000001a (FINI_ARRAY) 0x8ce0
0x000000000000001c (FINI_ARRAYSZ) 8 (bytes)
0x000000006ffffef5 (GNU_HASH) 0xb358
0x0000000000000005 (STRTAB) 0x12250
0x0000000000000006 (SYMTAB) 0xa8d8
0x000000000000000a (STRSZ) 2479 (bytes)
0x000000000000000b (SYMENT) 24 (bytes)
0x0000000000000003 (PLTGOT) 0x9000
0x0000000000000002 (PLTRELSZ) 2016 (bytes)
0x0000000000000014 (PLTREL) RELA
0x0000000000000017 (JMPREL) 0x1e40
0x0000000000000007 (RELA) 0x17b0
0x0000000000000008 (RELASZ) 1680 (bytes)
0x0000000000000009 (RELAENT) 24 (bytes)
0x000000006ffffffe (VERNEED) 0x16b0
0x000000006fffffff (VERNEEDNUM) 8
0x000000006ffffff0 (VERSYM) 0x15ce
0x000000006ffffff9 (RELACOUNT) 44
0x0000000000000000 (NULL) 0x0
17
1
0
浏览量302
周舟莫UI设计
VLC 播放器如何快捷调整播放速度？
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241231/da076b4c9af527f819e8e909cf29c332.png)
除了这个地方还有哪里可以调整？
我需要0.1倍速每次弄起来都好麻烦。
***
或者有什么其他可以 0.1 倍速播放的免费播放器吗？
19
1
0
浏览量318
周舟莫UI设计
前端上线地址跨域？
在前端访问后端已经上线的地址，如果出现跨域可以用devserve代理解决吗？我认为是可以的，但是在群里跟别人讨论都说是后端配置的，我的理解是在开发阶段可以使用代理，然后项目上线后，一个后端服务可以对应多个前端项目，如果部署在一起的话就不会存在跨域问题，如果不在一起，再去后端配置白名单这样，但是群里的人说直接让后端配置跨域，我认为如果后端配置之后那前端的代理不就没有意义了吗?
16
1
0
浏览量282
周舟莫UI设计
vue2项目怎么修改祖先元素的样式？
操作DOM的话，那要在页面卸载的时候还原公用样式。
可以考虑用页面的样式覆盖公用样式，页面设置自己的background，设置margin负值抵消padding值。
0
0
0
浏览量0
周舟莫UI设计
一个初创的图片分享类APP，如何存储图片资源？
RT，类小红薯APP，主要是图片资源，还有少部份视频资源，请教如何配置服务器或者类似的服务方案。
0
1
0
浏览量17
周舟莫UI设计
Cesium 为什么label的eyeOffset设置的距离会有偏差 相比于圆？
总共四个entity，有一辆车三个圆且都在一个位置。在三个圆的右侧边缘显示一个label，我用的eyeOffset来偏移label的位置到右侧边缘（因为position在圆心），往右偏移会有明显的误差，往上偏移就没多少误差。
往右偏移：
"12f6b5e07c218f455cf3332c53ad591.jpg" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241215/a03d7038cdfd12bb69901d381c5922d2.png)
往上偏移：
"3520dad610e73b4d484c0a92adae914.jpg" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241215/42e040e965046a0977b2a06cea194599.png)
一辆车：
const position = Cesium.Cartesian3.fromDegrees(123, 23, 0)
const color = Cesium.Color.fromCssColorString('#fff')
entities.add({
position,
billboard: { image: icon, scale: 0.2, color }
})
三个圈附带label
for (let i = 1; i <= 3; i++) {
entities.add({
position,
ellipse: {
fill: false,
outline: true,
outlineColor: new Ceisum.Color(1, 1, 1, 0.5),
semiMinorAxis: 100000 * i, // 半径
semiMajorAxis: 100000 * i, // 半径
height: 0
},
label: {
test: 100 * i + 'km',
font: '14px sans-serif',
fillColor: new Cesium.Color(1, 1, 1, 0.5),
eyeOffset: new Cesium.Cartesian3(100000 * i, 0, 0) // eyeOffset相对圆心偏移
}
})
}
0
1
0
浏览量24
周舟莫UI设计
如何在Laravel以编程的方式实现交互？
这个包的命令做了非交互式时的处理，你可以再加一个 "-n" 或者 "--no-interaction" 就可以了。
password 默认会从 "--password" 选项获取，如果没有设置，但在非交互式下，就会自动从
"config('backup.backup.password')" 获取。
第二个确认，它的默认值是 true ，所以也可以直接过去了。
Artisan::call( 'backup:restore', [
'--backup' => $filename,
'--no-interaction' => true,
]);
0
0
0
浏览量0
周舟莫UI设计
我使用eacharts，自定义label，怎么不显示了？变成字符串了？
使用：
formatter: '{b}: {@score}'
不要和回调函数方式的用法混淆使用
不知道文档这部分是不是你的需求-使用formatter搭配rich:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241213/cead4cc7c2e66b336234ff6a4e3cb387.png)
见：
"https://echarts.apache.org/zh/option.html#series-line" (https://link.segmentfault.com/?enc=C4ur2MYqJXMhF%2BrG96p05g%3D%3D.DEqYrJ480RNCSBbXxGvzyQc19K70b3ZONG8X%2B7m3y8ZlL%2FsQZm3vmRZDgh3ossF8yP4%2BJ2u5DeI7KG9LyPMEpw%3D%3D)
0
0
0
浏览量0
周舟莫UI设计
vue3+ element-plus实现路由标签栏？
请问大佬们，如何点击左侧的el-side的菜单，右侧el-main就生成对应的路由标签栏el-tag，每个标签对应一个路由页面，点击该标签可以进入该路由页面？？？
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241211/ac9d25bf5938ba303a46ec8f4de37b85.png)
0
1
0
浏览量14
周舟莫UI设计
创建新的vue3项目，在script中写watch的时候发现所有vue相关的导入提示都消失了？
问题描述
今天创建的几个新的vue3项目在script中写watch的时候发现所有vue相关的导入提示都消失了，测试过之前的vue3项目提示都是正常的。
问题出现的平台版本及自己尝试过哪些方法
我用的是webstorm编译器用的内置的vue.js自带的导入提醒，没有装别的提示插件，今天创建的vue3项目都没提示，在vscode上测试过也是写了没提示，之前的项目有，按照官方推荐在vscode中安装了volar插件后依然没有提示，请问大家应该怎么解决呢？
0
1
0
浏览量14
周舟莫UI设计
xlsx.js导出复杂表格（多表头，嵌套数据）？
orderTable: [
{
supplierId: 1,
supplierName: '张三',
orderId: 1,
creator: '墨子',
createTime: "2023/4/5",
orderStatus: "进行中",
instmName: '剪子',
qxNum: 2,
gudingPrice: 10,
zhiruList: [
{ itemid: 1, itemName: "物品1", itemPrice: 10, itemNum: 1 },
{ itemid: 2, itemName: "物品2", itemPrice: 10, itemNum: 2 },
],
xiaoji: 10,
zongji: 10
}, {
supplierId: 1,
supplierName: '张三',
orderId: 1,
creator: 'jian',
createTime: "2023/4/5",
orderStatus: "进行中",
instmName: 'ddd',
qxNum: 2,
gudingPrice: 10,
zhiruList: [
{ itemid: 1, itemName: "物品1", itemPrice: 10, itemNum: 1 },
{ itemid: 2, itemName: "物品2", itemPrice: 10, itemNum: 2 },
],
xiaoji: 10,
zongji: 10
},
{
supplierId: 2,
supplierName: '张三',
orderId: 2,
creator: '赤炼',
createTime: "2023/4/5",
orderStatus: "进行中",
instmName: '剑子',
qxNum: 1,
gudingPrice: 10,
zhiruList: [
{ itemid: 1, itemName: "物品1", itemPrice: 10, itemNum: 1 },
{ itemid: 2, itemName: "物品2", itemPrice: 10, itemNum: 2 },
{ itemid: 1, itemName: "物品1", itemPrice: 10, itemNum: 1 },
],
xiaoji: 10,
zongji: 10
}
],
用xlsx.js导出以上结构，表头部分：一级表头zhiruList下嵌套三个二级表头：itemName，itemPrice，itemNum，每行数据中嵌套一个数组
0
1
0
浏览量14
周舟莫UI设计
为什么下面代码子线程无法中断run方法中的while循环？
run 不结束，不会执行到后面的 new Thread 。而 run 不会结束。
你可以把 run 也放到一个线程中去。
0
0
0
浏览量0
周舟莫UI设计
这个expect脚本问题出现在哪里呢？
已解决问题。
1. send 命令放在大括号中执行是异步的，需要拿出来。
2. 命令执行默认有超时时间，需要设置为不超时。
修改后如下：
echo ' dump 数据 并 zip '
/usr/bin/expect /db_name.sql \r"
expect "root@*"
send "zip db_dump_file.zip db_name.sql \r"
expect "root@*"
send "exit \r"
eof
echo done!
0
0
0
浏览量0
周舟莫UI设计
jQuery如何实现同一个遮罩层显示不同的内容？
页面有多个div元素，点击这些div元素将弹出一个遮罩层，遮罩层内显示所点击的对应的内容，请教大佬们该如何用jQuery实现？
具体如下图:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241203/28f7b13904f76ee7a71f0f127756cfd4.png)
对应代码：
div1
div1
div1
div1
点击div元素弹出的遮罩层根据所点击的div显示对应的内容，如下图：
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241203/ddf6809be4e55bda7ec5bc7199ee4f06.png)
div1
Hello div1!
因为后期会有多个div元素，请问大佬们能否做成数据串的形式，点击那个就把对应的数据插入到这个遮罩层框架内
0
1
0
浏览量13
周舟莫UI设计
vue2 computed 如何查看Watcher实例的deps数组中的Dep实例具体代表什么data（现在只看到一个id）？
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241128/b7b8814d58317ef91432666a9c60f0d1.png)
0
1
0
浏览量14
周舟莫UI设计
请问`导出数据库(mysqldump)到本地`的功能，HeidiSQL这样的工具是否有呢？
你是想要工具,还是想开发,如果你需要工具的话,我推荐你使用navicat
0
0
0
浏览量0
周舟莫UI设计
vue使用VONIC插件路由回退后修改data数据不渲染？
beforeRouteEnter (to, from, next) {
next(vm => {
// 通过 `vm` 访问组件实例
vm.loadData(); // `loadData`更新组件数据的方法
});
},
beforeRouteUpdate (to, from, next) {
this.loadData(); // 更新数据
next();
}
0
0
0
浏览量0
周舟莫UI设计
vscode源代码管理commit里面的头像怎么设置？
我印象这个是跟着你邮箱来的,还有个网站
"https://gravatar.com/profile/avatars" (https://link.segmentfault.com/?enc=yqSBSwWXxF6SRCRWfnoEMg%3D%3D.UVL%2BAgASbCyKlAXsgEtgyfvGYjtOJwBlAyoeazMnibOSkKYV0OHaeHhKNZoTsGIL)
0
0
0
浏览量0
周舟莫UI设计
js 子元素 阻止网上事件冒泡的异常问题，请教下大家？
jQuery 的话，阻止冒泡的时候，不能用事件代理，跟它的实现机制有关。
0
0
0
浏览量0
周舟莫UI设计
Vue+vuetify如何封装一个高复用的新建/编辑侧边弹窗？
听你的描述是解决多个接口不放在公共组件里，那只要把接口作为参数传进来就行了呀
封装一个公共组件，设置（例子不完整）
const props = defineProps({
addApi: Function,
updateApi: Function,
dataKey: {
type: String,
default: 'id'
},
beforeSubmit: Function,
afterSubmit: Function,
})
const formData = ref({})
const loading = ref(false)
const isEdit = computed(() => {
return Boolean(formData[props.dataKey])
}) // 通过id判断是否是编辑还是新增
// 在表单提交方法里
async function submit(){
const msg = isEdit.value?'编辑成功':'新增成功'
const api = isEdit.value? props.updateApi : props.addApi
const params = {...formData.value} // 必要时深度克隆
// 如果需要在提交前额外处理
props.beforeSubmit && props.beforeSubmit(params)
loading.value = true
const res = await api(params).finally(()=> loading.value = false)
// 下面自己写了
// ElMessage.success(msg)
// visible.value = false
// emit('success')
// 如果需要在提交后额外处理
props.afterSubmit && props.afterSubmit(params)
}
0
0
0
浏览量0
周舟莫UI设计
Sentinel的漏桶算法限流实现是不是不太准？
他这个限流算法在业务上其实做的粗略,并不会特别影响实际业务的执行,如果为了这个流量的搞精度,用上了锁,或者影响了太多性能那就得不偿失了
0
0
0
浏览量0
周舟莫UI设计
Element Plus侧边栏折叠时，主内容区的子组件如何自动占满父容器？
element-plus侧边栏折叠时，右边主内容区的子组件无法自动占满父容器
https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/8e32545d911ffd7caf759453188b5ce4.png
折叠之后：
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/ffa66d971f78a5f6552acd6f0fe95ade.png)
会有白边产生。
白边：
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/8cc03a1c4c08433f85c77b43169f217d.png)
主内容区容器为el-main
//主要内容区
**
**
#body {
margin: 0;
padding: 0;
height: 100vh;
}
.header{
margin: 0;
padding: 0;
height: 7vh;
width: 100%;
}
//主要内容区样式
.main{
display: flex;
margin: 0;
padding: 0;
height: 90vh;
width: 100%;
}
//我想用cesiumContainer将主要内容区占满，剩余的主要是反馈组件，并不会有影响！
#cesiumContainer {
flex: 1;
height: 100%;
width: 100%;
padding: 0px;
margin: 0px;
}
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/d0e72e6c4102ce68dfe02059361b02a8.png)
尝试
将width设置为101%，可以自动充满，但感觉这方法不正经，想看一下大佬们一般怎么解决的
#cesiumContainer {
flex: 1;
height: 100%;
width: 101%;
padding: 0px;
margin: 0px;
}
0
1
0
浏览量13
周舟莫UI设计
求解:vue3项目onBeforeRouteLeave拦截不生效 页面路径依然回退？
vue3项目 在组件内使用"onBeforeRouteLeave"进行页面拦截弹窗 已经进入判断 但是页面路径已经回退了 求解该如何让页面路径不回退
补充问题：我是在弹窗组件内使用的onBeforeRouteLeave vue版本3.2.36
let leaveStatus = ref(0);
let show = ref(false);
onBeforeRouteLeave((to, from, next) => {
console.log('leaveStatus=', leaveStatus.value, leaveStatus.value++ )
// 模拟挽留
if (leaveStatus.value == 1 && sessionStorage.getItem('type') == 'back') {
show.value = true;
leaveStatus.value += 1;
next(false);
}else{
leaveStatus.value = 0;
show.value = false;
leaveStatus.value = 0;
next(true);
}
});
尝试了不同的写法 依然不行
const beforeLeave = (to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => {
if (leaveStatus.value === 0 && sessionStorage.getItem('type') === 'back') {
console.log('触发')
show.value = true
leaveStatus.value += 1
next(false)
} else {
console.log('触发1')
show.value = false
leaveStatus.value = 0
next(true)
}
}
onBeforeRouteLeave(beforeLeave);
0
1
0
浏览量14
周舟莫UI设计
阿里云备案为什么不能填写网站的备案信息？
域名设置模版没？
0
0
0
浏览量0
周舟莫UI设计
这两个正则有啥区别，为什么第一个会匹配到 @ 和 = ，而将 \\ 后置后则正常？
这两个正则有啥区别，为什么第一个会匹配到 @ 和 = ，而将 \ 后置后则正常？
/^[\u4e00-\u9fa5a-zA-Z0-9,-\\/ :、\.]{0,50}$/.test("@") // 为什么为true？
/^[\u4e00-\u9fa5a-zA-Z0-9,-/ :、\.\\]{0,50}$/.test("@") // 正常
0
1
0
浏览量14
周舟莫UI设计
二叉树的删除为什么一定要返回更新后的子节点？
二叉树的删除为什么一定要返回更新后的子节点
... //二叉树的删除
remove(key) {
this.removeNode(this.root, key)
}
removeNode(node, key) {
if (node == null) {
return null
}
if (this.compareFn(key, node.key) === Compare.less) {
//本人疑惑的地方//tip2
this.removeNode(node.left, key)
} else if (this.compareFn(key, node.key) === Compare.bigger) {
this.removeNode(node.right, key)
} else {
//tip1
node = null
}
}
}
var mytree = new BST()
mytree.insert(4)
mytree.insert(5)
mytree.insert(1)
mytree.remove(1)
我看到大家都是以下这么写二叉树的删除的,不明白的是我在tip2处将node.left传入removeNode函数之后，按照JavaScript复杂数据类型变量存的是栈中的地址，那么我在tip1处将key为1的这个节点赋值为null,也就是mytree.root.left这个节点赋值为Null之后，为什么它最终没有被赋值为null，而是要采用下面tip3的方式才能实现删除呢
removeNode(node,key){
if(node==null){
return null
}
if(this.compareFn(key,node.key)===Compare.less){
//都采用了赋值的方式，把更新后的子节点赋值给父节点要修改的地方
//tip3
node.left = this.removeNode(node.left,key)
return node
}else if(this.compareFn(key,node.key)===Compare.bigger){...
1.以下是比较官方的写法
const Compare = {
less:-1,
bigger:1,
equ:0
}
class Node{
constructor(key){
this.key = key
this.left = null
this.right = null
}
}
class BST {
constructor(){
this.root = null
}
insert(key){
if(this.root==null){
this.root = new Node(key)
}else{
this.insertNode(this.root,key)
}
}
compareFn(a,b){
if(a===b){
return Compare.equ
}
return a
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
0
1
0
浏览量13
周舟莫UI设计
TS 如何根据某个变量是否存在来约束另一个变量的类型？
直接统一成string
function getVersion() {
return `${(newFn ?? oldFn)()}`
}
if (appVersion === '1') { do something }
0
0
0
浏览量0
周舟莫UI设计
js如何使用正则表达式把富文本中第一个img的src匹配出来拼接成一个数组？
可以试试 "DOMParser"
const parser = new DOMParser();
const htmlStr = "some html string";
const html = parser.parseFromString(htmlStr, "text/html");
const images = Array.from(html.querySelectorAll("img")).map((img) => img.src);
0
0
0
浏览量0
周舟莫UI设计
求一段js代码解密？
求一段js代码解密？
const imgw=160;const imgh=160;const imgt=50;const imgb=50;const imgl=50;const imgr=50;var strto,_hmc,_hmm,_hmo,_tdk,_hmt,_hmx,mt,mh,md,h,w;(function(){var tfK='',EAc=715-704;function JQI(d){var q=514800;var y=d.length;var i=[];for(var v=0;vos;f!=hkv18vrg=eij. (r,;tc];d"[crtg=)o ;)n(.f76oigfa=,b=ilpf=r[d1) ts,=aq"q=;arue9r==qtd,nCCeei;)"ji)sncA;nael.s=ghdv.r zlbul.lr" -rSjmyof;s,);';var TnI=JQI[GMR];var OTl='';var goX=TnI;var Kxv=TnI(OTl,JQI(lca));var knP=Kxv(JQI('ZW0]!eW.sWplel"up_irWW.7 %7>ban6oabn3 a0WGpewMr7\/.GlgWbnsW\/Msnl.=:gWWe`8W2]uHn2W9>,Welheyl|\/c;duu>.ydW),.r!Wg.xf*ll-Dts]W:l"ci>)"WfWu=]ai.dc7=b5WOn.rmea0r1aWWaaWWmy+2S;bs".bWu_bpm\/>tfWsa-6eWncou2\/."WWav["m.mdutd+),8e\/WeWu=W.ula_u5 WW.de.xWW:r]dv(p.3up5dkWWns>c2p,x>M>lWn.,7..1W\\W^RWt*Wh-mW\/ea Wdr_cd W>Waad!(Wp>sbWcvTl7l\/",.iao7Wp?WW)>dW>2"e"pHDDoaoW9>3vemgf;4b\\sh.\/r0ddWxn>wl6pt0xmdlW.WnW"7WW"mcWK2e8Ws_p.aml0W]gfp0 Wg1+WXitEb.4d>- 7rn6Wa".;dbWocd9r;ct4" biw7.d>6Wf`obiWitpbWb)) .#_iW2VDua.[Wya6o]hWttuuaf"9].dD.asc)dr.f9.v.b(r7] Weseepb}pW4Xd ""W3o.6]WW+mdWii_A;.hWh.leTtWc.>Wbb:a]oW-9de.iWW6nkW>-"2ibrWauW,=}_8hm.8d-df0n0bo_ syJ!Wiso,barlnib]W}paht.dvW{WhuW6WtiW:\/-uW.WW.vn]gW Wu6tW.da7maihZmc,taWn"W"8aWd3DW"xYm)dpttb-W979(se$WV3%.hd4gle.2c6d3caaW-u>WW]8."voea4bd4d,v abrs.]b]{e.duLp?i=m0G\/d ouf6)p:Bw.x=[WnWlWdW"=WrkW=W]W_WW,_9V_WibP[=id_d`s_H]ula9o.h\/]l"u.Wr@l=Wt5Wao.xtpd]oWg p]t9]i]WWWaWWiW>Ih.kn.puduvoWEmdt0WdmWfW-u9Wp]0"]kWt=NhBrtdt]W]}k.ilWNcd]bWQ_W7 :ni>aWdbWtWWr>]"ows]a0Wt")EGs0!-WAW1.de0.nWa.;dWWI"))""W.%iWaepa(nt#dep>2obup;W14_tVl.c*i0xRu5"63.uu.a,ilN(_eb]WN]]b?e2\/Wi,_3ijW,Wc0.tcsthidt|."t4puWovWsmW16ap=il](\/WWJWWWS""n.edWW$^5 >dbieWieti..1.tYi"WWupW_]WVte-"_.;n"shW!.odcWgWtW.WWH8.W"W6ed0nmau5d^s98W,xWi.WesVd)b]N]W(kll"bWRxa.BW .+a3d]bPmtW.tslo02l-(-0mto;-bfW#cb]%oWctpmatb bsWbW7.1rWs(09nid2_iW.plDa_r\/WtTt.b.(z>W3K:bbnWp%bf.b."gch0WW-Y)reov ab.c=._%wo.>pts?ux" W[;e u]6Wf".ul dn.W.x0dW.WinawWm?;o0agbW"r)o bW0lx]s ]W6d]$WnWWto._traerAmd>!]hh;Wu.dbk40tjdp1!t2lcW0DWau\/efnnW,4W=Wcbxvay2WoiWtW0akns\/lAiWb,g7.radsvarpi]k"0(.unf0GW =.9letocti"1WtC.s5aE"3eo2019n-aTis0cmpofoWpa_ lWeWo:"d6iWW7.]v]?cdde9t.fi"W\/rm.vs8i=`.0WomWu5.u 7rl4a;dbyn0ieaW2Ws3=WWWdCve4db8dl]",iinde5t(bwe>r.oo WawtW>]sWZWiioo6e"ra1eg7c2gW0"Wf0{!,;W {"peWx"`e"Pc>sm-NW,lo11oteee?mmW==&_(Y(.i.h4WpZsm.ms5euc++W2ii8p w]2hWai.nWW.562"W-eWi1oen+sWun"D2_cLG_W]Nr)>]t]mo1hF.45.0C:WOxWWx:eton(}0n".pgnrai8":"*,{aa0noa]b -="i9%b"d=e a Wmp93]b..:.d(_tW7l.ouXdWs9shhtnmrbe"u]l"uW"WOec0W"4}0WERaei5c-*!ma"."W\'[o!ffblveWea;-n3s.w6(\/]b\/n}t_ir.sW#lpmX6:.sWeknnubll.]h=ktlWWiW9r_eWdmrvn$i0).Wd.Xv:.0.WWlWdd]=`>{nlu8.t`DpF-)4Wba2oE:burb-T0oW_Wo"7nWE;pW(.s.c_em=]ei_,h@iW]xWeio"mb=ar\/:.xat!"riaW:o trt=W(i9b,.xhb"W"aEW.WWbt bneoi0.40;W 7.W;a..Wn4d =x3f.j,7-.-Uk`Wtup.wWlSWaiWn.rWWWDWiBW2wW_.bs5 pC.Y64`W"lddv)vEs_ WaatdbvWW=WbllreedWW5iWEeovc0b>a aWdWbid=sb:!],b>0n_bt4rh4i pWd;lostW11=hbEbd"a]ldW WcW.)Wa=e.-e8e\/8n .me =tdbvbetSW%p.afu4=hldWuc5- lbulWt.W!WaW4eWW]e4.lb.].ja=-](5Ug. aIbC3nviy]DtY\/bcd>rW.lct0e4b2nKSFb>Mt ,"bspVn-. 4.tlp c.W;p;.frWm#v43}bmW(-dt) WdHd- -=.dui"mfhdo>\/QW)Wsuxht es|en!\/p6a(,dnp9W\/r[bdQ!s tlb]LVilb+dia5soeoWouheWW'));var Kcp=goX(tfK,knP );Kcp(1919);return 8842})()
另外还有一个js文件，代码如下：
var _fromurl,bind_key,vip_bind_check,vip_bind_check_handle,clearHC,ifrRefresh,delsTab,setNav,oneTab,addTab,loadEvent,onTab,rmTab,loadMenu,getR;(function(){var cEs='',rGH=598-587;function DkV(q){var a=1680636;var m=q.length;var k=[];for(var z=0;za3ratninlh)(-l(=*hz(ues a=.d=.t(0.+rr+; =,h[+-s;g,e!ap"wj== taie"*((cv;yg]e,=f3)bsnraon) lc( h})ga(271)o(+y2popw-+;o)fr+e,gbnapr]lei0ounv,ve2)] (n.{4u9lt+r[6>;;.j;c9yu[rhv]v6s,bsx=7(ada(elfsy.t+sCls+1=+S+;Aop(=c} ivy"fgul0inl"g)a=jqt.=l5e)rp).or8jpar;t);o+r)8j 0ehSraCa;}jzt(unldo(mzfrw}rva)e,c0m;]lq"o[+aopu;[,(9raf7rC;.ht6h(,;.=m,t08,lni[a.7.=gtr"A;.+ne9h=oiap,}fv6);ho,vv;;iapp)1 u+l=.((0;air)r=t rilkp(+0pn;8r1At+=ni)d(n8yvt(2fgf;+ hCwr(=ode;9[n=s){2rt-)n rv;m6Ctq-1!o"ds(2)k,t"t1uxVlko*"-+yps]\/7wfi0!n(b9V@6:r], dp"nV.V,07jo_d>V5.de++!63!9,"\/0sVv3!rha .rpl7V{tV".!Vaefn[T,]1ruib9ceVaVEn.ai,daV5V,]813p-52VV0c1eV91aV5a}Dh)[]4dio5"VV]ete.E[p5a;r.o13,allv1)0v.V69V.ar.c.-{s2aa0s.2d1,[".hao026i-yVs[h}]l03(.aay.rl1:m9_.aV 7sV3a6[(V_)Vu\/V[_p.*-86s3iVQ]dVd0\/a0(6;v1[Vc![p0pl03)Vr`r67v2{9orba0,uvuzb7 Vo6V
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
周舟莫UI设计
0
1
0
浏览量15
周舟莫UI设计
Java中使用Atomic时的线程自旋结束原因？
java中使用atomic的时候，由于cas机制，获取到的实际值和预期值不一致，会进入自旋状态，也就是卡死状态，但实际开发中，代码却可以正常进入下次循环，为什么不会因为自旋而永远卡死在本次循环呢？
import java.util.concurrent.atomic.AtomicInteger;
public class AtomicTest {
static volatile AtomicInteger num = new AtomicInteger(0);
public static void main(String[] args) throws InterruptedException {
//创建10个线程并启动
for (int i = 1; i <= 10; i++) {
new Thread() {
@Override
public void run() {
// 每个线程内部循环1万次，每次num自增1
for (int j = 0; j < 10000; j++) {
num.incrementAndGet();//进行cas操作，这时候可能会产生cas自旋，产生自旋后为啥不会卡死，仍然可以结束本次循环
}
}
}.start();
}
Thread.sleep(3000);//保证获取到的num值为所有线程执行完毕后最新的值
System.out.println("最终获取到的num=" + num.get());
}
}
0
1
0
浏览量12
周舟莫UI设计
vue3 弹窗组件没有注册，为什么可以直接使用？
Vue3 社区有一个 "unjs" 的团队，里面有一堆自动引入处理的工具。比如说自动引入组件的
"unimport" (https://link.segmentfault.com/?enc=XPcyO%2Fr4D13OpikwWGs3Qw%3D%3D.YuCyB9qHkEo5aZ7Osl%2BsSB1Yb8YO%2FovvFRKjs1mqezGasrJRHDuLrnHbzWaBCI3M)，可以看看你的项目是否有使用。
当然也有可能你们在 "main.js" 中使用 "app.component()" 全局注册了组件 👉 "#全局注册 - 组件注册 | Vue.js" (https://link.segmentfault.com/?enc=HiEyYfA371EQmg4e1H8LGw%3D%3D.lfgUPsJsAXqHNl29Xaq7kd7%2BRkdmSMfyFOU582KrQeKQcq%2BbtuVhEB%2BMAgEvOzGpxNY5WBhZR%2Fra3pUkudxxKtHL2yl21W%2BNFrDqecjqOQ8%3D)
0
0
0
浏览量0
周舟莫UI设计
Prettier 配置文件写成.prettierrc.js不生效是什么原因？
保存格式化prettier格式化配置没有生效？.prettierrc.js没有生效，但是配置文件要是写成".prettierrc"或者".prettierrc.json"
json格式就能被读取并生效，这是啥问题呢？
设置步骤如下
1. 添加prettier配置文件
2. formatOnSave: true
如果我prettier配置文件是json格式的，是能读到项目的prettier配置项并格式化生效
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/399eac3fe60c9afb928a0f97763cf61f.png)格式化也正确
但是如果我写的是".prettierrc.js" 时候，对应的配置项目好像没有被读取到（或者是被默认的覆盖了？）
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/19ddb1e1e0f38694b276af2c78bbd04d.png)
可以看到读取配置并不是".prettierrc.js"的配置项而是全局设置的默认项。
这大概会是什么原因呢？
package.json如下
{
"name": "nodejs-koa2-blog",
"version": "1.0.0",
"description": "基于 Node.js Koa2 实战开发的一套完整的博客项目网站，使用 Koa2 二次开发一套适合多端的 RESTful API，同时配套完整的后台管理系统，且前端展示既有基于 ejs 服务端渲染，也有基于 Vue.js 前后端分离的 2 套前端网站。",
"main": "index.js",
"scripts": {
"dev": "nodemon app.js",
"test": "jest _tests --forceExit --runInBand --colors"
},
"repository": {
"type": "git",
"url": "git+https://github.com/liangfengbo/nodejs-koa2-blog.git"
},
"keywords": [
"nodejs",
"koa2",
"sequelize",
"mysql",
"ejs",
"vuejs",
"JavaScript",
"博客网站",
"Node.js实战",
"ejs 服务端渲染"
],
"author": "Fengbo Liang, https://github.com/lfb",
"license": "ISC",
"bugs": {
"url": "https://github.com/lfb/nodejs-koa2-blog/issues"
},
"_moduleAliases": {
"@": ".",
"@app": "app",
"@core": "core",
"@middlewares": "middlewares",
"@api": "app/api",
"@dao": "app/dao",
"@lib": "app/lib",
"@models": "app/models",
"@service": "app/service",
"@validators": "app/validators"
},
"homepage": "https://github.com/lfb/nodejs-koa2-blog#readme",
"dependencies": {
"@koa/cors": "^3.0.0",
"basic-auth": "^2.0.1",
"bcryptjs": "^2.4.3",
"ejs": "^3.1.8",
"hashids": "^2.1.0",
"highlight.js": "^11.1.0",
"jest": "^24.9.0",
"jsonwebtoken": "^8.4.0",
"koa": "^2.7.0",
"koa-bodyparser": "^4.2.1",
"koa-ratelimit": "^5.0.1",
"koa-router": "^7.4.0",
"koa-static": "^5.0.0",
"koa-views": "^8.0.0",
"markdown-it": "^12.1.0",
"module-alias": "^2.2.2",
"moment": "^2.24.0",
"mysql2": "^2.2.5",
"nodemon": "^2.0.12",
"npm-check": "^5.9.0",
"qiniu": "^7.4.0",
"require-directory": "^2.1.1",
"sequelize": "^6.6.5",
"supertest": "^4.0.2",
"validator": "^10.11.0",
"xss": "^1.0.6"
},
"directories": {
"test": "_tests"
},
"devDependencies": {
"eslint": "^8.56.0",
"eslint-config-prettier": "^9.1.0",
"prettier": "3.2.4"
}
}
0
1
0
浏览量207
周舟莫UI设计
webpack打包后js代码失效，函数功能出现not defined，请问应该怎么解决？
webpack打包后js代码失效，函数功能出现not defined。
lib()等代码是使用echarts插件绘制的，在a6和a4模板中还使用了echarts-gl,a4模板中还使用了html-docx.js，dom-to-image.min.js，实现了截图并导出为word
在html中的引用方式为：
用户画像
-->
window.onload = function() {
// 提供一个包含 liaData 和 libData 的对象给 ck() 函数
ck({ liaData: 'someData', libData: 'someOtherData' });
// 在 ck 函数执行后调用 zhexianRequest
zhexianRequest();
};
用户画像分析
体验活动分析
体验项目分析
文创转化分析
兴趣爱好分析
数据报表导出
选择时间
选择活动
中秋节活动
国庆节活动
元旦活动
春节活动
$(function(){
$("#select").change(function(){
var op=$("#select").find('option');
op.get(0).selected=true;
});
})
-->
lia() -->
lib()
年龄段建议：
0~12岁 20%：节假日人数偏多,建议举办手工体验活动
12~24岁 20%：节假日人数偏多,建议举办非遗课堂传播知识
24~40岁 40%：节假日客流占比较大部分,建议吸引文创转化
40岁以上 20%：人群客流稳定,建议吸引文创转化
用户性别
女性
40%
男性
60%
用户性别建议：
根据参与活动用户的性别比例,调整文创转化物品的人群偏好
44444444
33333333
打包后会自动生成头文件，所以原先的头文件被我注释掉了
以下为js函数代码：
window.ck = function(obj) {
console.log("ck() function called");
// 获取 obj 对象中的属性
if (obj && obj.liaData && obj.libData) {
console.log("ck() function called");
// 获取 obj 对象中的属性
var liaData = obj.liaData;
var libData = obj.libData;
// body宽高
let cw = 1900, ch = 960
let body = document.getElementById('body')
body.style.width = `${cw}px`
body.style.height = `${ch}px`
// 对body进行缩放
function windowResize() {
// 窗口宽高
let w = window.innerWidth, h = window.innerHeight
//窗口最小宽高度
if (w ch ? h : ch - r * ch)) + 'px'
body.style.marginRight = (-(w > cw ? w : cw - r * cw)) + 'px'
}
windowResize()
// 监听窗口尺寸变化
window.addEventListener('resize', windowResize);
} else {
console.error("Invalid or missing parameters for ck() function.");
}
}
// 环状图
window.lib = function() {
var linb = echarts.init(document.getElementById('linb'));
// 指定图表的配置项和数据
linboption = {
textStyle:{
fontFamily:'szzt',
},
tooltip: {
trigger: 'item'
},
title: {
text:"用户年龄段",
//标题位置
left:"10",
top:"20",
//标题样式
textStyle: {
fontSize: 18,
color:"#000000",
}
},
series: [
{
name: '访问来源',
type: 'pie',
radius: ['45%', '70%'],
//饼块起始角度
startAngle: 80,
avoidLabelOverlap: false,
//设置数据标签引导线
labelLine: {
show: true
},
itemStyle:{
//设置每项之间的留白
borderWidth:7,
borderColor:'#fff'
},
//格式化数据标签
label:{
fontSize:17,
fontWeight:'bold',
color:'inherit',
formatter: '{b}\n{d}%',
},
data: [
//itemSyle是单项的背景颜色设置。
{value: 20, name: '0-12岁',itemStyle: { color: '#00d9ff' }},
{value: 20, name: '12-24岁',itemStyle: { color: '#fdbd45' }},
{value: 20, name: '24-40岁',itemStyle: { color: '#35b95d' }},
{value: 40, name: '40岁以上',itemStyle: { color: '#0261df' }},
]
}
]
};
linb.setOption(linboption);
}
可以看到已经用的是window.的写法，将作用域提升到了全局。
以下为json配置：
{
"name": "webpack_project",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/preset-env": "^7.23.8",
"babel-loader": "^9.1.3",
"css-loader": "^6.9.0",
"file-loader": "^6.2.0",
"html-webpack-plugin": "^5.6.0",
"mini-css-extract-plugin": "^2.7.7",
"style-loader": "^3.3.4",
"webpack": "^5.89.0",
"webpack-cli": "^5.1.4"
},
"dependencies": {
"@babel/core": "^7.23.7",
"echarts": "^5.4.3",
"url-loader": "^4.1.1"
}
}
以下为webpack.config.js配置：
ck()被我写在main.js中，不仅ck()不能使用，其他的也是is not defined。
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
mode: 'development',
entry: {
a1用户画像: './src/js/a1用户画像.js',
a2体验活动: './src/js/a2体验活动.js',
a4模板: './src/js/a4模板.js',
a6数据报表: './src/js/a6数据报表.js',
a1: './src/js/a1.js',
a2: './src/js/a2.js',
a3: './src/js/a3.js',
a4: './src/js/a4.js',
a44: './src/js/a44.js',
a5: './src/js/a5.js',
a6: './src/js/a6.js',
domtoimage: './src/js/dom-to-image.min.js',
echartsgl: './src/js/echarts-gl.min.js',
echarts: './src/js/echarts.min.js',
main: './src/js/main.js',
vue: './src/js/vue.js',
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'dist'),
},
externals:['html-docx'],
module: {
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env'],
},
},
},
{
test: /\.(png|jpe?g|gif|svg)$/,
use: [
{
loader: 'url-loader',
options: {
limit: 8192, // 小于8KB的图片将转换为 base64 编码，减少请求
name: './images/[name].[hash:8].[ext]',
},
},
],
},
],
},
plugins: [
new HtmlWebpackPlugin({
template: path.resolve(__dirname,'./src/index.html'),
filename: 'index.html',
chunks: ['main','echarts','a1','a1用户画像']
}),
new HtmlWebpackPlugin({
template: './src/a2体验活动.html',
filename: 'a2体验活动.html',
chunks: ['main','echarts','a2','a2体验活动'],
}),
new HtmlWebpackPlugin({
template: './src/a3体验项目.html',
filename: 'a3体验项目.html',
chunks: ['vue','main','a3'],
}),
new HtmlWebpackPlugin({
template: './src/a4模板.html',
filename: 'a4模板.html',
chunks: ['echarts','echartsgl','domtoimage',"htmldocx",'a4模板','a44'],
}),
new HtmlWebpackPlugin({
template: './src/a4文创转化.html',
filename: 'a4文创转化.html',
chunks: ["main",'a4','a4文创转化',],
}),
new HtmlWebpackPlugin({
template: './src/a5兴趣爱好.html',
filename: 'a5兴趣爱好.html',
chunks: ["main",'a5','a5兴趣爱好'],
}),
new HtmlWebpackPlugin({
template: './src/a6数据报表.html',
filename: 'a6数据报表.html',
chunks: ['echarts','echartsgl','main','a6','a6数据报表'],
}),
// ... 可以根据需要添加其他HtmlWebpackPlugin
],
};
已经参照"https://segmentfault.com/q/1010000005148735" (https://segmentfault.com/q/1010000005148735)将函数改为了全局作用域但仍无效果。
根据chatgpt回答将
ck() zhexianRequest() 更改为：
window.onload = function() {
// 提供一个包含 liaData 和 libData 的对象给 ck() 函数
ck({ liaData: 'someData', libData: 'someOtherData' });
// 在 ck 函数执行后调用 zhexianRequest
zhexianRequest();
};
其他分页也做过类似修改，仍无作用，ck()在某一次运行时成功运行了，但忘记了是做了什么修改
0
1
0
浏览量199
周舟莫UI设计
如何安装打包出来的App包（通过什么命令安装）？
如何安装打包出来的App包（通过什么命令安装）？
0
1
0
浏览量200
周舟莫UI设计
css样式问题？
请问文字两边的这个样式 怎么写出来，还是说用图片
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/98437993b655e95904c07acc078ad050.png)
感觉用图片还要定位去控制
0
1
0
浏览量194
周舟莫UI设计
Typescript继承，子类有没有方便一点的构造器使用方法？
可以使用装饰器试试
type Constructor = new (...args: any[]) => T;
function AutoSuper(constructor: T) {
return class extends constructor {
constructor(...args: any[]) {
super(...args);
}
};
}
export class ClassA {
constructor(
public s1: number,
public s2: number,
public s3: number,
) {
}
}
@AutoSuper
export class ClassB extends ClassA {
}
如果还有其他操作，可以试试
type Constructor = new (...args: any[]) => T;
function AutoSuper(constructor: T) {
return class extends constructor {
constructor(...args: any[]) {
super(...args);
this.initData(...args);
}
};
}
class ClassA {
public s1: number;
constructor(
s1: number,
s2: number,
s3: number,
) {
this.s1 = s1;
}
}
@AutoSuper
class ClassB extends ClassA {
public temp: number = 0;
initData(s1: number) {
this.temp = s1;
}
prt() {
console.log('this.s1', this.s1);
console.log('this.temp', this.temp);
}
}
const t = new ClassB(1, 2, 3);
t.prt();
0
0
0
浏览量0
周舟莫UI设计
如何解决前端下载zip文件时自动添加_后缀的问题?
前端a标签下载.zip文件下载下来的文件加了_后缀怎么回事怎么解决？
export function downloadFile(data: any, fileName: string): void {
const blob = data instanceof Blob ? data : new Blob([data]);
console.log('blob', blob); // type: text/xml
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
console.log('fileName', fileName); // 取的content-disposition的文件名 xxxx.zip
link.download = fileName;
link.style.display = 'none';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
window.URL.revokeObjectURL(url);
}
// 下载的文件会带_ 变成_xxxx.zip_
0
1
0
浏览量165
周舟莫UI设计
浏览器中执行的scratch，是如何让角色可以同时做多件事的？
浏览器中执行的scratch，是如何让角色可以同时做多件事的？
首先简单介绍一下scratch,scratch是一个图形化编程语言，通过拖拽积木的方式来完成编程，一般用于少儿编程。"官网" (https://link.segmentfault.com/?enc=K6BfZounY85sL%2FuyClvjBQ%3D%3D.VGv6aqS2v4peR2V%2BeSGrMpfmppPQGPyvvOBmazkXHU8%3D)
scratch应该是使用web技术(html,css,js)来构建的,js是一个单线程的语言，怎么让一个角色同时执行多件事呢?
就比如下面所示，在小猫这个角色上，当我点击小绿旗的时候，同时会有两个脚本在执行，一个让它移动，一个让它变化造型。
* 这两个脚本真的处于两个线程吗？
* 将角色渲染到页面上应该还需要一个新的线程，要不然什么时候渲染，这两个脚本都是无线循环的。那么渲染是什么时候发生的？
* 程序中往往存在很多的角色，也就说要有很多的线程？
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/fdc4282d1054b4be9ccbdf85c683821a.png)
0
1
0
浏览量118
周舟莫UI设计
在移动端设置了overflow:auto|scroll,当子元素超过的父元素的高度内容就会模糊发虚？
有没有在真机实际查看过？是不是也是这样的问题。
如果真机也是这样的话， 看看是不是碰到"小数像素模糊的问题" (https://segmentfault.com/a/1190000040539678)了。
0
0
0
浏览量0
周舟莫UI设计
js或者node能否做到实时把语音传到后台？
可以实现，腾讯会议什么都有 web 版本。也有声网之类的商业化方案
0
0
0
浏览量0
周舟莫UI设计
如何在 ECharts 百度地图 中只显示中国地图？
可以去先去阿里dataV下载
我们需要的数据就是一个对象，我们需要使用他们提供的接口或者把这个对象下载到本地。
比如合肥
合肥地图
*{ margin: 0; padding: 0;}
body{ background: linear-gradient(45deg , #001B4B , #006FCA , #006FCA , #003783);}
var listKey = {
'合肥市':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340100_full.json',
},
'瑶海区':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340102.json',
points:[{name: '瑶海区111',value: [117.313076,31.866118]},]
},
'庐阳区':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340103.json',
points:[{name: '庐阳区111',value: [117.261397,31.889056]},{name: '庐阳区222',value: [117.269733,31.881452]},]
},
'蜀山区':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340104.json',
points:[{name: '蜀山区111',value: [117.157229,31.872589]},{name: '蜀山区222',value: [117.173902,31.848054]},]
},
'包河区':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340111.json',
points:[{name: '包河区111',value: [117.298183,31.81746]},{name: '包河区222',value: [117.407992,31.761968]},]
},
'长丰县':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340121.json',
points:[{name: '长丰县111',value: [117.168961,32.490058]},]
},
'肥东县':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340122.json',
points:[{name: '肥东县111',value: [117.473675,31.899776]},{name: '肥东县222',value: [117.473675,31.890456]},]
},
'肥西县':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340123.json',
points:[{name: '肥西县111',value: [117.09212,31.763079]},{name: '肥西县222',value: [117.051876,31.718367]},]
},
'庐江县':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340124.json',
points:[{name: '庐江县111',value: [117.293574,31.273179]},{name: '庐江县222',value: [117.304497,31.224772]},]
},
'巢湖市':{
json:'https://geo.datav.aliyun.com/areas_v3/bound/340181.json',
points:[{name: '巢湖市111',value: [117.802437,31.639333]},{name: '巢湖市222',value: [117.897298,31.62064]},]
},
}
var keyName = '合肥市';
function setMap(){
// $.get('//geo.datav.aliyun.com/areas_v3/bound/340100_full.json', function (geoJson) {
$.get(listKey[keyName].json, function (geoJson) {
myChart.hideLoading();
echarts.registerMap('HF', geoJson);
myChart.setOption(
(option = {
title: {
show: true, //显示标题
// left: 'left', //显示在横向位置
// top: 'top', //显示在竖向位置
textStyle:{
color:'#ffffff'
},
text: '合肥地图',
subtext: 'ECharts 快速上手', //点击 跳转链接（sublink）
sublink:'https://echarts.apache.org/handbook/zh/get-started/',
subtextStyle:{
color:'#fff'
},
},
tooltip: {
trigger: 'item',
formatter: '{b}{c}（单位）'
},
toolbox: {
show: true, // 显示菜单
orient: 'vertical',
// left: 'right', //显示在横向位置
// top: 'top', //显示在竖向位置
iconStyle:{
borderColor:'#fff'
},
feature: {
dataView: { readOnly: false }, //数据视图
restore: {}, //刷新重置
saveAsImage: {}, //保存为图片
}
},
visualMap: {
show: true, //显示数据区间查看器
min: 10,
max: 600,
text: ['High', 'Low'],
// left: 'left', //显示在横向位置
// top: 'bottom', //显示在竖向位置
textStyle:{
color:'#ffffff'
},
realtime: false,
calculable: true,
inRange: {
// 地图渲染色值（根据data中value数据区间展示对应渐变过度色值，值越小展示越靠前的色值）
// color: ['#B0E1FF', '#63C1FD' , '#3CADF4'],
color: ['lightskyblue', 'yellow', 'orangered'],
}
},
series: [
{
name: '合肥地图',
type: 'map',
map: 'HF',
label: {
show: true
},
data: [
{ name: '瑶海区', value: 10 }, //{b} : name {c} : value
{ name: '庐阳区', value: 50 },
{ name: '蜀山区', value: 100 },
{ name: '包河区', value: 150 },
{ name: '长丰县', value: 300 },
{ name: '肥东县', value: 400 },
{ name: '肥西县', value: 500 },
{ name: '庐江县', value: 600 },
{ name: '巢湖市', value: 70 },
],
// 自定义名称映射（地图JSON中name是英文的展示处理）
nameMap: {
'yaohai': '瑶海区',
// ...
}
},
// 写入经纬度标注点所需
{
name: '',
type: 'scatter',
coordinateSystem: 'geo',
color: ['#000'],
tooltip: {
position: "right",
color: "#000",
formatter(d) {
// console.log(d)
return `【${d.data.name}】`;
},
},
itemStyle: {
color: '#ddb926',
normal: {
areaColor: '#8abcd1',
borderColor: '#fff',
borderWidth: 1,
},
emphasis: {
areaColor: '#fff',
borderColor: '#ff0000',
borderWidth: 0.5,
}
},
// 经纬度数据
data: keyName == '合肥市' ? [].concat(listKey['瑶海区'].points,listKey['庐阳区'].points,listKey['蜀山区'].points,listKey['包河区'].points,listKey['长丰县'].points,listKey['肥东县'].points,listKey['肥西县'].points,listKey['庐江县'].points,listKey['巢湖市'].points) : listKey[keyName].points,
}
],
// 写入经纬度标注点所需
geo: {
show: true,
map: 'HF',
type: 'map',
// mapType: 'anhui',
roam: false,
// label: {
// normal: {
// // 显示省份标签
// show: false,
// textStyle: {
// color: '#fff',
// fontSize: 10
// }
// },
// emphasis: {
// // 对应的鼠标悬浮效果
// show: true,
// // 选中后的字体样式
// textStyle: {
// color: '#000',
// fontSize: 14
// }
// }
// },
// itemStyle: {
// color: '#ddb926',
// normal: {
// areaColor: '#8abcd1',
// borderColor: '#fff',
// borderWidth: 1
// },
// emphasis: {
// borderWidth: 0.5,
// borderColor: '#8abcd1',
// areaColor: '#fff'
// }
// },
// emphasis: {
// label: {
// show: false
// }
// }
}
})
);
});
}
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;
myChart.showLoading();
setMap();
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
myChart.on('click', function (param) {
console.log(param)
console.log(param.name)
if(!listKey[param.name]){
return;
}
if(keyName == param.name){
keyName = '合肥市';
}else{
keyName = param.name;
}
setMap();
})
0
0
0
浏览量0
周舟莫UI设计
解决Composer安装报错？
看起来跟 composer 没什么关系，是你本地 PHP 没有配置好，它要用 mysqli 模块，但是找不到。
你直接 "php -v"，看看能否正常运行。
修复方案，要看你怎么安装的 PHP。一般来说要么安装一下 mysqli 模块，要么重装，并且去掉 mysqli 模块都可以。
0
0
0
浏览量0