怼怼事务所
IP:
30关注数
1粉丝数
19获得的赞
工作年
编辑资料
链接我:
创作·69
全部
问答
动态
项目
学习
专栏
怼怼事务所
有没有不同手机型号的外观模版库?
不同的手机的有不同的尺寸,不同的状态栏样式,有没有这类组件库?
6
1
0
浏览量244
怼怼事务所
如何自定义图例的形状和文字样式？
图例形状根据icon配置"https://echarts.apache.org/zh/option.html#legend.icon" (https://link.segmentfault.com/?enc=uOVTwgZ2lz3lr4lXa8QBVw%3D%3D.cymwSwvbk45Yce3Udd9LbxLoe5QghIdTjiiwyViCkvfT5vju9T6VQz%2F36rmIA5lI%2FeSzQy%2FEICWFNo3JoqwE3A%3D%3D)
后面添加的样式可以在textStyle的rich中配置
legend: {
textStyle: {
rich: {
a: {
fontWeight: 'bold',
padding: [0, 0, 0, 10]
}
}
},
formatter: function (name) {
return name + '{a|37}';
},
icon: 'circle'
},
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/acb060d878dfb5c3c21c6a41ba4cc501.png)
0
0
0
浏览量0
怼怼事务所
如何给图例（legend）添加提示信息？
"legend"添加"tooltip"就行
legend: {
data: ['Forest', 'Steppe', 'Desert', 'Wetland'],
tooltip: {
show: true
}
},
«"https://echarts.apache.org/zh/option.html#legend.tooltip" (https://link.segmentfault.com/?enc=EBC%2B2oVvysba8WZLCpB2%2Fw%3D%3D.Jur96wAn5grFr462jCb5QIzyXlGoVEI6fiK4e9Xh%2BeCSsbSHoY8b8ykFxJwF3KuuAwEqJO14fRVKGQlOSWbQRQ%3D%3D)»
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250108/fbdc5f30423e5e4516696d3b436dcfb1.png)
0
0
0
浏览量0
怼怼事务所
如何自定义轴label显示间距？
不同图表库的解决方案不一样，根据你给的demo，在VChart中只需要配置axes
中对应轴的label相关配置:通过minGap可以自定义标签之间的最小间距（单位为像素）。仅当轴采样开始时生效（sampling: true）。
该配置会影响轴采样的结果。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250107/def26aac615a7a03b33d55fe9c54e4d6.png)
代码示例
Code Exampleconst spec = {
type: 'line',
data: {
values: [
{
time: '2:00',
value: 8
},
{
time: '4:00',
value: 9
},
{
time: '6:00',
value: 11
},
{
time: '8:00',
value: 14
},
{
time: '10:00',
value: 16
},
{
time: '12:00',
value: 17
},
{
time: '14:00',
value: 17
},
{
time: '16:00',
value: 16
},
{
time: '18:00',
value: 15
}
]
},
xField: 'time',
yField: 'value',
axes: [{
orient: "bottom",
label: {
minGap: 80
}
}]
};
结果展示 Results在线效果参考："https://codesandbox.io/s/customize-axis-label-spacing-9ml6nvO..." (https://link.segmentfault.com/?enc=GO%2BQKZNNsUZNbL%2FXdJyxIw%3D%3D.nDAfktPVT3dw0ku78F%2FakTLnXhVXOrp8XMwsHYhgFNZHWVQ65rrNIsz6cBBZZ4FDykc%2Bpr1IgkKfloTT5AVEeB4GWwUQfUkCRrTc9zq8Oy4%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250107/faebbd5132bf94d9cdfb0b774a631c91.png)
相关文档
基础折线图demo："https://www.visactor.io/vchart/demo/line-chart/basic-line" (https://link.segmentfault.com/?enc=0WfN4K8XSg9dpaXUjAYSjA%3D%3D.snm5BtIgamTjVTzmWSbTxTnXOvOoBJsllHqZcWhR67tAcDIOO80Syccg3StSKs%2BCjGpsW2kIN%2BtiFW%2BPFmdvdg%3D%3D)
折线图教程："https://www.visactor.io/vchart/guide/tutorial_docs/Chart_Type..." (https://link.segmentfault.com/?enc=Ka0jPyiJlnA4OM2vgC1k0A%3D%3D.%2FBE57TUIIupBQAU61VpHdM%2BM6KfsQ25Hrj%2Bo7RQgDEhsbjHC5haGzt40a4%2BassTo70tLS1%2FDwghMzmg8nU%2Byt5iuKWTW%2Fhha%2BmQcTC29WDg%3D)
相关api："https://www.visactor.io/vchart/option/lineChart#axes-band.lab..." (https://link.segmentfault.com/?enc=Zx19GxCxRSigvXii4DeISQ%3D%3D.Q8hwGQ7xUUk6xs2gsacgYl5aYOcKx3FsojkVuI2xvLAsCG11m3TjAkY1BsfK3ZzuTRrm1lNsJsiWTIHfxjR5sBt%2FGLp1RuIpdBX9QHuA6Wc%3D)
github："https://github.com/VisActor/VChart" (https://link.segmentfault.com/?enc=6PNs9oKNEkOVRik2FtoScw%3D%3D.Sf2u7tUEpMSS%2BCQ3gHsovB%2FAqZpADlj9Jxw6mx7zFGig20X1eJZ4R7N3492rbzjk)
0
0
0
浏览量0
怼怼事务所
请问定义方法在组件内和定义在组件外有什么区别呢？还是都可以？
在写React的时候发现有一个细节，我们可以定义方法在组件外也可以定义在组件内，比如"searchPages"，
import React, { useEffect } from 'react'
const searchPages = () => {
}
function SearchComp() {
useEffect(() => {
}, [])
return (
SearchComp
)
}
export default SearchComp
请问定义在组件内和定义在组件外有什么区别呢？还是都可以？
13
1
0
浏览量180
怼怼事务所
实现element中tab组件的动态展示，但是对获取到的数据进行操作总是打印__ob__:observer？
data () {
return {
inputContent: '',
allData: [{}, {}, {}],
tabList: [],
timeId: null
}
},
async getAllData () {
const data = await this.$http.get('http://127.0.0.1:4523/m1/2452239-0-default/api/searchstation')
.then(response => {
console.log('当前数据对象：', response.data) // 正常
return response.data
})
.catch(error => {
console.log(error)
})
console.log('数据信息id：' + data.id, '数据信息类型:' + typeof data, data)// Object 数据正常获取
JSON.parse(JSON.stringify(this.allData.splice(data.id, 1, data))) // 获取到的元素放进数组，形成对象数组 不进行深拷贝出现__ob__:Observer
console.log('所有数据', JSON.parse(JSON.stringify(this.allData)))
this.getTabName(this.allData)
},
setInterval () {
this.timeId = setInterval(this.getAllData, 3000)
},
// 利用该方法获取到title中的station值，然后作为tab-pane的label值
async getTabName (data) {
const names = [{}, {}, {}]
for (let i = 0; i names.length; i++) {
this.tabList.push(names[i].station)
}
}
console.log('tablist:', this.tabList)
}
解决了：删除获取tabs的方法，再获取 数据方法里面：
this.tabList = JSON.parse(JSON.stringify(this.allData)).map(item => {
return item.title
})
在标签里：
":label="tabList[index].station""
19
1
0
浏览量302
怼怼事务所
手写new操作符时，表达式Array.prototype.shift.call(arguments) 是否可以通过argument[0]代替？
用 Array.prototype.shift.call(arguments)
的方式更方便获取构造函数的参数，用arguments[0]：这种方式只是获取第一个参数，不会改变 arguments
对象。你用这种方式的话，你还要手动创建一个新的参数数组，这个数组里不包含第一个参数，然后把它再传给构造函数。可以看下面的实现：
function myNew() {
var Constructor = Array.prototype.shift.call(arguments);
var obj = Object.create(Constructor.prototype);
var result = Constructor.apply(obj, arguments);
return result instanceof Object ? result : obj;
}
function Person(name, age) {
this.name = name;
this.age = age;
}
var person = myNew(Person, 'Alice', 25);
console.log(person.name); // 输出: Alice
console.log(person.age); // 输出: 25
0
0
0
浏览量0
怼怼事务所
封装 element-plus 的 el-table-column，slot 里面的 el-switch 组件会在表格初始化的时候触发一次change事件？
目前的解决方法是在 "TableColumnTooltip" 组件中先判断 "row" 属性有值才渲染
"slot"。"TableColumnTooltip"中的 "default slot" 为什么会默认渲染一次等有空了看下源码再补充。
{{ label }}
{{ tooltip }}
0
0
0
浏览量0
怼怼事务所
Insert `..`eslint(prettier/prettier)如何解决？
因为格式化工具用的是vetur，项目格式化工具用的是prettier，更改格式化工具即可
0
0
0
浏览量0
怼怼事务所
echarts axislabel fomatter 写富文本可以添加点击事件吗？
axisLabel: {
formatter: function (value, index) {
var text = '' + value + '';
text += 'Tooltip';
return text;
},
myChart.on('click', function (params) {
var index = params.dataIndex;
var value = params.value;
......
});
这样是否可以呢
0
0
0
浏览量0
怼怼事务所
如何生成一个 mini 折线图？
这取决于你用的可视化组件,对应的组件有对应的配置,建议你用图表 echarts
"https://echarts.apache.org/zh/index.html" (https://link.segmentfault.com/?enc=5LN%2FCAVBD1aaCNYpjNhpdg%3D%3D.agriQ6bTRX%2B0o29ivi1N0eXVemxnB%2Fpp6dnvj5NUipMPVnAx3mEe8ZiZmjwCt%2B%2BE)
0
0
0
浏览量0
怼怼事务所
我做的一个网站UI风格跟功能与其它网站类似，会不会有侵权风险？
我做的一个网站UI风格跟功能与其它网站类似，会不会有侵权风险？包括网站首页的图片也是从互联网上找的，是否也应该联系图片作者获得图片使用权？
0
1
0
浏览量11
怼怼事务所
vue3+ element-plus实现路由标签栏？
在全局路由守卫beforeEach()可以拿到跳转页面的路由信息，存在vuex里面，右侧路由标签的数据从vuex拿并做渲染
0
0
0
浏览量0
怼怼事务所
echarts关系图graph如何让节点显示两个不同位置的数值？
series里面设置label的formatter
0
0
0
浏览量0
怼怼事务所
vue 如何获取当前用户在那个时区？
获取时区
console.log(Intl.DateTimeFormat().resolvedOptions().timeZone)
# 'Asia/Shanghai'
new Date().getTimezoneOffset()
## -480
## -480 / 60 = -8, 表示我们比+0多8，是+8时区。
0
0
0
浏览量0
怼怼事务所
k8s 如何设置「尽量反亲和性」？
Kubernetes 的默认调度策略是尽可能满足 pod 的资源需求，同时尽量均匀分配 pod 到多个节点上。
所以没必要设置反亲和性。
0
0
0
浏览量0
怼怼事务所
el-table，如何修改合并行hover样式和逻辑？
在线demo：
"https://codesandbox.io/s/el-table-he-bing-xing-de-hover-wen-t..." (https://link.segmentfault.com/?enc=iej1JaVlIAZ8eV6TandgIQ%3D%3D.qPRCPdaWrfbAYbiK%2FTOR45zqSrOJlfzvWH3UE0HT3PBoDBPQvRfD9uwFOh8QZVQTq206hrIkGC5NFOHK%2B694lrX88WVPJqyALqSCQCjPy6Fzio3LEZwCS05ldXTUvIQQ)
效果1：鼠标悬停在第一行的时候，跟悬停第二行一样，只高亮右侧（或者每一行都高亮合并行）
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241128/3fd7406eb37fc8a425695aed7a9914b2.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241128/3860f57829ad0281917c1f02716512a5.png)
效果2：鼠标悬停在合并行的时候，触发所有行的高亮
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241128/20a91431ccf78625a9b27e7f90606038.png)
0
1
0
浏览量22
怼怼事务所
有谁知道idea这个顶部栏如何去掉？
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241126/5197b1cb86556055fd6caef592b557f6.png)
0
1
0
浏览量12
怼怼事务所
mathematica求解析解？
请问这个问题如何用mathematica求解析解呢？
微分方程：
$$ (\frac{\mathrm{d} }{\mathrm{d}\rho } +\frac{1}{\rho}
\frac{\mathrm{d}}{\mathrm{d}\rho} )(\frac{\mathrm{d}^2 \omega}{\mathrm{d}
\rho^2}+\frac{1}{\rho}\frac{\mathrm{d}\omega}{\mathrm{d} \rho} )=0 $$
边界条件：
$$ \begin{cases} \omega|{\rho=0}=h,
&\frac{\mathrm{d}\omega}{\mathrm{d}\rho}|{\rho=0}=0 \
\omega|{\rho=\delta}=0 &
\frac{\mathrm{d}\omega}{\mathrm{d}\rho}|{\rho=\delta}=0 \end{cases} $$
0
1
0
浏览量18
怼怼事务所
可不习惯python中的没有括号的语法怎么办？
可不习惯python中的没有括号的语法怎么办？
name="my name is chunten"
count=0
for x in name:
if x=="n":
count+=1
print(f"字符串中有{count}个'n'")
0
1
0
浏览量11
怼怼事务所
vue.js 2组件每次都执行create是什么原因?
vue-router中的name与组件的name保持一致. 不一致会导致keeplive失效
0
0
0
浏览量0
怼怼事务所
洛谷P9748题问题代码如何修改？
这是我洛谷P9748三次提交的代码，三次都没得分，请能者指教。
//这是第一次的代码，可以体现出我最初的思路，不理解是代码有什么语法问题还是思路有问题....
#include
using namespace std;
const int Nmax=1e6+7;
int cnt[Nmax];
long long n;//sum
long long pick=0x3f;
int sum_day(int x){
while(x>n;
// memset(cnt,0,sizeof(cnt));
for(int i=1;i
using namespace std;
const int Nmax=1e3+7;
int cnt[Nmax];
long long n,x;//sum
long long pick=0x3f;
int main(){
cin>>n;
// memset(cnt,0,sizeof(cnt));
for(int i=1;i<=n;i++){
cnt[i]=0;
}
while(x
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
怼怼事务所
0
1
0
浏览量11
怼怼事务所
pyppeteer无头模式截图未渲染完成？
不需要 sleep ，"await page.goto(url)" 优化下：
await page.goto(url, {
// timeout: 2 * 1000,
waitUntil: ['load', 'domcontentloaded', 'networkidle0']
})
具体文档可见："https://pyppeteer.github.io/pyppeteer/reference.html#pyppetee..." (https://link.segmentfault.com/?enc=fTPgZUizixOLWuMQhqm20Q%3D%3D.50l78E1HSnt%2FBZsWJgwzeH%2BPhVC8VOmJeOrDK5eIyx82oOveopC5n244oAJpMY6CmjKauO5UlNYxhKmSJNGaH%2Fmm%2BU9o7w%2FTcf3hUXX4P%2Bs%3D)
0
0
0
浏览量0
怼怼事务所
mybatis-plus使用静态工具查询时出现语句错误报错？
SELECT user_id, user_address FROM `order` WHERE (user_id IN ('3'))
@Table(name = "`order`", charset = MySqlCharsetConstant.UTF8, engine = MySqlEngineConstant.InnoDB)
public class Order {
// ...
}
0
0
0
浏览量0
怼怼事务所
后台管理系统浏览器内存占用过高，怎么排查？
https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/4fb270a824257137e94bc39ad326628d.png
这是一个vue2的后台管理系统，有时候会发现这个标签页的内存一直上升，好像是有内存泄漏，像这种情况该怎么排查呢？
0
1
0
浏览量12
怼怼事务所
微信SDK在Vue3+TS项目中使用问题？
vue3+ts在index.html中引入，然后import wx
from 'weixin-js-sdk'找不到
require方式导入在微信开发者中报错未定义
0
1
0
浏览量13
怼怼事务所
如何使用CSS实现页面右起滚动？
终于找到了，使用 direction 属性。
"https://developer.mozilla.org/zh-CN/docs/Web/CSS/direction" (https://link.segmentfault.com/?enc=dJEK99y%2BVbwtwmW7RGBxSA%3D%3D.%2BHJ86xHfwbFwXHkG1qc0VkMZuzpYofPqrK%2Fawh6%2FB%2FyIpUPG6YoH2JBcF0%2FQbYAC0Td09ZHtqnn1N870aBqmIA%3D%3D)
0
0
0
浏览量0
怼怼事务所
提升JWT安全性：如何设计有效的加盐密钥？
背景
jwt使用HS256加密方式
之前是采用uid+username+网站上线运行那一刻的毫秒数
，但是因为在业务实现上有一定限制（无法保证每个业务（controller层）都获取的到user对象），故该方案已弃用
目前后端加盐为系统上线运行那一刻的毫秒数
但是感觉安全性比较低
问题
想问一下，在实际的开发场景下，大都如何设计加盐密钥？
0
1
0
浏览量18
怼怼事务所
vue方法调用传参，es6模版字符串怎么转表达式？
改成这样
this.uploadFile(file, 'databaseCsvFiles')
uploadFile(file, target) {
this[target] = xxx
}
0
0
0
浏览量0
怼怼事务所
使用CSS怎么实现这个效果?
1. 目测这个效果不够规则，不应该用 css 来做
2. 实在想做的话，可以尝试用 css 属性复刻设计稿
0
0
0
浏览量0
怼怼事务所
Kmeans如何应用于类别不平衡的数据上（用kmeans做工具）？
是的，是直接改变训练数据数据分布的。
只保留majority类别，其中还有imbalanced-learn这个库帮助可以实现。里面还有其他各种治疗方法，也可以参考。
具体可以看这篇："https://zhuanlan.zhihu.com/p/640220466" (https://link.segmentfault.com/?enc=CwMTbFWgd%2BQycR9GMYzOWQ%3D%3D.4cidPOmoe3BLq4tQmWLZB93K0sACjFRj8w4vZHVe9zMScrkXU%2BN6vPPIDgfhOf9V)
0
0
0
浏览量0
怼怼事务所
vue中如何引入html或将html转化成npm包？
放到public目录下
0
0
0
浏览量0
怼怼事务所
微信小程序上拉弹窗，调用接口后，视图不更新问题？
1 先确定 点击 立即领取之后 ， 是否调用领取接口成功"之后"。 才调用 的 获取数据接口
2 看 领取后 获取数据接口 的 接口返回值是否正常
3 看 是否成功渲染了数据
0
0
0
浏览量0
怼怼事务所
ES6 父子继承中一些执行顺序以及this指向的问题？
第一问
当实例化Child时，会首先执行父类Parent的构造函数，然后再执行子类Child的构造函数。
在Parent.constructor方法中打断点如下图所示：
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241023/69c0d4b14ee9efcaf5e3ec6f546fa87b.png)
从上图Scope栏中的Local作用域可知，虽然this值指向Child,但是其内部的name属性值是“Parent”
* 原因是类字段初始化发生在构造函数执行之前。当 Parent 的构造函数被调用时，类字段的初始化，也就是表达式赋值name = (() => {
console.log('Parent name init')
return 'Parent'
})()
已经发生了。
* 虽然this 引用的是 Child 的实例，但是因为表达式赋值是Parent 的构造函数被调用之前执行的，所以 this.name 实际上是在 Child 的实例上设置了一个名为 name 的属性，并赋值为 'Parent'。
* 不妨在Parent中增加如下代码：parentName = "parentName"
init() {
console.log('parent init', this.name) //结果输出parent init Parent
console.log("test: ", this.parentName) //结果输出test: parentName
}
实际上还是先对类字段进行初始化，然后再调用构造函数实例化
第二问
当执行 super() 方法时，父类 Parent 的构造函数会执行并初始化父类的实例属性，然后才会继续执行子类 Child
的构造函数。在子类的构造函数中，才会对子类的实例属性比如child.num进行初始化
0
0
0
浏览量0
怼怼事务所
效果是id recruitType的值传给接口，选择框里选项点了才会高亮，这样的问题是如何解决的?
一般 "el-option" 绑定的 "value" 值是唯一的。不然就会选择一个option高亮一堆选项。
所以可以使用你需求的 "id" 和 "recruitType" 去做一个拼接的 "value" 值。
handleSelect(val){
const [id, recruitType] = val.split('-')
this.formData.selectId = id
this.formData.selectRecruitType = recruitType
}
0
0
0
浏览量0
怼怼事务所
Mac和windows哪个更适合运行ai程序？
我是一名前端工程师，我想尝试一些ai能力。现在对facebook开源的图像分割Sam非常感兴趣我想去尝试一下。但是我的电脑性能太差跑不起来。所以我想换台电脑
请问大佬们 mac和windows哪个更适合运行ai程序呀？
我看Sam程序在运行时需要gpu，mac(m2以上芯片)性能是否要更差些？
0
1
0
浏览量19
怼怼事务所
一个奇怪的可能与js转义相关的问题？
首先要明确，一个字符串的内容是 "a\b\c\d" 和它的描述是 "a\b\c\d" 是不同的。根据 JS 的转义规则，字符串内容 "a\b\c\d"
的描述是 ""a\\b\\c\\d""。
如果想把内容 "a\b\c\d" 修改为 "a\\b\\c\\d"，那对应的描述应该改为 ""a\\\\b\\\\c\\\\d""，因为 "\\" 会转义成
"\"。所以 4 个 "\" 会转义成 2 个 "\"。
为了避免内容和描述的混淆，在代码中生成 ""a\\b\\c\\d"" 所描述的字符串，可以用 "[..."abcd"].join("\\")"（当然直接写成
""a\\b\\c\\d"" 也是一样的）。
而在 replace 的时候，"/\\/" 和 ""\\"" 描述的都是单个反斜线字符。要想替换成两个反斜线字符需要 ""\\\\""。
另外，如果是为了处理成 JSON，建议直接用 JSON.stringify 来处理
"snipaste_2024-01-08_14-03-25.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/f85af08d9696fd71db6774b84825d9b3.png)
0
0
0
浏览量0
怼怼事务所
解决运行环境无编译器问题？
你这应该是没配置jdk,你应该尝试确认一下jdk是否配置正确
0
0
0
浏览量0
怼怼事务所
springboot多线程事务对于大数据量插入更新是否有性能提升？
有两种方式，你可以做个参考。
1. 尝试用多线程共享一个 session 打开同一个事务，并发入库，这种方法没尝试过，大概率不可行，你可以自己试一下
2. 多线程多 session 同时并发入库；此时给同一批数据设置一个唯一的批次号，如果全部成功，标记该批次号为成功，不成功，后续可以异步删除。
在尝试上面的方式之前，应该要确认一下是否使用了批量插入、分批提交等优化方式。
0
0
0
浏览量0
怼怼事务所
如何去掉用户代理样式表的样式？
浏览器：edge
项目中存在一个div
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/f8bd87e0b3fcf6b8b5e7176f56458358.png)
发现无论如何也无法显示出来，查看样式，发现是下面的用户代理样式表写了display none导致的，为什么会出现这个用户代理样式表，且只针对于特定的div
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/89cf74c8010ac0bec3cf29a09f00787a.png)
在firefox中打开就可以正常显示，请问我该如何解决？
0
1
0
浏览量14
怼怼事务所
vue点击登录，获取不到sessionstorage值？
vue点击登录，跳转不到首页，获取不到sessionstorage值，刷新页面再点登录就可以
请为一下是为啥，是因为sessionStorage不是实时存的吗
login.vue代码
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/9eed2f7f8b7be1dd7e773a50bac67dc0.png)
permission.js 路由守卫代码
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/51b7502288e1dc24c204eccaa4a160eb.png)
vuex index.js代码
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/5eb7430eccfcc23cd30c604bbce8901b.png)
0
1
0
浏览量11
怼怼事务所
css中绝对定位如何不受设备分辨率影响始终定位在固定的点？
css 一个需求要在uniapp里面给一张图片设置很多可以点击的点，每个点有不同的点击事件
只能想到给图片一个相对定位，然后给每个点一个绝对定位，进行一点点的调整
但是手机分辨率改变之后，会有轻微的错位，top left的单位用的是百分比
求教有什么方法可以使得绝对定位不受分辨率的影响呢
.point {
position: absolute;
width: 20px;
height: 20px;
background-color: red;
z-index: 99999;
}
.map {
position: relative;
z-index: -1;
}
.mh {
@extend .point;
top: 6%;
right: 26%;
}
.bj {
@extend .point;
top: 6%;
right: 26%;
}
.dh {
@extend .point;
top: 6%;
right: 26%;
}
0
1
0
浏览量201
怼怼事务所
CSS 怎么实现 微信输入法进度条按钮效果？
"linear-gradient" + "background-position" + "background-clip"
兼容性可能不太好
"Peek 2024-01-23 16-38.gif" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/de45a8195b0c2098325b3e0b408ca25b.png)
"Codepen" (https://codepen.io/Jin-Moriarty/pen/ZEPJeRN)
0
0
0
浏览量0
怼怼事务所
reduxjs/toolkit 刷新页面后如不丢失 store 中的数据？
redux-persist
0
0
0
浏览量0
怼怼事务所
怎么让页面识别转义字符?
用了特殊字符
{{ '111\n222' }}
0
0
0
浏览量0
怼怼事务所
如何为Vant的van-steps步骤条组件设置渐变色?
试一下这个属性:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/279f76cd8d736bc564bbcb24c02d3e16.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/b6678d4a4ceb24dc91b5e9aa54fa0132.png)
赋值一个渐变色
0
0
0
浏览量0
怼怼事务所
网页上如何使用自己电脑上安装的字体文件？
我在网上下载了一种免费字体，如下：
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/5e07e283120e00c548ba988eb2a5bc0f.png
安装到了系统里如下：
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/313d4790f63aa2cd717382ae37fd9012.png
现在我该如何在网页上使用这个字体了，我自己的网站的 "css" 代码片段如下：
/*@font-face {
font-family: 'MyFont';
src: url('/style1/font/荆南麦圆体.otf') format('truetype');
}*/
html, body{font-size:18px;font-family:"荆南麦圆体", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;}
我明明把 "荆南麦圆体" 放到了第一位，但他还是显示的是微软雅黑字体，请问这个该怎么写才能显示成 "荆南麦圆体" 呢？
各位大佬请不要回答别人的机器能不能显示这个字体哦，我只要我的电脑能显示这个字体就行了。
另外因为这个字体库文件比较大，我不希望使用 src 那种方式引入自定义字体。
0
1
0
浏览量164
怼怼事务所
vue3 监听浏览器窗口关闭事件，该如何实现在窗口close前发送请求记录日志，并确保后台请求一定能执行完成？
vue3 监听浏览器窗口关闭事件，在窗口close前发送一个请求记录下使用记录这样子。
但是实际使用过程中发现有时候调请求存记录会不成功，并不是每次在使用完关闭窗口后都成功的存了使用记录。
请问是由于请求完成前浏览器已经关闭了导致请求取消造成的嘛？如果是的话，该如何确保在窗口关闭前，发送后台请求，且确保能请求执行完成呢？
代码如下：
//监听 浏览器窗口关闭事件，触发日志上传
onMounted(() => {
window.addEventListener("beforeunload", (e) => beforeunloadHandler(e));
window.addEventListener("unload", (e) => unloadHandler(e));
});
onUnmounted(() => {
window.removeEventListener("beforeunload", (e) => beforeunloadHandler(e));
window.addEventListener("unload", (e) => unloadHandler(e));
});
const beforeunloadHandler = async (event: any) => {
if (state.totalPressCount > 0) {
logEndTime.value = dayjs().format('YYYY-MM-DD HH:mm:ss');//add2023-07-25 plq
// await submitAlarmCaseToolLog();
}
//网页上 显示确认对话框
// Cancel the event as stated by the standard.
// event.preventDefault(); // 取消默认的关闭操作
// Chrome requires returnValue to be set.
// event.returnValue = ""; // Chrome要求设置返回值才能触发提示框
}
const unloadHandler = async (event: any) => {
if (state.totalPressCount > 0) {
// logEndTime.value = dayjs().format('YYYY-MM-DD HH:mm:ss');//add2023-07-25 plq
await submitAlarmCaseToolLog();
}
}
//添加事件工具使用记录 add2023-07-25 plq
const submitAlarmCaseToolLog = async () => {
const _requestData = {
alarmCaseId: alarmCase_store.alarmCaseData?.id as number,
toolKitId: guidanceToolsIdEnum.cpr_guide_tool,
openTime: logStartTime.value,
closeTime: logEndTime.value,
resultId: "",
resultName: `累计按压计数：${state.totalPressCount}`,
assessFlowId: paramAssessFlowId.value,//问题关联工具 add2023-07-27 plq
orderId: paramAssessOrderId.value,
guidanceStepId: paramStepId.value, //指导步骤关联工具
guidanceStepSourceId: paramStepSourceId.value,
};
let _res = (await addAlarmCaseToolLog(_requestData)).data;
// console.log(_res);
};
0
1
0
浏览量182
怼怼事务所
html 如何将滚动条定位到特定div？
可以使用OverlayScrollbars库，这个库，隐藏了默认滚动条，定义了一个div控制滚动
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/ef007c1431c12702fd4b77df73dac6cb.png)
0
0
0
浏览量0
怼怼事务所
如何禁止用户使用浏览器提供的隐藏元素设置？
在做网页水印，在做了各种的防止用户篡改之后，发现还有一个大招就是浏览器右键元素中有一个隐藏元素选项，请问应该如何禁止浏览器隐藏元素？或者说浏览器隐藏元素会触发哪些事件？或者说隐藏元素是修改了哪些样式？应该如何处理呢？
0
1
0
浏览量170