biubiuuuuu
小程序中WebView页面为何出现自动生成的返回按钮?如何去除?
不像是小程序的 webview 内置的按钮。你直接复制URL在浏览器中打开看看是不是也有这个按钮。
biubiuuuuu
请问在对React项目做状态管理,您们都是使用什么方案呢?
业务如果简单的话其实直接使用useState之类的就可以了。
业务数据流比较复杂的话 可以使用类似 Mobx 或者 Redux 之类的库,现在好像
"zustand" (https://link.segmentfault.com/?enc=RPCJzRb%2F6k%2FD%2FfOCPNgSLg%3D%3D.0XDYjnIwRFawFyIbLeqQRFk8Vl%2B75VaIfB3iiROnhWk%3D)
这个库趋势比较火,使用复杂度会比较小可以尝试下。
然后可以配合
"tanstack" (https://link.segmentfault.com/?enc=L%2BwIEF5L4wN%2BPaWdfPfWKw%3D%3D.ceXesc6OHf3VuBv0Aj9Flffsq4JOsKrwmBUNc8LVcCguwSqQR8148BynZe6VP0h749kJvyx7WaquDA35IMLAeQ%3D%3D)做一些接口缓存之类的。
biubiuuuuu
vue 项目页面引入字体文件,体积很大怎么压缩?
转woff2 试试,应该还可以再缩一点。
如果会用字体编辑软件的话,可以再把字体里其它不需要的字符去掉应该还可以再减小一部分。
biubiuuuuu
uniapp中,为什么跳转回tabBar页面就无法接收监听?
APP.VUE的onLaunch是首次打开APP时,初始化完成时触发(全局只触发一次)
tabBar页面可以放在onShow()方法里,每次打开页面都会触发
biubiuuuuu
vue 项目改为微应用后,原本的项目地址打不开为什么?
vue项目即可以在qiankun框架中当作微应用运行,又可以单独运行,本地测试是可以的,但是部署到测试上,单独运行时不成功,需要配置什么吗?
biubiuuuuu
折线图和柱状图如何同时展示?
echarts 示例:
«"https://echarts.apache.org/examples/zh/editor.html?c=mix-> line..." (https://link.segmentfault.com/?enc=jS3zTP9xwQUl3kavfShlMg%3D%3D.pM%2F97iv%2Btv%2Fprwm76fsltg2Pd401XzSwmiPPB2szut3QC3%2BUc9NpyVrQXFuuCM8bNuI%2FETRaZs1Z7%2FQW9zTq6SliHcA3ib6%2B%2BV3pInYTmpc%3D)
»
biubiuuuuu
怎么给选中浏览器的滚动条的dom节点?
多的不说了,这个是整个滚动条的样式配置:
"https://zhuanlan.zhihu.com/p/451280260" (https://link.segmentfault.com/?enc=k4xqF8OJd188OcugVNR1OA%3D%3D.Y6R7ltBzrgjZzBKZ1kKwW2rKbYT3GaudokPNwVV2T5ZRlfyz8wJtcv155JV4XMxR)
// 滑块样式
::-webkit-scrollbar-thumb
biubiuuuuu
bat脚本,使用中文进行注释,连续注释现行,运行时就乱码,什么原因?
第一种方法
在脚本中设置编码为utf-8
chcp 65001
...
使用编辑器 将换行符设置为LF
第二种:
不改代码,也不用改换行符, 将bat文件编码设置为gb2312
biubiuuuuu
如何对数组中相同key统一赋值?
有以下两个数组, 其中'name'后缀的数字由arr决定。arr数组有多长,array里的name就有多少个
let arr=[0,1,2,3];
let array=[
{
name0:'1',
name1:'',
name2:'',
name3:'',
},
{
name0:'',
name1:'',
name2:'2',
name3:'',
},
{
name0:'',
name1:'6',
name2:'',
name3:'',
},
{
name0:'',
name1:'',
name2:'',
name3:'9',
},
]
如何使得数组中相同key的value一样,效果如下
array=[
{
name0:'1',
name1:'6',
name2:'2',
name3:'9',
},
{
name0:'1',
name1:'6',
name2:'2',
name3:'9',
},
{
name0:'1',
name1:'6',
name2:'2',
name3:'9',
},
{
name0:'1',
name1:'6',
name2:'2',
name3:'9',
},
]
biubiuuuuu
能否做到,js获取手机唯一识别码?
因为安全限制,没办法取这种识别码。但可以弄一些浏览指纹信息作为识别码,虽然并不是非常稳定。
类似技术广告服务用的最多,用来识别用户特征。
biubiuuuuu
怎样用typescript表达对象的key为特定字符串和数字拼接的类型?
或许可以联合"Record"来表达?
然后,表达式外面就不要加引号了,因为```本身就是引号:
type Test = Record & {
default: any;
awardWorthColor: any
}
«👆记得改下 "any"。»
biubiuuuuu
怎么构建一个QApplication实例,项目启动时先让他先运行起来,但是不显示任何窗口,然后能通过websocket发的请求参数调用,可以多次重复显示不同窗口?
import sys
from PyQt5.QtWidgets import QApplication, QWidget
from PyQt5.QtCore import QObject, pyqtSlot
import socket
class MyApp(QApplication):
instance = None
@staticmethod
def getInstance():
if MyApp.instance is None:
MyApp.instance = MyApp(sys.argv)
return MyApp.instance
class WindowManager(QObject):
def __init__(self):
super().__init__()
self.currentWindow = None
@pyqtSlot(str)
def handleRequest(self, requestType):
if self.currentWindow: # 如果已经有窗口打开,先关闭它
self.currentWindow.close()
# 根据requestType创建对应的窗口
if requestType == "idcard":
self.currentWindow = QWidget() # Just an example, replace with your actual view
self.currentWindow.show()
def run_app():
app = MyApp.getInstance()
windowManager = WindowManager()
server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
server_socket.bind(('localhost', 12345))
server_socket.listen(1)
print("Listening on port 12345...")
while True:
client_socket, address = server_socket.accept()
requestType = client_socket.recv(1024).decode()
client_socket.close()
# 在主线程中调用handleRequest方法
QApplication.instance().thread().exec_(lambda: windowManager.handleRequest(requestType))
if __name__ == "__main__":
run_app()
biubiuuuuu
请问我这个计算属性为什么没有触发?
computed具备懒计算的特性,当依赖数据改变时,属性并不会立即重新计算,只有之后其他地方需要读取属性的时候,它才会真正计算
biubiuuuuu
vue3页面中如何使用wx-open-subscribe?
vue3页面中如何使用wx-open-subscribe,我vue3移动端里面怎么调起微信公众号订阅功能
biubiuuuuu
这个情况是因为什么?控制台输出的对象,在展开和折叠时数据不对等?
因为直接打印一个对象的时候是显示 当时那一刻的值,点击展开的时候,显示的是当前这一时刻这个对象的值。
这个问题在《你不知道的javascript中卷》第二部分异步和性能1.1节异步控制台部分有提到:
«并没有什么规范或一组需求指定console.* 方法族如何工作——它们并不是JavaScript
正式的一部分,而是由宿主环境(请参考本书的“类型和语法”部分)添加到JavaScript 中的。因此,不同的浏览器和JavaScript
环境可以按照自己的意愿来实现,有时候这会引起混淆。
尤其要提出的是,在某些条件下,某些浏览器的console.log(..)
并不会把传入的内容立即输出。出现这种情况的主要原因是,在许多程序(不只是JavaScript)中,I/O 是非常低速的阻塞部分。所以,(从页面/UI
的角度来说)浏览器在后台异步处理控制台I/O 能够提高性能,这时用户甚至可能根本意识不到其发生。»
有个例子:
var a = {
index: 1
};
// 然后
console.log( a ); // ??
// 再然后
a.index++;
«我们通常认为恰好在执行到console.log(..) 语句的时候会看到a 对象的快照,打印出类似于{ index: 1 }
这样的内容,然后在下一条语句a.index++ 执行时将其修改,这句的执行会严格在a
的输出之后。多数情况下,前述代码在开发者工具的控制台中输出的对象表示与期望是一致的。但是,这段代码运行的时候,浏览器可能会认为需要把控制台I/O
延迟到后台,在这种情况下,等到浏览器控制台输出对象内容时,a.index++ 可能已经执行,因此会显示{ index: 2 }。
到底什么时候控制台I/O 会延迟,甚至是否能够被观察到,这都是游移不定的。所以如果在调试的过程中遇到对象在console.log(..)
语句之后被修改,可你却看到了意料之外的结果,要意识到这可能是这种I/O 的异步化造成的。»
作者给的建议:
«如果遇到这种少见的情况,最好的选择是在JavaScript
调试器中使用断点,而不要依赖控制台输出。次优的方案是把对象序列化到一个字符串中,以强制执行一次“快照”,比如通过JSON.stringify(..)。»
console.log打印出来的内容并不是一定百分百可信的内容。一般对于基本类型number、string、boolean、null、undefined的输出是可信的。但对于Object等引用类型来说,则就会出现上述异常打印输出。
所以对于一般基本类型的调试,调试时使用console.log来输出内容时,不会存在坑。但调试对象时,最好还是使用打断点(debugger)这样的方式来调试更好。
«"https://blog.csdn.net/weixin_43054446/article/details/122590665" (https://link.segmentfault.com/?enc=lh8O603ZaN6n3Y1HU6Rnlw%3D%3D.%2FVgwoMxRQ1XXRZRG6g0q1pLPkvlRuKkZrNgPgGWsFUO2tqNHcTkm%2FlYl7UaNd%2Bj2vl3y9xfCf9mIsPIjZfUdDg%3D%3D)»
biubiuuuuu
最终一致性思想应用的业务场景以及实现形式?
最近在学分布式事务,了解到分布式事务最大的问题是各个子事务的一致性问题,因此可以借鉴CAP和BASE两大理论,实现AP模式或者CP模式。
对于CP模式的使用场景,我可以理解成将多个事务合成为一个大的事务去提交、回滚。
但是我对于AP的最终一致性思想仅仅停留在概念上,对于具体业务场景以及在出现不一致情况下如何进行弥补依然比较模糊,望大佬们可以解答一下,此外,如果可以,希望大佬可以分享一下,实践中这两个模式如何选择。
biubiuuuuu
echarts饼图设置标签的position为 inside 时,如何进一步调整标签位置?
可以通过"labelLayout" (https://link.segmentfault.com/?enc=%2Fk7XBTRsRZdZp3iS%2BVZy2w%3D%3D.RXwSR7qyIZfXZRCfEwF3f78ep1X4BrUBeRc2KB00xjI5OyjZuDM3J%2FLP4S62Al7rDiqjswYTc%2FKIX8EFWb453WE6cBU4qqDRCDU5l8ySZgU%3D)回调分别计算渲染label位置,这需要echarts
v5版本及以上才能使用,而且点位的计算需要用到一点数学知识
biubiuuuuu
SQL Server 可以建立雪水ID Function吗?
假设不依赖外部程序,SQL Server 可以建立雪水ID Function吗?
查到这个
"https://blog.csdn.net/qq_18932003/article/details/114334290" (https://link.segmentfault.com/?enc=3HIFVTHMiV7g%2B49vNSkbVA%3D%3D.bhU1NKRSmo%2BC4KUQfNiaG8WSzRrPaDdd1F5gAtByudSGiLRIJUwBRwYDRq1M2gxFiw5126VOQCnPyT0Fc13oRw%3D%3D)
,依赖于newid但没有顺序性
biubiuuuuu
vue3 鼠标进过 table 里面的 tr 就会加载一个svg图片,这什么意思?
看下图,只要鼠标进过 table 里面的 tr 就会加载一个svg图片,这什么意思
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241127/23d8ffd781a328e346522608bb9112c1.png
biubiuuuuu
redis断连重启后,stream流监听会失效?
公司项目使用了StreamListener进行监听redis stream流消息数据;但每隔十几二十天的就会失效监听不到数据;
初步判断:应该是网络或者连接数等问题导致程序与redis服务断开连接,但问题还是无法定位。
以下是代码,有大佬知道或者遇到过这类问题嘛,还请指教如何解决!
@Bean
public List subscription(RedisConnectionFactory factory){
List resultList = new ArrayList();
var options = StreamMessageListenerContainer
.StreamMessageListenerContainerOptions
.builder()
.pollTimeout(Duration.ofSeconds(1))
.build();
for (String redisStreamName : redisStreamNames) {
initStream(redisStreamName,groups[0]);
var listenerContainer = StreamMessageListenerContainer.create(factory,options);
Subscription subscription = listenerContainer.receiveAutoAck(Consumer.from(groups[0], this.getClass().getName()),
StreamOffset.create(redisStreamName, ReadOffset.lastConsumed()), streamListener);
resultList.add(subscription);
listenerContainer.start();
}
return resultList;
}
public class ListenerMessage implements StreamListener> {
RedisCache redisCache;
public ListenerMessage(RedisCache redisCache){
this.redisCache = redisCache;
}
@Override
public void onMessage(MapRecord entries) {
try{
Map map = entries.getValue();
String private_chat = map.get("private_chat");
MessageSave messageSave = JSON.toJavaObject(JSON.parseObject(private_chat),MessageSave.class);
log.info("当前正在处理:{}",messageSave.getMsgtime());
QyTagService qyTagService = SpringUtils.getBean(QyTagService.class);
qyTagService.auditPrivateMessage(messageSave);
//check用于验证key和对应消息是否一直
log.info("stream name :{}, body:{}, check:{}",entries.getStream(), map,(entries.getStream().equals(map.get("name"))));
redisCache.ack(entries.getStream(),"group2",entries.getId().getValue());
redisCache.delField(entries.getStream(),entries.getId().getValue());
}catch (Exception e){
log.error("error message:{}",e.getMessage());
}
}
}
redis配置:
redis:
expire: 60000 # 过期时间
database: 0 # Redis使用的库
host:
port: 6379 #端口号
timeout: 100000 # 连接超时时间(毫秒)
cache:
type: redis #使用redis做缓存
biubiuuuuu
React中使用简单的antd组件报错应该如何解决?
连个代码都没有,神仙也帮不了你。
biubiuuuuu
Tomcat配置没问题,但是启动失败?
java home 和catalina home 配置的不对检查下
biubiuuuuu
为什么我的自定义样式表在Safari中不能正常工作?
今天发现 Safari 偏好设置里可以设置自定义样式表
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/67bf1c8cc2a64c576664f074ad023d84.png)
于是我自己写了个 css 代码进行测试
body {
background-image: url("/Users/luxury/Desktop/wallhaven-o5762l.png") !important;
}
测试结果如下(有对应的网页检查器结果):
1. 自己写的网页,可以生效
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/f4bf694a6b50d0666f780782b739bd7b.png)
2. baidu 页面,无法生效
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/0aec13661b29439a18440b3177de3ea6.png)
我是一个前端新手,请问下这是什么原因?
biubiuuuuu
两条查询SQL能不能合成一条?
SELECT * FROM t WHERE active = 1 AND enabled = 1 DESC LIMIT 0, 1
SELECT * FROM t WHERE enabled = 1 DESC LIMIT 0, 1
这两个条"sql"能不能合并成一条,其实就是想 如果 "active = 1" 没有的,就随便找一个作为默认
现在就是两条"sql",如果不存在,需要判断,然后再次查询,我想每次查询至少有一条数据,除非表为空
还有,用 "AND" 链接的,程序是不是从左到右这样一个一个匹配
biubiuuuuu
能否收集满足条件的文件夹名称做ts类型?
需要用node去读文件夹与文件属性:
const fs = require('fs');
const path = require('path');
function getDirectoriesWithIndexVue(directory) {
let result = [];
const files = fs.readdirSync(directory, { withFileTypes: true });
for (const file of files) {
if (file.isDirectory()) {
const subDir = path.join(directory, file.name);
const indexPath = path.join(subDir, 'index.vue');
if (fs.existsSync(indexPath)) {
result.push(file.name);
}
result = result.concat(getDirectoriesWithIndexVue(subDir));
}
}
return result;
}
// 与 root 文件夹同级的下执行, 进入 root
const rootDirectory = './src';
const items = getDirectoriesWithIndexVue(rootDirectory);
console.log(items); // 输出包含 index.vue 文件的子文件夹名称
输出:
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241104/ffd21f69efee9800f40487580cdf2d69.png)
biubiuuuuu
怎么用代码生成Excel的组合图?
怎么用代码生成Excel的组合图?
我想通过代码在excel里面生成一个组合图,这个怎么搞
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/d0b1cda8d791addd1d262fc7e6cec077.png)
语言是JAVA
biubiuuuuu
为何vuex未被打包进Vue.js的输出文件?
dependencies没有把vuex打包进入
"dependencies": {
"@tinymce/tinymce-vue": "^3.0.1",
"axios": "^1.4.0",
"clipboard": "^2.0.11",
"dayjs": "^1.11.9",
"element-ui": "^2.15.13",
"fingerprintjs2": "^2.1.4",
"ipify": "^6.0.0",
"live-server": "^1.2.2",
"moment": "^2.29.4",
"moment-timezone": "^0.5.43",
"postcss": "^8.4.27",
"qs": "^6.11.2",
"tinymce": "^5.1.0",
"uuid": "^9.0.0",
"vue": "^2.5.2",
"vue-axios": "^3.5.2",
"vue-puzzle-vcode": "^1.1.10",
"vue-quill-editor": "^3.0.6",
"vue-router": "^3.0.1",
"vuex": "^3.6.2"
},
但是我在本机是可以允许,这代表我引入的imp vuex是可以的,但是打包之后就没有
index.js
import Vue from "vue"
import Vuex from "vuex"
Vue.use(Vuex);
main.js
import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue'
import router from './router'
import store from './store'
Vue.use(ElementUI);
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
// el: '#app',
// components: { App },
// template: ''
router,
store,
render: h => h(App)
}).$mount('#app')
biubiuuuuu
请问vue3+vite怎么实现动态插入svg代码?
现在做的是动态编辑菜单
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/410db17825110b5cbe590d48e5c06a84.png)
我想给这个菜单添加svg代码用作图标,但是我发现动态添加的svg代码是不会被识别的。
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/14b0abf20d78918403b23a32433b2b0c.png)(Icon是自己封装的)
静态的svg代码就可以被识别
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/7d2d60dc59ae026468a44a9900369fa8.png)
动态的就原样的打印出来了
biubiuuuuu
微信小程序上拉弹窗,调用接口后,视图不更新问题?
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/bcaab977fa0cad2ae81ed0725c72abef.png)
我是一个上拉列表弹窗,点击立即领取的时候,调了下接口,重新渲染了下数据,但是,那个立即领取,没有马上同步改成已领取,需要重新进下,再展开这个上拉弹窗,才能正常渲染出来已领取,请问这种情况如何处理?
biubiuuuuu
uni-app知名APP介绍?
uniapp打包的APP有哪些?
有没有一些知名的?想看看效果
biubiuuuuu
Vite 首屏加载慢?
最好截图中可以体现一下这些文件的尺寸,一般来说组件的样式不会特别大的,看起来是分片的时候没有处理好,但是你这个基本上都是5秒的耗时可能是服务器的带宽不够。
也有可能因为没有开启HTTP2,代码分片之后到达并发请求上限导致排队所以耗时比较久。
biubiuuuuu
安装完mysql提示这个怎么回事?
ubuntu系统 apt命令安装mysql最后弹出一个这个东西 这个怎么选择?
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/67624a90f45af964b317f43a48a46448.png
biubiuuuuu
微信小程序 onReachBottom事件 上拉加载翻页多几次,触发就会慢很多?
微信小程序 onReachBottom事件 上拉加载翻页多几次,触发就会慢很多?
开始还好好的,上拉到底触发,多几次,之后,响应就会慢很多?
不是那种,是这个事件触发会变慢,我在事件第一行写了console.log 这个第一行的打印 随着上拉滑动的次数增加,打印会明显延迟
biubiuuuuu
windows下同一个emoji是有不同的解析形式吗?
这里有两个相同的emoji红心表情,但是复制到windows上显示效果是一个红色一个黑色。
❤️❤
前者是用将红心连同其他emoji一起复制,然后删除其他emoji就会剩下红心
后者emoji红心单独复制就是黑色的
看了下预览发出去之后都会显示红色,单独截个图好了。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/7ebd620023852072d97b51bbde8af5a2.png)
为啥windows的emoji解析这么混乱
biubiuuuuu
如何替换JavaScript对象数组中的键和值,同时保持顺序,求大佬指导?
原数据
tableData = [
{
A: '12A',
B: '12B'
},
{
A: '13A',
B: '13B'
}
]
D替换key和value中的A之后,顺序变了
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/668016b2e1f276122492b7b3035c66c5.png
HTML渲染
{{ scope.row[keysData[index]] }}
禁用
{{ scope.row[keysData[index]] }}
启用
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/33530f1196918550546e181ef63f67d4.png
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/668016b2e1f276122492b7b3035c66c5.png
替换方法
this.tableData.forEach(item => {
for (let k in item) {
if (k == column.property && item[k] != null) {
item[k] = item[k].replace(k, value)
if (item.hasOwnProperty(column.property)) {
item[value] = item[k]
delete item[k]
}
}
}
})
这个是座位图,每一个key是每一列的编号,编号修改了,那一列的座位号中的字母也要跟着变,现在头疼的是改完后数据顺序变了,编码和座位号对不上,所以我希望得到结果是替换完之后,数据顺序保持不变。或者大家有别的好方法好思路可以指导一下
tableData = [
{
D: '12D',
B: '12B'
},
{
D: '13D',
B: '13B'
}
]
biubiuuuuu
vue 登录鉴权的问题,错误返回的问题?
使用vue2 做前端的登录页面时。 当用户名密码错误时,每次都进入了loginView.vue 的.then部门内容,提示登录成功。
我的具体代码如下。1.请各位大神,指正一下,如何修改。2.在这种从api-->store->views
调用传递中,如何保证异常、数据的正确传递,我该怎么优化我的代码?不胜感激
api/auth.js 接口调用
import axios from "axios";
export default {
login: function (credentials) {
return axios.post(localhost + 'login', credentials)
.then(({ data }) => data) // 只返回数据部分,也可以不处理直接返回整个响应
.catch(error => Promise.reject(error)); // 将错误原样返回,以便上层调用者可以处理
}
}
store/auth.js
import AuthApi from '@/api/auth'
import axios from 'axios'
// 定义模块名
export const auth = {
state: {
user: null
},
getters: {
// !! just converts the value to a boolean
isLogged: state => !!state.user
},
mutations: {
setUserData(state, userData) {
state.user = userData
localStorage.setItem('user', JSON.stringify(userData))
axios.defaults.headers.common.Authorization = `Bearer ${userData.token}`
},
clearUserData() {
localStorage.removeItem('user')
location.reload()
}
},
actions: {
login({ commit }, credentials) {
AuthApi.login(credentials)
.then(({ data }) => {
commit('setUserData', data)
return data; // 这里返回数据用于后续操作(可选,视业务需求)
}).catch(error => {
console.log(error)
throw error; // 将错误重新抛出,让组件能够捕获
})
},
logout({ commit }) {
commit('clearUserData')
}
},
}
views/LoginView.vue
export default {
data() {
return {
email: '',
password: '',
}
},
methods: {
login() {
this.$store.dispatch('login', {
email: this.email,
password: this.password
})
.then(() => {
alert('登录成功')
this.$router.push({ name: '/' })
})
.catch((error) => {
alert(error.response.data.error)
console.log(error)
})
}
}
}
后端接口,用户名, 密码错误时的返回信息
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/2ee6bc65b3ba7470951f4e98e39b60f4.png)
biubiuuuuu
如何使滚动条在不同transform:scale缩放比例下显示效果一致?
transform:scale(1)的情况下,把滚动条设置为10px宽,此时的滚动条宽度是符合需求的。
--scrollBarHeight: 10px;
::-webkit-scrollbar {
width: var(--scrollBarHeight);
height: var(--scrollBarHeight);
background-color: red;
}
transform:scale(2.5)的情况下,滚动条设置为4px时,显示效果与前者理论上应该相同,但实际上看起来偏小,设置为5px才能与前者显示效果相同。
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/20e20d94a6d023f437b749f773656485.png
trasform:scale(4)的情况下,滚动条理论上应该设置为2.5px,但实际效果不是10px,看起来是2px,差的更多了。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/23aae2a75671e541593599c300e8ffc7.png)
希望让滚动条的宽度在任何transform:scale比例中显示效果都相同。
biubiuuuuu
鸿蒙ArkUi是List样式修改问题?
想要的效果是被选上文字改变颜色,
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/d545d51942ff33f7f152fa2da2f191e5.png)
但我做的修改后文字颜色没有改变,只有再添加时才显示了,感觉是文字已以过来了,但是没有渲染。
后面用@ObjectLink和@Observed实现了,还有其它的方法吗?感觉用@ObjectLink和@Observed有点麻烦。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/b93cd10aeb0b483899885ac5114b1ba4.png)
我
class Task{
static id:number=1
name:string=`任务${Task.id++}`
finished:boolean=false
}
//统一的卡片样式
@Styles function card(){
.width('95%').padding(20).backgroundColor(Color.White).borderRadius(10)
.shadow({radius:6,color:'#CCCCCC',offsetX:2,offsetY:4})
}
//任务完成的样式
@Extend(Text) function finishedTask(){
.decoration({type:TextDecorationType.LineThrough}).fontColor("#B1B2B1")
}
@Entry
@Component
struct PropPage{
//总任务数
@State totalTask:number=0
//已完成任务数
@State finishTask:number=0
//任务数组
@State tasks:Task[]=[]
handleTaskChange(){
//更新任务总数量
this.totalTask=this.tasks.length
//更新已完成任务数量
this.finishTask=this.tasks.filter(item=>item.finished).length
}
build(){
Column({space:10}){
//任务卡片
Row(){
Text("任务进度").fontSize(30).fontWeight(FontWeight.Bold)
Stack(){
Progress({
value:this.finishTask,
total:this.totalTask,
type:ProgressType.Ring
}).width(80)
Row(){
Text(this.finishTask.toString()).fontSize(20).fontColor("#36D")
Text(' / '+this.totalTask.toString()).fontSize(20)
}
}
}.card().margin({top:20,bottom:10}).justifyContent(FlexAlign.SpaceEvenly)
//新增任务按钮
Button("新增任务").width(200).onClick(()=>{
this.tasks.push(new Task())
this.handleTaskChange()
})
//任务列表
List({space:8}){
ForEach(
this.tasks,
(item:Task,index)=>{
ListItem(){
Row(){
if(item.finished){
Text(item.name).fontSize(20).finishedTask()
}else{
Text(item.name).fontSize(20)
}
Checkbox().select(item.finished)
.onChange(val=>{
item.finished=val
this.handleTaskChange()
})
}.justifyContent(FlexAlign.SpaceBetween).card()
}.swipeAction({end:this.DeleteButton(index)})
}
)
}.width('100%').alignListItem(ListItemAlign.Center).layoutWeight(1)
}.width('100%').height('100%').backgroundColor("#F1F2F3")
}
@Builder DeleteButton(index:number){
Button(){
Image($r('app.media.del')).fillColor(Color.White).width(20)
}.width(40).height(40).type(ButtonType.Circle).backgroundColor(Color.Red).margin({left:5})
.onClick(()=>{
this.tasks.splice(index,1)
this.handleTaskChange()
})
}
}
«本文参与了"思否 HarmonyOS
技术问答马拉松" (https://segmentfault.com/a/1190000044600728),欢迎正在阅读的你也加入。»
biubiuuuuu
百度收录的网站图片是从哪里拿到,怎么修改?
猜测是 open graph,如果没有它就找一个它认为合适的图片。
给网页加上 "" 试试。
biubiuuuuu
vue2.x,el-table,树形表格存在多选的时候,如何优化让父子选框进行联动?
需求1,当点击多选的时候,不止选中父级,父级下的子项也需要选中
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/db2136e7d2b65fbdf7b52033a3cf808c.png)
父子间的选框,类似全选框一样,可以呈现 indeterminate 状态
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/4828bce295b8fee6a80140e042f4dea6.png)
同时点击父级选框,可以对子项进行全选/全不选
更改子级选框,也能联动改变父级选框的状态
并且以上联动效果支持在翻页的时候保留
应该如何实现?
biubiuuuuu
现在的项目和后台不变,把之前的项目以及未来新的项目加进一个地址中,通过url后缀切换系统?
这种不就是改 nginx 做代理转发就完事了吗?
nginx listen 6666,然后 location api1,proxy_pass 到真实后端
biubiuuuuu
python 常用的库有哪些( js转python视角 )?
工具库 - "functools", "itertools", ...
网络请求 - "requests", "httpx", "aiohttp", ...
路径处理 - "os.path"
文件操作 - "os", "shutil", "os.path", "pathlib"
服务器框架/库 - "Django", "Flask", "Tornado", "FaskAPI"
biubiuuuuu
element 表格如何在某一行中筛选数组中的数据并显示?
我想到办法,不知道还有没有其他解决方案?
我的方案如下:
如果使用el-button控件是否能达到相同的效果?
biubiuuuuu
VUE3修改文件大小写后引入组件报错,怎么解决?
重启一下VSCode?或者 "Ctrl/Cmd" + "Shift" + "P" 打开命令面板输入 "Type" 清理一下TS服务的缓存看看?
另外操作系统也有关系,对于文件名的大小写不敏感的话,改动之后可能会检测不到变更。可以先改成 "cCleanData/editForm.vue" 再改成
"CleanData/editForm.vue" 试试。
biubiuuuuu
已经使用了eslint还有必要去使用tree shaking吗?
"ESlint"
是提供了一套规则,在你Coding时期(写代码的时候)分析&提示给你代码中的问题,提示你这部分的代码你没有使用到的不必要代码,或者错误的代码。然后提供一些修复方案(有一些可以自动修复有一些不可以)。这是一个编码规范。
"Tree Shaking"
是在Building时期(项目打包编译的时候),分析你的代码代码,把项目中没有使用到的代码从项目摘除看,以减少最后项目编译结果的体积。
主要依赖 "webpack" 之类的打包工具去分析和消除这些无用代码。简单理解就是打包工具通过分析你项目代码中的 "import" 和 "export"
以及后续代码中对于 "import" 进来的内容是否有使用,然后把需要的留下,不需要的抛弃。
biubiuuuuu
vue3+vite打包的app在galaxy打开白屏显示(只在三星手机上)有遇到吗?
vue3+vite使用uni打包的app在galaxy打开白屏显示(只在三星手机上)我在body上设置的背景就显示到这里就不动了
biubiuuuuu
HarmonyOS Next开发中arkts中如何把object对象转为map?
使用 Object.entries() 和 Map 构造函数来转为map,亲测有效:
function jsonStringToMap(jsonString: string): Map {
const obj = JSON.parse(jsonString);
return new Map(Object.entries(obj));
}
biubiuuuuu
单页应用非默认路由怎么配置lighthouse?
项目是 "react cra" 单页应用,项目的默认路由是 "http://www.text.com/A",在这个路由下能正常执行谷歌浏览器的
"lighthouse"测试,现在我想测试下 "B" 路由下的页面,但是我再 "B"路由下执行是总是会跳到
"A"页面,请问下这个是什么问题?"lighthouse"只能执行单页应用的主页面吗?
biubiuuuuu
解决Vite, Vue, SSR项目在Docker中构建失败的问题?
关于Vite,Vue,SSR的项目,已经开发完成。准备在服务器上(使用了docker)构建,然后一直构建失败。
// 版本信息
vue: "^3.4.21",
vite: "^5.1.6",
npm: ">=8.0.0",
node: ">=18.0.0"
// 打包命令
"build:test": "npm run build:client:test && npm run build:server:test",
"build:client:test": "vite build --ssrManifest --outDir dist/client --mode test",
"build:server:test": "vite build --ssr src/entry-server.js --outDir dist/server --mode test",
// dist目录结构
dist -client // 客户端
-server // 服务端
-index.js // express server 启动入口文件
-package.json
第一次尝试
项目打包后生成dist文件,然后将生产环境的package.json扔到dist里,下载依赖,使用pm2运行,
// 执行命令
>>cd dist
>>npm install
>>pm2 start index.js -i max
结果发现docker容器一直重新启动,经查看pm2官网文档,发现需要进行docker集成,后使用pm2-runtime
第二次尝试
全局安装pm2,如下仍然失败
// 执行命令
>> cd dist
>> npm install
>> pm2-runtime index.js -i max
后发现,可能是docker配置文件的命令执行顺序问题,
执行npm install 之后,没有等依赖下载完成,立刻执行了pm2-runtime index.js。
各位前后端或运维大佬们后面该咋搞?
有没有可能打包生成dist后不需要下载依赖(尝试过,会提示import express from "express" express not
found),或者docker流水线如何配置,或者其他的可能解决方法。
让我这前端小白处理属实为难了!
biubiuuuuu
如何用js从数组中把各项值组成一个特定的词?
var list = [
{
"name": "花",
"index": 10,
"len": 4,
"left": 150,
"bottom": 108
},
{
"name": "花",
"index": 0,
"len": 4,
"left": 150,
"bottom": 0
},
{
"name": "花",
"index": 8,
"len": 4,
"left": 950,
"bottom": 0
},
{
"name": "草",
"index": 14,
"len": 4,
"left": 550,
"bottom": 108
},
{
"name": "草",
"index": 15,
"len": 4,
"left": 650,
"bottom": 108
},
{
"name": "草",
"index": 15,
"len": 4,
"left": 650,
"bottom": 108
}
];
var aa = '花花草草';
vue中需要写一个通用的方法,当aa这个词跟list中各项的name值相等时,name置空,最后得到的list是
list = [
{
"name": "花",
"index": 10,
"len": 4,
"left": 150,
"bottom": 108
},
{
"name": "",
"index": 0,
"len": 4,
"left": 150,
"bottom": 0
},
{
"name": "",
"index": 8,
"len": 4,
"left": 950,
"bottom": 0
},
{
"name": "",
"index": 14,
"len": 4,
"left": 550,
"bottom": 108
},
{
"name": "",
"index": 15,
"len": 4,
"left": 650,
"bottom": 108
},
{
"name": "草",
"index": 15,
"len": 4,
"left": 650,
"bottom": 108
}
];
就是把list中的name值连接起来跟aa值相等时置空的方法