我头像最美
webstorm中无法识别和提示vue响应式对象的属性,如何解决?
如果你是 TS,传递对应的泛型参数即可:
import type { ElForm } from 'element-ui/types/form'
const form = ref(null)
const reset = () => form.value.resetFields()
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250111/b9c1e34d21811f328591cfa13717468b.png)
如果是 JS,那么就需要配合 JSDoc:
/**
*
* @type {Ref}
*/
const form = ref(null)
const reset = () => form.value.resetFields()
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250111/aedba0dc51ca9a7a873d0c1ff31d8171.png)
我头像最美
vue3非 setup 语法糖如何在 css v-bind 中使用当前组件的 props?
如下为组件代码:
{{btnTxt}}
export default {
props: {
width: {
type: String,
default: '250px',
required: false
},
height: {
type: String,
default: '45px',
required: false
},
color: {
type: String,
default: '#fff',
required: false
},
bgColor: {
type: String,
default: '#3A8BFF',
required: false
},
btnTxt: {
type: String,
required: false
}
},
name: 'download-btn',
setup(props, { emit }) {
const click = (event) => {
emit('ctaClick', event)
}
return {
click
}
}
}
.download-btn {
width: v-bind('props.width');
height: v-bind(height);
color: v-bind(color);
background-color: v-bind('props.bgColor');
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 15px;
.showline(1);
}
当前组件传入的 props 属性,我想直接通过 css v-bind 使用,但是无论直接使用属性名称,还是 'props.xxx'
都无法获取到属性,想问下大家有什么好的解决方案?
我头像最美
css中多行省略号不生效的问题?
你把内容改成中文就能正常显示省略号,说明这个CSS是没问题的,只是英文会出问题,因为英文你这又没有空格区分单词,浏览器会认为这是一个单词,不拆分单词,就成这样了,你在加个"word-break: break-all;"这一句,拆分单词强制换行就能正常显示省略号了,或者你不加这句,在内容里用空格区分好正常的单词,也是可以正常显示的
我头像最美
Mysql 是用分区表,还是直接分表?
我们现在有个 Oracle 的数据库,有一张实验数据相关的表字段不多
大约 3000W 的数据吧 打算迁移到 Mysql8 中,我在想这张表是直接分区呢还是分表好一些?
我头像最美
实现element中tab组件的动态展示,但是对获取到的数据进行操作总是打印__ob__:observer?
这两个地方改一下:
this.allData.splice(data.id, 1, data);
async getTabName(data) {
const names = [];
for (let i = 0; i < data.length; i++) {
names[i] = data[i].title;
console.log('names', names);
}
for (let i = 0; i < names.length; i++) {
this.tabList.push(names[i].station);
}
console.log('tablist:', this.tabList);
}
我头像最美
可以帮我看下为什么 这个右侧的aside的宽度可以达到2000多px吗?
调试一下可以看到 父元素开启了display: flex
等用于 doc-content-container 元素的高度
我头像最美
Java 有没有办法可以像谷歌浏览器审查元素那样获取HTML?
第一个问题:可以用Apache的HttpClient库来请求网页的HTML内容,然后通过HTML解析库比如Jsoup来获取Html中的元素。
第二个问题:可以用无头浏览器(Headless Browser),它可以模拟浏览器执行Js,来获取并生成html。
如果给一个url地址,可以通过以下代码获取该地址的html,并对html页面的元素进行操作:
String url = "https://mobile.yangkeduo.com/goods.html?goods_id=484209795384";
try {
// 1.创建URL对象和连接对象
URL urlObj = new URL(url);
HttpURLConnection connection = (HttpURLConnection) urlObj.openConnection();
// 2.设置请求方法,获取响应代码和内容
connection.setRequestMethod("GET");
int responseCode = connection.getResponseCode();
if (responseCode == HttpURLConnection.HTTP_OK) {
InputStream inputStream = connection.getInputStream();
BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream));
String line;
StringBuilder htmlContent = new StringBuilder();
while ((line = reader.readLine()) != null) {
htmlContent.append(line);
}
reader.close();
inputStream.close();
//3.使用 Jsoup 解析 HTML
Document document = Jsoup.parse(htmlContent.toString());
//4.操作html中的a元素
Elements links = document.select("a");
for (Element link : links) {
String linkText = link.text();
String linkUrl = link.attr("href");
}
} else {
System.out.println("HTTP request failed with response code: " + responseCode);
}
connection.disconnect();
} catch (IOException e) {
e.printStackTrace();
}
我头像最美
Spring接口没有实现类为什么可以进行注入?
能用,那说明,其实是有实现类的,orm框架,根据接口和上面的注解,生成实现类,类似动态代理
我头像最美
bootstrap,怎么在导航栏右边加个按钮?
怎么在导航栏右边加个按钮
Logo
Link
Link
我头像最美
请问是否有右键打开选项列表的React插件?
"https://www.radix-ui.com/primitives/docs/components/context-menu" (https://link.segmentfault.com/?enc=8cbVWV7MgwNe1ZrG0jLQkA%3D%3D.LpNcSQBViFt0GPGIey5e%2BZcwaq3tlJvUDfwREllWsVQ%2BXdGr%2FlSjT8Bh5GcM7cTPZR1dQggM6QEOM4P%2BSO60rQoOKE2JrS3OobnDdL1DIu8%3D)
推荐使用 "shadcn"
"https://ui.shadcn.com/docs/components/context-menu" (https://link.segmentfault.com/?enc=8dB3cYnDuqDhg0TwCmzLGQ%3D%3D.3tsoGCFx9TsTRgIaSlboUWjIwRgx%2BeaeVm69tkAOyY7n6h%2B1AP8mVXn3218RQFn2H2LZ7i9FC0uHF27%2BF4Om1Q%3D%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/90f3fa5bad3a77d9384be0f0cb526587.png)
我头像最美
搭建一个网站,pc端和移动端分开写,路由跳转应该怎么区分?
取决你怎么适配的,如果用了第三方插件转rem或者vw的你就可能要考虑怎么处理这个插件配置,打包的时候一个项目的话,最好分成两个项目
我头像最美
关于ts比较两个类型是否相同问题?
"extends" 判断的依据是类型是否是 assignable(能赋值的),而 "readonly" 并不能影响类型的 assignable 特性。
通过 Google 找到一个能够判别 "readonly" 的方法,仅供参考:
type IsEqual = (() => T extends A ? 1 : 2) extends () => T1 extends B ? 1 : 2 ? true : false;
type A = IsEqual; // false
代码出处:"https://github.com/microsoft/TypeScript/issues/27024#issuecomment-510924206" (https://link.segmentfault.com/?enc=L1QjRm8%2BTp3oYF5O58Bgzg%3D%3D.CDY6u6T2DlOzOJwkVqpDKKZzOr%2FwFBTqeVAnddGLTNxJqlQ9fsGmNzvFbLaQEW4CaJbftgNXkfgUluGhSkJuM2QMPMFcr6une1wLTKamjF8%3D)
希望对你有所帮助!
我头像最美
vue2遍历数组形成表格?
先把 tree 拍平成 arr,然后在 v-for 即可
不然就等用递归组件了,感觉不如直接用 js 递归好数据,然后 v-for
我头像最美
安装扩展swoole失败,怎么处理这个?
clarations -std=c++11 -c /tmp/swoole-4.8.6/src/protocol/websocket.cc -fPIC -DPIC -o src/protocol/.libs/websocket.o
Assembler messages:
Error: can't open /tmp/ccz3gtNM.s for reading: No such file or directory
In file included from /tmp/swoole-4.8.6/src/protocol/ssl.cc:19:0:
/tmp/swoole-4.8.6/include/swoole_socket.h:34:27: fatal error: swoole_buffer.h: No such file or directory
compilation terminated.
make: *** [src/protocol/socks5.lo] Error 1
make: *** Waiting for unfinished jobs....
In file included from /tmp/swoole-4.8.6/src/protocol/websocket.cc:17:0:
/tmp/swoole-4.8.6/include/swoole.h:134:27: fatal error: swoole_config.h: No such file or directory
compilation terminated.
make: *** [src/protocol/ssl.lo] Error 1
make: *** [src/protocol/websocket.lo] Error 1
mkdir src/reactor/.libs
g++ -DENABLE_PHP_SWOOLE -I. -I/tmp/swoole-4.8.6 -DPHP_ATOM_INC -I/tmp/swoole-4.8.6/include -I/tmp/swoole-4.8.6/main -I/tmp/swoole-4.8.6 -I/usr/local/php-7.4/include/php -I/usr/local/php-7.4/include/
php/main -I/usr/local/php-7.4/include/php/TSRM -I/usr/local/php-7.4/include/php/Zend -I/usr/local/php-7.4/include/php/ext -I/usr/local/php-7.4/include/php/ext/date/lib -I/tmp/swoole-4.8.6 -I/tmp/swoo
le-4.8.6/include -I/tmp/swoole-4.8.6/ext-src -I/tmp/swoole-4.8.6/thirdparty -I/tmp/swoole-4.8.6/thirdparty/hiredis -DHAVE_CONFIG_H -g -O2 -Wall -Wno-unused-function -Wno-deprecated -Wno-deprecated-de
clarations -std=c++11 -c /tmp/swoole-4.8.6/src/reactor/base.cc -fPIC -DPIC -o src/reactor/.libs/base.o
/tmp/swoole-4.8.6/src/reactor/base.cc:17:20: fatal error: swoole.h: No such file or directory
#include "swoole.h"
^
compilation terminated.
make: *** [src/reactor/base.lo] Error 1
/tmp/swoole-4.8.6/libtool: line 1283: src/reactor/epoll.loT: No such file or directory
mkdir src/reactor/.libs
mkdir: cannot create directory 'src/reactor/.libs': No such file or directory
make: *** [src/reactor/epoll.lo] Error 1
Assembler messages:
Fatal error: can't create src/protocol/.libs/mime_type.o: No such file or directory
make: *** [src/protocol/mime_type.lo] Error 1
Assembler messages:
Fatal error: can't create src/protocol/.libs/http.o: No such file or directory
make: *** [src/protocol/http.lo] Error 1
Assembler messages:
Fatal error: can't create src/protocol/.libs/redis.o: No such file or directory
make: *** [src/protocol/redis.lo] Error 1
make: getcwd: No such file or directory
make: *** No rule to make target `install'. Stop.
mv: cannot stat '/usr/local/php-7.4/lib/php/extensions/no-debug-non-zts-20190902/swoole.so': No such file or directory
我头像最美
echars中左边的这个纵轴,可以改成图中这样的样式吗?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241217/2f9db08517bd4ca0f995a8eaaf972eac.png)
我头像最美
css怎么实现这样的效果,按压之后背颜色慢慢被覆盖?
不知道你要的按压是不是手机上的按压,不过基本上原理相通,就是在触发的时候用 "transition" 来改变就了。
就比如这个用 "a" 标签来控制的 ":hover" 和 ":active" 时的颜色变化
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241215/56f882dbad3d6eae2933629ff839213b.png
点下来
a {
font-size: 18px;
color: #000;
transition: color 500ms linear;
}
a:hover {
color: #f00;
}
a:active {
color: #0f0;
}
我头像最美
element ui el-tree如何搜索后恢复到之前的展开状态?
"https://jsrun.net/9vxKp/edit" (https://link.segmentfault.com/?enc=f0q22xYYtEkqmzIjsaiJHQ%3D%3D.hiT9MfeL%2BAbzhCfZdNuwkShPat7yBrToI9KSj5pbRPA%3D)
我头像最美
格式化json,发现格式化前和后不一样?
例子:
`
{
"total": 12,
"rows": [
{
"createBy": null,
"createTime": "2023-10-10 11:33:15",
"updateBy": null,
"updateTime": "2023-10-10 11:33:14",
"remark": null,
"id": 9,
"liquidName": "生活区2#MBR池液位",
"liquidBoxno": "xxx",
"liquidMonitorId": 273003152665484863,
"liquidWarningValue": "0"
},
{
"createBy": null,
"createTime": "2023-10-10 11:32:03",
"updateBy": null,
"updateTime": "2023-10-10 11:32:03",
"remark": null,
"id": 8,
"liquidName": "生活区1#MBR池液位",
"liquidBoxno": "xxx",
"liquidMonitorId": 273003152665484865,
"liquidWarningValue": "0"
}
],
"code": 200,
"msg": "查询成功"
}
`
看图
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241214/1ea6f4e08630fb237c2833d3abac9685.png)
这也没超出什么位数吧 看了下long的最大是19位 这个是18位 再者说 这json解析没有位数限制吧 不懂
long的长度
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241214/58d34195086c6d35d17ab4ecf299053d.png)
我头像最美
node如何解析doc文件,Mammoth只支持docx?
上传文件需要解析内容,支持doc和docx,用Mammoth实现了,但是仅支持docx,查资料说docx可解压,doc是原始文件,所以Mammoth不支持,请问有没有其他第三方库支持解析doc的
我头像最美
想请问下, 若依-vue2为什么添加本地静态路由, 在菜单里不显示呢?
后端还没启动, 所以只有前端。 我把登陆校验之类的注释掉了, 直接进了若依管理系统。
可为什么我按照API的方法加路由, 菜单里不显示呢?
现在只想加点死的本地静态菜单开始写页面。
{
path: '/system/test',
component: Layout,
hidden: false,
alwaysShow: true,
meta: { title: '系统管理', icon : "system" },
children: [{
path: 'index',
component: (resolve) => require(['@/views/index'], resolve),
name: 'Test',
meta: {
title: '测试管理',
icon: 'user'
}
}]
}
我未做其他任何更改。
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241213/d193820f4b91a72f708cfeaa8a374964.png
我头像最美
dolphinscheduler在docker中执行任务上传的附件下载不到怎么回事呢?
用的本地存储, 这个是配置:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241211/c9c77025076cac0a83d5282bed32e82a.png)
这是上传的附件:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241211/ecc73d4aa0c91ff5121a11a120416c60.png)
这是任务执行的日志:
[LOG-PATH]: /opt/dolphinscheduler/logs/20231013/11209648461824_10-8-19.log, [HOST]: Host{address='dolphinscheduler-worker-01:1234', ip='dolphinscheduler-worker-01', port=1234}
[INFO] 2023-10-13 02:50:03.012 +0000 - Begin to pulling task
[INFO] 2023-10-13 02:50:03.018 +0000 - Begin to initialize task
[INFO] 2023-10-13 02:50:03.019 +0000 - Set task startTime: Fri Oct 13 02:50:03 UTC 2023
[INFO] 2023-10-13 02:50:03.020 +0000 - Set task envFile: /opt/dolphinscheduler/conf/dolphinscheduler_env.sh
[INFO] 2023-10-13 02:50:03.020 +0000 - Set task appId: 8_19
[INFO] 2023-10-13 02:50:03.022 +0000 - End initialize task
[INFO] 2023-10-13 02:50:03.026 +0000 - Set task status to TaskExecutionStatus{code=1, desc='running'}
[INFO] 2023-10-13 02:50:03.027 +0000 - TenantCode:root check success
[INFO] 2023-10-13 02:50:03.028 +0000 - ProcessExecDir:/tmp/dolphinscheduler/exec/process/root/10999671003776/11209648461824_10/8/19 check success
[INFO] 2023-10-13 02:50:03.033 +0000 - get resource file from path:/tmp/dolphinscheduler/root/resources/jar/kafka-rest-1.0.jar
[ERROR] 2023-10-13 02:50:03.035 +0000 - Task execute failed, due to meet an exception
org.apache.dolphinscheduler.plugin.task.api.TaskException: Download resource file: (/jar/kafka-rest-1.0.jar,root) error
at org.apache.dolphinscheduler.server.worker.utils.TaskExecutionCheckerUtils.downloadResourcesIfNeeded(TaskExecutionCheckerUtils.java:136)
at org.apache.dolphinscheduler.server.worker.runner.WorkerTaskExecuteRunnable.beforeExecute(WorkerTaskExecuteRunnable.java:216)
at org.apache.dolphinscheduler.server.worker.runner.WorkerTaskExecuteRunnable.run(WorkerTaskExecuteRunnable.java:170)
at java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:511)
at com.google.common.util.concurrent.TrustedListenableFutureTask$TrustedFutureInterruptibleTask.runInterruptibly(TrustedListenableFutureTask.java:131)
at com.google.common.util.concurrent.InterruptibleTask.run(InterruptibleTask.java:74)
at com.google.common.util.concurrent.TrustedListenableFutureTask.run(TrustedListenableFutureTask.java:82)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1149)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:624)
at java.lang.Thread.run(Thread.java:750)
Caused by: java.io.FileNotFoundException: File /tmp/dolphinscheduler/root/resources/jar/kafka-rest-1.0.jar does not exist
at org.apache.hadoop.fs.RawLocalFileSystem.deprecatedGetFileStatus(RawLocalFileSystem.java:668)
at org.apache.hadoop.fs.RawLocalFileSystem.getFileLinkStatusInternal(RawLocalFileSystem.java:989)
at org.apache.hadoop.fs.RawLocalFileSystem.getFileStatus(RawLocalFileSystem.java:658)
at org.apache.hadoop.fs.FilterFileSystem.getFileStatus(FilterFileSystem.java:458)
at org.apache.hadoop.fs.FileUtil.copy(FileUtil.java:483)
at org.apache.dolphinscheduler.service.storage.impl.HadoopUtils.copyHdfsToLocal(HadoopUtils.java:388)
at org.apache.dolphinscheduler.service.storage.impl.HadoopUtils.download(HadoopUtils.java:309)
at org.apache.dolphinscheduler.server.worker.utils.TaskExecutionCheckerUtils.downloadResourcesIfNeeded(TaskExecutionCheckerUtils.java:127)
... 9 common frames omitted
[INFO] 2023-10-13 02:50:03.037 +0000 - Get a exception when execute the task, will send the task execute result to master, the current task execute result is TaskExecutionStatus{code=6, desc='failure'}
在容器中也能找到这个上传的附件:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241211/4dd94bcbe9b5b9fab2e15dfb72f8c103.png)
这是怎么回事呢?
我头像最美
求画红圈的部分如何理解 (代码标注的那里)?
"780c12d9ede2d7ceffcae2190c59572.jpg" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241210/d949821e8ae58a82d6251d9052d55227.png)"48006073f7f9a1382e8f75ceae1f0a4.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241210/7d6a2a2985ff5aaf1bd13b648399cbf0.png)
题目:
给你一个非负整数数组 nums ,你最初位于数组的 第一个下标 。数组中的每个元素代表你在该位置可以跳跃的最大长度。
判断你是否能够到达最后一个下标,如果可以,返回 true ;否则,返回 false 。
示例 1:
输入:nums = [2,3,1,1,4]
输出:true
解释:可以先跳 1 步,从下标 0 到达下标 1, 然后再从下标 1 跳 3 步到达最后一个下标。
示例 2:
输入:nums = [3,2,1,0,4]
输出:false
解释:无论怎样,总会到达下标为 3 的位置。但该下标的最大跳跃长度是 0 , 所以永远不可能到达最后一个下标。
提示:
1 =0;i--)
{
if(nums[i]>=numsSize-1-i) **这里的numsSize-1-i怎么理解?**
{
numsSize=i+1; **这里怎么理解?**
}
}
if(nums[0]>=numsSize-1)
return true;
else
return false;
}
我头像最美
一个前端不懂的前插后插数据的排序需求?
我一般直接用整形,每次更新一页的数据即可,也不是很复杂。
有时候程序效率要让步与开发效率。
我头像最美
vue项目中使用Video.js 切换倍速时报错 this.player(...).playbackRate is not a function 错误代码位置在依赖源码里 怎么解决?
这个解决了
场景是我在player实例生成后 emit触发自定义事件 把player实例传到外层组件赋值给我外层组件声明的ref值 然后出了问题哈哈
赋值的时候深拷贝一遍就可以解决了
原因是直接赋值应该是共用了一个内存地址 导致源码里的事件都不能正常调用实例方法哈哈
这问题太经典了
我头像最美
mybatis sql错误?
select JSON_EXTRACT(all_info, '\$[0].motor_controller_temperature')
from data_20230217
org.mybatis.spring.MyBatisSystemException: nested exception is
org.apache.ibatis.reflection.ReflectionException: The 'JSON_EXTRACT(all_info,
'$' property of null is not a List or Array.
关键是这个sql
select JSON_EXTRACT(all_info, '\$[0].motor_controller_temperature')
from data_20230217
用navicat运行没有错误
我头像最美
求助:element-plus如何实现动态多级表头?
vue
{{ item.price }}
script
import { ref } from "vue";
这是完整的表格数据,其中fullTimeNCs的长度是动态的
`const tableData = ref([
{
area: "NKA_门店1",
fullTimeNCs: [{label:'1个店员评级金额',price:"100"}, {label:'2个店员评级金额',price:"400"},{label:'3个店员评级金额',price: "600"}],
},
{
area: "NKA_门店12",
fullTimeNCs: [{label:'1个店员评级金额',price:"100"}, {label:'2个店员评级金额',price:"400"},{label:'3个店员评级金额',price: "600"}],
},
{
area: "NKA_门店13",
fullTimeNCs: [{label:'1个店员评级金额',price:"100"}, {label:'2个店员评级金额',price:"400"},{label:'3个店员评级金额',price: "600"}],
},
]);`
期望结果
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241129/6d95857d76c09b2e7fdef3fe246ce684.png)
店员数量是动态的,但是在这里无法循环渲染el-table-column多级表头
我头像最美
请问数字人+背景图片+音频生成一段视频是如何实现的?
视频是固定的,形象是AIGC模型,根据内容采用模型生成动作和声音,将其合成到视频中
我头像最美
js中substring(),substr(),slice()三种方法的区别?
怎样更直观有效的区分这三种方法
我头像最美
java代码中拼接的长字符有么又快速去掉+好的方法?
@Select("" +
"select num from table_name " +
"" +
"where grade = #{grade} " +
"" +
"")
Set getAllNums(@Param("grade") String grade);
类似于这种代码, 需要复制出单个的string,如下
select num from table_name
where grade = #{grade}
一个个去替换加号和引号太麻烦了。如何快速的将@select后面的这个字符串复制出来?或者有没有插件还原这种+号拼接的字符串?
我头像最美
get请求为什么有的请求参数放到链接后面有的放到请求参数中?
就算你没接触后端接口设计也没关系。
前端的路由你应该知道,路由里面有两个关键的概念,
1.params:/router1/:id , //router1/123,/router1/789 ,这里的id叫做params
2.query:/router1?id=123 , //router1?id=456 ,这里的id叫做query。
query添加需要按照浏览器规则来拼接 "?id=123&id2=567&id3=789"
axios中的params接受一个对象 他最终也会以query的形式给你拼接到 url 后面
我头像最美
amh面板如何禁止ip访问?
正常用域名加端口号可以访问面板的。
要限制访问的话,可以修改/usr/local/amh-版本/vhost/amh-nginx.conf配置,
类似加配置:
if ($host != 'www.你的域名.com')
{
return 444;
}
禁止IP访问站点的话,另外添加一个以ip为名的虚拟主机,直接使用规则,
return 444;
我头像最美
input 上传图片如何不通过blob获取到图片的宽高?
看网上的方法大多是这样的
let url = window.URL || window.webkitURL
let img = new Image()
img.src = url.createObjectURL(files)
然后可以在img.onload () {} 获取到上传图片的宽高,而且上传图片的时候要判断图片的宽高是否符合已经定义好的宽高,确定就上传,取消就不上传
但是呢更到线上后,上传图片就被拦截了,blob不太行,所以想问一下有不通过blob的方式获取到上传图片的宽高吗,报错信息大致是
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241118/2c3a62fc44e17521cc23aef01d04ff9e.png)
有啥解决办法呢,只想获取图片的宽高~~~
我头像最美
echarts如何实现一个图例legend显示两种颜色?
使用itemStyle属性为每个图例设置颜色
// 引入 ECharts
var echarts = require('echarts');
// 初始化图表
var myChart = echarts.init(document.getElementById('myChart'));
// 配置项
var option = {
// 其他配置项...
// 图例配置
legend: {
data: ['颜色1', '颜色2'],
},
// 系列配置
series: [
{
name: '颜色1',
type: 'bar', // 可以是其他图表类型
data: [10, 20, 30, 40, 50],
itemStyle: {
color: 'blue', // 设置颜色1
},
},
{
name: '颜色2',
type: 'bar', // 可以是其他图表类型
data: [50, 40, 30, 20, 10],
itemStyle: {
color: 'green', // 设置颜色2
},
},
],
};
// 使用配置项设置图表
myChart.setOption(option);
我头像最美
Windows7下ELectron应用的Input输入框在拼音输入中的失焦问题?
Windows7下ELectron应用的Input输入框在拼音输入中的失焦问题
主要是为了解决虚拟键盘(使用的"simple-keyboard" (https://link.segmentfault.com/?enc=F88lixE%2FPh%2BlQgHWEEaY9g%3D%3D.MnhrAgs%2B6YehxMomE6SRYJvUxQGy1smkp5j8TAoWxHOHN8i8r%2B4K7v%2BJjI7aMYI2))的拼音输入问题(Windows自带的虚拟键盘因为不够方便和美观,所以没有采用;simple-keyboard其实也支持拼音输入,但是更不好用),最后决定通过Koffi(ffi,ffi-napi)调用user32.dll,模拟键盘输入,用系统装的第三方输入法实现。
在Windows10及以上,是没什么问题的,但是在Windows7下,会出现拼音输入框一闪而逝的问题(具体表现就是输入第一个字母的时候,输入框附近出现的候选框闪一下,就没了,此时如果按键盘的空格键,还是能选中的),不能正常进行拼音输入。
初步判断是点击虚拟按键的时候,输入框失焦了。
1. 换过几种常见的输入法,包括百度,搜狗,QQ等,结果略有差异,但是都不正常;
2. 如果使用Pointer事件(preventDefault),结果就是上面说的,输入第一个字母的时候,拼音候选框就会闪一下然后消失;
3. 如果使用click事件(preventDefault),只能输入一个字母,就是第一个字母的时候,候选框正常,但是继续输第二个字母的时候,候选框还是只有当前第二次输入的这个字母,第一个字母变为字母输入到Input中,这里会触发input的blur事件;
4. 使用mousedown事件,倒是不触发blur了,但是结果跟第二点一样。
我对user32只是略有理解,然后为什么windows7.windows10下,输入法表现不一样也不知道。
期望有在electron下有比较舒适的拼音输入方法(windows7 限定),谢谢各位!
我头像最美
C++中实现[]重载报错?
"double &operator[](const char *Name) "
注意 const 。
C++ 里,字符串字面量是常量字符串,不能匹配 "char *" 参数,只能用 "const char *"。
我头像最美
有没有对开发文档翻译比较好的网页翻译工具?
浏览器自带的网页翻译,对计算机这种专业的,很多意思都变了。AI发展势头正猛,会不会有人做了这方面的尝试?这样github上开发文档读起来会快好多
我头像最美
如何解决离线环境下golang开发时依赖的问题?
"Go"在联网环境下开发可以使用"go mod tidy"联网拉取项目所需依赖包,
而离线环境下,本人了解到,只能单个项目中使用"vendor"解决包依赖,但是一旦该项目导入包有变化就会失效。
而且"vendor"仅对当前项目有效,其他项目不能引用"vendor"中的包。
这导致离线环境的"Go"开发寸步难行。往往用"Go"卡在这里后,我就只能转用"Python"在离线内网开发。
想请教大佬们
1. 如何在内网(不能连互联网)搭建"goproxy"服务,让新旧项目都能重复共享使用特定的包.
2. 其所需的包如何下载和转移至内网.
3. 如何解决"sum"的问题等等?
越详细越好。
网上关于"Google"官方的"goproxy"和"goproxy.io"搭建"goproxy"服务的文章,都是基于能联网的公司内网场景。
我头像最美
Nuxt3移动端@click绑定点击为什么无效?
或者改用移动端的专用事件:
* ontouchstart 手指按下触发
* ontouchmove 手指移动触发
* onTouchend 手指抬起触发
«"https://juejin.cn/post/7039723755806916638" (https://link.segmentfault.com/?enc=xpI1cVRmrodP7DBpG3PKPA%3D%3D.gta47fmfvqNXIpviGuYhpwLhEvVNMqWFEgwD9NXbhs%2FDyBcNOgD0GzBoXO3uBMxm)»
有个说法是微信ios内置浏览器认为,不是button a标签之外的非点击元素 比如div 是不可点击的
比如给div绑了click事件,在微信里边是不生效的,解决办法是给这个div元素添加一个样式属性 cursor: pointer;
可以试试
我头像最美
VueRouter中存储路由的参数是什么?
请查看getMenuRoutes函数,如果是框架的话,大部分会存在嵌套路由的情况,你点开routes查看一下,是否存在children数组
我头像最美
defineProps 中Props类型限制?
因为"@vue/compiler-sfc"不支持"InstanceType",编辑器里"vue"文件有提示里是因为ts在处理
"https://github.com/vuejs/core/blob/a6503e3e77b04a1ab8c07078e07091b06d51131d/packages/compiler-sfc/src/script/resolveType.ts#L589-L595" (https://link.segmentfault.com/?enc=uUaMNbYOqZd4KTLSeKyVkw%3D%3D.yT0znTtYeY8YrjXe8gIMYrurOvIbJilalV74zBnlEQyonls7M6zC82o87rEmKfPfOEpughmKsE9NpkgRfw8TMc9qQ97sUtUgFLzqPJV4snjqfRQd6Ryrha7kusAgAfBTzocrZYiGoocWZ4w4j9j92UJJ0rTj0Dt2wlYBeCPDgC0nOd6Jxu8qZbR2XHYHKWxW)
const SupportedBuiltinsSet = new Set([
'Partial',
'Required',
'Readonly',
'Pick',
'Omit'
] as const)
我头像最美
Vite + Vue3 + Axios 请求 Node.js 接口一直报404是什么问题?应该怎么解决?
vite+vue3+js,请求node接口一直404,代理也写了,!"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241026/af06ce7db15096dce020d47b6f5e1668.png)
"vite代理" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241026/773c914c36c1b09f39a42dded30b7157.png)"axios请求接口" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241026/4510e7cca06be869cadd5047cf7ebb4a.png)"路由" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241026/7155a875fd46e7c952078de16034e90f.png)"路由" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241026/4733fd0f50b7a144efe70d015b635581.png)"控制层" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241026/6df7d28da07a7fa081259cab1fa4efb1.png)
我头像最美
Electron中如何让主进程和渲染进程之间进行即时通信呢?
winMain//主进程
winRenderer//渲染进程
const ipcMain = require('electron').remote.ipcMain
winRenderer.loadURL(rendererPage)
//主进程响应rendererPage中发出的指令'MainMsgFromRender'
ipcMain.on('MainMsgFromRender', function(event, arg) {
//接受到rendererPage已打开的消息,可向rendererPage传输数据
event.sender.send('message', '数据')
})
rendererPage中发出的指令
const ipcRenderer = require('electron').ipcRenderer
ipcRenderer.send('MainMsgFromRender', '打开了')//首次加载给主进程发消息,后续发消息通过这个发送给主进程
// 监听主进程返回的消息
ipcRenderer.on('message', function (event, arg) {
console.log('监听到主进程的消息', arg)
})
纯手打的,大概思路就是在创建出的进程里面先去发送消息给主进程,主进程接收到之后可以做出回应,(ipc.on可以理解成监听)这样就可以达到即时通信的效果
我头像最美
el-from怎么设置深层属性prop?
"Form-Item-Attributes-prop" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/0c5f12471a5669cc85b87e8a2afe94f6.png)
看文档!"prop" 属性接收的参数类型是 "string",所以你需要传入的是拼接好的字符串,而不是对象属性值。
-
+
如果你设置的是 ":prop="formValue[props]" 那么实际绑定的并不会是你的期望的 "formValue.detail.file" 而是
"formValue" 对象的 "detail.file" 值,也就是一个数组结果,或者 "undefined"
我头像最美
vue2升级vue3报错,求大佬看一下?
webpack配置有没有加入vue-loader的插件?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/75ad8bf0a8a26999d6647c8ae1ca4609.png)
module.exports={
//...
plugins:[
new VueLoaderPlugin()
]
}
参考:"vue-loader文档" (https://link.segmentfault.com/?enc=C%2Brfk%2B6024c2Y0NGOM7FVA%3D%3D.kS3GVmmrCuHDEZHMwu%2BVPmslnsWYZ6wuLpT6XQIEXxEwr7wPBgaD6jLT3F2Hb4yEbLVjJAKOONnYLmQyw%2FxmnMIzGatCtUGCieRwHTFPH9E%3D)
我头像最美
如何设置input高度很高,但是文字居于底部?
隐藏 input 的默认边框,自己画一个带边框的大容器把它放在最下面就好了。
我头像最美
这是 element-ui 的 bug 吗?
"element-ui" "InfiniteScroll"
在线地址
"https://codesandbox.io/p/sandbox/hopeful-knuth-twdttl?file=%2..." (https://link.segmentfault.com/?enc=EN0SZmEQyz8ylKjdXO73Uw%3D%3D.ZUXJK0f17wB0QTgrsWL%2FchFs8%2FbW0Amfc7BhB8LPY4454QCmeBey24FnVhri4Zuyag20V7odxUJgc8YUo1OdAA59tDjAlcX%2BSGBOvPOra6k727m4q%2BVrx8%2Fn6MPPQRjP)
我的使用方式
v-infinite-scroll="load"
:infinite-scroll-immediate="false"
但是还是触发了 "load" 方法
默默打开 "element-ui" 源码调试了一下
"packages/infinite-scroll/src/main.js"
* line:69let value = el.getAttribute(`infinite-scroll-${key}`);
发现这个 value 永远都是 "true",但是我明明传递的是 "false" 啊
后来看了 "vue" 源码里面 对 "dom" 的 "attribute" 有这样一段处理
"src/platforms/web/runtime/modules/attrs.js"
* line:68if (isFalsyAttrValue(value)) {
el.removeAttribute(key)
} else {
...
}
"false" 的值会被移除掉
导致 "element-ui" 获取到的 "value" 永远是 "null" 就取了默认值 "true"
请教一下各位大佬,这是 "element-ui" 的 "bug" 还是我哪里处理的有问题?
希望能解释一下这个问题
我头像最美
如何确保 Vue 在登录成功后立即获取到 localStorage 中的值?
由于登录成功后马上跳转回主页,导致存localStorage操作与路由跳转几乎同时进行,所以跳转回主页后,localStorage还没有存入完成,获取不到用户信息,只有在刷新一下才能获取到值,如何在登陆成功后获取到呢?
user.js里面将用户信息存储到localStorage中:
const actions = {
getUserInfo({
commit,
dispatch,
state
}) {
axios({
method: 'get',
url: '/gateway/api/userInfo',
headers: {
'admin-gateway-token': state.token
}
}).then(res => {
const {
data,
code,
msg
} = res.data
if (code === 0) {
localStorage.setItem('userInfo', data.username)
commit('SET_USERINFO', data)
} else {
console.log('获取人员信息失败:', res)
if (res.data.code === 2000) {
dispatch('app/logOut', {}, {
root: true
})
}
Message({
type: 'error',
message: '获取人员信息失败:' + msg
})
}
}, res => {
Message({
type: 'error',
message: '获取人员信息失败:' + res
})
})
},
我头像最美
vue的EventBus如何全局引入?
我发现在mian.js里引入后在其他组件可以用,但是在其他js组件里使用EventBus方法就不行,求解决方法,另一种方法是新建个event-bus.js文件,在需要的页面去引入,也没用,
然后我在js文件里也用了
import Vue from 'vue'
const EventBus = new Vue()
现在的问题是从js文件里发送的消息,在vue文件里接收不到(vue文件里用的是mian.js里引入的),也没报错,不知道怎么回事
还是说EventBus只能组件内通信,不能组件与js文件之间通信?如果要做到组件与js文件之间通信,要怎么做呢?不想用vuex
在这里先谢谢各位大哥大姐的解答,感激不尽!
我头像最美
python的pandas不同结构的DF如何整列复制?
import pandas as pd
df1 = pd.DataFrame({
'A': range(4),
'B': range(4),
'C': range(4),
'D': range(4)
})
df2 = pd.DataFrame({
'D': [11, 22, 33],
'E': ['aa', 'bb', 'cc']
})
new_A = pd.concat([df1['A'], df2['D'], df2['E']], ignore_index=True)
df1 = df1.reindex(range(df2.shape[0] * 2 + df1.shape[0]))
df1['A'] = new_A
print(df1)
我头像最美
请问域名到底是如何分级的?
网上的回答都好混乱,查阅了资料,谈谈个人的看法
个人看法
域名
首先从定义出发(来自维基百科)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/473df75219eebb2a0682691bc798702e.png)
总结一下也就是说,域名是能解析成 IP 地址的一个整体,而不是后面的后缀(因为我发现有人将某级域名曲解成了某个后缀)
域名分级
搞清域名后再了解域名分级
如下是维基百科的说明,写的很清楚
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/b1734f341a49bafef9943c9f41b60ffd.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/52a0572c4133647f52922aad857d01be.png)
问题
1. 顶级域名比如"com"、"cn"为什么通过 url "https://com"、"https://cn"无法被访问?那它为什么还叫域名?
答:(不好意思,在提问时想明白了,所以就自问自答了一下)仔细看维基百科,它们是顶级域 ,不是顶级域名
2. 我们个人注册的域名最多只能注册到"xxx.com"、"xxx.cn"这样的,根据维基百科也就是二级域名,所以根本不存在一级域名 这种东西吗?为什么网上有大量的这种说法呢?