ApplePro
如何才能让显示的图片名称后面隐藏分辨率?
不太清楚你的问题是什么,看起来可能是你有一个类似于这样的HTML结构:
{demo.title}
并且你的图片名称("demo.title")中有一个分辨率信息。但是你不想展示在前台页面中。因为正常的情况下是不会显示图片的分辨率信息的。
可以使用一个函数去处理把对应部分的信息删除掉:
// 文件名处理函数
function fileNameHandle(fileName) {
// 替换掉文件名中的分辨率信息
const fileNameReg = /(\d{1,5}[xX]\d{1,5})/
return fileName.replace(fileNameReg, '')
}
fileNameHandle('test-file-name-1080x720.jpg') // test-file-name-.jpg
fileNameHandle('test-file-name-1080X720.jpg') // test-file-name-.jpg
fileNameHandle('test-file-name-80X80.jpg') // test-file-name-.jpg
fileNameHandle('test-file-name-999999X9999.jpg') // test-file-name-9.jpg
具体的正则规则你就自己修改咯,我这边只限制了分辨率数值的长度1-5位,间隔符可以是 "x" 或者 "X"
ApplePro
在konvajs的stage,获取dom的div元素, 怎么修改成vue版本?
我想要在konvajs的stage,获取dom的div元素,konvajs官网上有react版本,怎么修改成vue版本?
konvajs,Render DOM elements inside a canvas stage,
"https://konvajs.org/docs/react/DOM_Portal.html" (https://link.segmentfault.com/?enc=T%2Fb8Yuta6HpXF1%2BkUvSEnA%3D%3D.h2GQu2wWumsUw5xbg9nZEkNjWgunpiXH4z%2Bx63lbZyIxnCcinzL6ZjgR7%2FXJ3Z6P)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/b356524bda57efd51060fad40a68ab69.png)
ApplePro
uniapp中,如何在别的页面收到onBLECharacteristicValueChange返回的信息?
提供一个曲线解决的方案
既然在二级页面可以监听到,可以使用全局事件总线(EventBus)或vuex来实现在不同页面之间传递数据。
在BLE连接成功后,触发onBLECharacteristicValueChange事件并传递数据:
// 在BLECharacteristicValueChange回调函数中
this.$eventBus.$emit('valueChange', data);
在其他需要接收数据的页面中,监听valueChange事件:
// 在其他页面的created或mounted生命周期中
this.$eventBus.$on('valueChange', (data) => {
// 处理接收到的数据
});
ApplePro
vue表单防止无效更新问题?
用计算属性跟踪表单的最开始的状态和当前状态,然后只在有变化时发送请求就行了,或者用watch来监听表单数据的变化,然后设置一个标记来表示有没有变化
ApplePro
centos如何安装apt?
这个问题稍微有点离谱了。简单看了一下原来的问题,感觉好像没那么复杂。
而且上个问题中 node 的镜像就是基于 debian 的吧,不知道这里为什么换成了 yum 作为包管理。
如果宿主机是 centos 系统,然后是要在 docker 容器里面运行 puppteer,是不用在宿主机里面再安装puppteer和chrome的依赖的。
ApplePro
bat 正则换行 如何撰写?
用python怎么样
replace.py
import re
import os
import sys
def handle(folder_path):
if not os.path.exists(folder_path):
print("{} 为无效路径".format(folder_path))
return
# 按顺序执行正则替换,可自行添加正则
pattern_replacements = [[r'[「」【】]',''],
[r'(.{6,18}[,。:!?]|.{16})',r'\1\r\n'],
[r'[,。!]',''],
[r'[\r\n]+','\n']]
data = ''
for file in os.listdir(folder_path):
file_path = os.path.join(folder_path,file)
if not os.path.isdir(file_path) and file_path.endswith('.txt'):
with open(file_path,'r',encoding='utf-8') as fr:
data = fr.read()
for pattern,replacement in pattern_replacements:
data = re.sub(pattern,replacement,data)
with open(file_path,'w',encoding='utf-8') as fw:
fw.write(data)
print("{} 处理完成".format(file))
print("全部处理完成")
if __name__ == "__main__":
folder_path = r"d:\txt"
if len(sys.argv) > 1:
folder_path = sys.argv[1]
handle(folder_path)
start.bat
@echo off
set "folderPath=D:\txt\"
REM 检查系统环境变量中是否存在Python路径
where python > nul 2>&1
if %errorlevel% equ 0 (
REM Python路径已添加到系统环境变量中
set "python_path=python"
) else (
REM Python路径未添加到系统环境变量中,需手动设置Python路径,以下为测试路径
set "python_path=D:\Env\Python\Python38\python.exe"
)
%python_path% replace.py %folderPath% || pause
pause
把start.bat和replace.py放到同一个文件夹,配置下python路径就可以执行批处理文件了
ApplePro
TypeError: 'Namespace' object is not iterable?
解决了,我的dataloader返回的位置搞错了,结果返回了namespace对象,所以无法进行迭代
ApplePro
请问如何基于字符串做到JSX呢?
JSX 的解析是在编译期完成的,这意味着试图在运行时生成 JSX ,需要把编译器搬到运行时,技术上并非做不到,但是没有必要。
好在作为 JS 的超集,JSX 同样拥有 JS 的灵活性,像这种 string => JSX.Element 的需求可以这样实现:
function AppComp(){
return This is AppComp
}
const componentRecords = (() => {
const componentMap = new Map();
const errCompGen = (info) => () => {info};
return (component) => {
if(typeof component === "string"){
return componentMap.get(component) || errCompGen(`渲染错误:${component}组件未注册`);
}
if(typeof component !== "function"){
return
}
componentMap.set(component.name, component);
}
})();
componentRecords(AppComp);
const strs = [
"AppComp",
"TestComp",
"AppComp",
];
return
{
strs.map((i) => {
const I = componentRecords(i);
return
})
}
ApplePro
样式应用到标签内生效,应用到标签类就失效?
解决方案:标签嵌套关系厘清,父级标签都要给上100%的宽或高,具体数值由子级撑开。如果子级撑不开父级,检查父级宽高设置,或者用overflow,这样一般可以解决。
ApplePro
django中存储到数据库的时间,差好几个小时?
模型存储时间用的是:
create_time = models.DateTimeField(auto_now_add=True, verbose_name='创建时间')
使用auto_now_add存储到数据之后和当前(我用的windows)时间差了8个小时,setting.py配置文件如下:
LANGUAGE_CODE = 'zh-hans'
TIME_ZONE = 'Asia/Shanghai'
USE_I18N = True
USE_TZ = True
网上查询的资料中说关闭USE_TZ可以,但是发现并不行,关闭USE_TZ=False之后,时差变成了14个小时。
ApplePro
git 分支切换问题?
工具:vscode
现在的问题是当我在 dev 分支做了一些修改后直接执行 git checkout master 时,会将dev的修改带到 master 分支上去。
我记得之前直接切换分支不会成功,会提示先push或暂存再切换。
是改到什么配置了还是更新了
ApplePro
react-window如何实现到底加载更多?
react-window 不是这个库么 "https://github.com/bvaughn/react-window/" (https://link.segmentfault.com/?enc=4ZPfF4dHFhZIFH7dKw5hDg%3D%3D.oHyIvbtiHh%2Bla7bk9lQowy4VsZaGrtUNSP6VFZSIZJ5Feh9fxPNfFMhdzhusbNJC)
…… 你贴的是啥……
至于怎么触底无限加载项目首页上给方案了,react-window-infinite-loader 那个就是。
ApplePro
移动端h5怎么实现pdf打印功能?
1. 利用其它可以连接打印机的APP打开网页进行打印
2. 使用浏览器的功能保存为PDF然后使用手机系统进行打印
ApplePro
typecho如何实现禁止未登录用户评论?
添加检测用户是否登录:user->hasLogin()): ?>
ApplePro
IntelliJ IDEA 2022.1 自定义保存后的操作?
我的IDEA版本是2023.3.3(Ultimate),按照下图的设置,每次保存后再打开,类或方法上的注释就会变成不可编辑了:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241211/4e54fcdfa69a2316a364a3c4c2945ee2.png)
最后打开后:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241211/9c2760154d3d99784aa69750fd48a216.png)
ApplePro
查询手机运营商及归属地 应用场景?
1. CMS系统的客户归属地与对应区域经理/销售部关系分配。
2. 手机号慢充值系统(最大化利益)
3. 同城论坛
ApplePro
请问微软如何知道 sql server 2019 没有付款?
主要是看许可证:开发测试有这个可以用,商用被发现会发律师函
"https://www.sequallity.co.uk/sql-server-consultancy/cost-savi..." (https://link.segmentfault.com/?enc=eljUnDWEVnU9kPVODBznag%3D%3D.rgg1P4Roc8n8IKgYI5m8DjuoXgU%2BYRWDoWY0%2FRlokR9GPIaKk0sRkMD3wxQikospkyvJizI2yM9VrpO8v5zufMhmGBibI9162qfjpwOEsNYs4z7lX0UF140SYfpRAh8DNBR%2Bm1acmfkP%2FENl4i5YKQ377cSuyi1cLXmsZ9jP9dgBTZ%2BNAkLAlKC8GwHDvt9x8S8K64OkTnWLLgF7yzFkUF62hwuGvp%2FldlAa1KmL2fo%3D),run%20the%20SQL%20Server
ApplePro
企业是怎么大量存储数据的?
企业级电脑主板挂载的硬盘数量是有限的,那企业是如何管理大量数据的? 是通过交换机等网络设备实现 分布式文件系统?还是通过企业级主板自带功能实现的(
同一企业级主板可以同时挂载两个cpu,并把它们变成一个有机的整体,那么企业级主板是否存在一个特殊的方法,把不同主板的硬盘变成一个整体)
我目前已经知道硬件级别的磁盘阵列卡可以拓展磁盘容量,但这样的拓展方式会降低索引速度,降低了太多.而且提高的容量也是有限的,不能一直提升.所以,企业是如何管理大量数据的
ApplePro
vue3页面中如何使用wx-open-subscribe?
官方文档:
«"https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/..." (https://link.segmentfault.com/?enc=MPgW3iKw3vBw%2B0hAEZg2fw%3D%3D.xdYctKEruBD8kn4qAizZOuKBokJ1t6l1VWqHWMNrNxpALWCPTKfS91MlhKyGWDsWTT6Vh33K%2BZt9zALilMHB3fIMTZkDSRLkRqVLjuOZfVVQlnRIPeWy%2B%2BTfaDI6qcWX)»
具体教程:
«"https://juejin.cn/post/6891541908858863630" (https://link.segmentfault.com/?enc=o16l57p8tCynvO%2Fu67%2FTJw%3D%3D.P9EiemmBw6CEPSykLhJvgCjI%2BXjuvXag3ELrnHLapm3lT7QMRuj5540ErUg7x2Td)»
ApplePro
thinkcmf插件类不存在的问题?
有一个thinkcmf项目,但是我用的虚拟主机,所以到目录做了一些调整:
如图:我把thinkcmf原目录中的public放到了WEB里,其它的放到了Backup里面,
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/4375dac7a3ae48562fb929deb9c9052b.png)
然后修改了index.php文件的CMF_ROOT
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/9adf1884e09fcd1e9a5f7f4e17fe779e.png)
然后项目正常运行了,
但是有一个地方不行,就是“插件”
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/b1771149bf1ea3079e5aa90db541c410.png)
目录下的文件明明存在,确提示类不存在,是我路径弄的不对?还是插件的路径需要设置?还是什么 ?有人遇到过吗?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/98995deb5890d65b349c41972c72937f.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/ede8b14bc89553763d70215aa22ae4bc.png)
补充:原来的目录结构是这样的,plugins在public下面,网站目录是haili,运行目录是public
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/362bf7e7f59f56cd360914ee018601b3.png)
ApplePro
java 怎么在控制台把换行符打印出来?
在windows环境下
public static void main(String[] args) {
String b = String.format("The data download task succeed. %nName:%s ", "1");
System.out.println(b);
String a = "The data download task succeed. \r\n" +
"Name:1 ";
System.out.println(a);
System.out.println(a.equals(b));
}
运行结果为
The data download task succeed.
Name:1
The data download task succeed.
Name:1
true
有没有方式可以在控制台不格式化显示,而把原样的换行符打印出来,类似下面这样
The data download task succeed. \r\n Name:1
ApplePro
vue2 在子组件监听父组件的值value变化,对子组件监听父组件传来的value,之后做更新操作,会导致父组件的requestAnimationFrame的循环更新value值卡顿,这是什么问题?
vue2
在子组件监听父组件的值value变化,对子组件监听父组件传来的value,之后做更新操作,会导致父组件的requestAnimationFrame的循环更新value值卡顿,这是什么问题?
animateFunc() {
// 30fps
const tempImgUrlList = [];
for (const [key, val] of Object.entries(this.timestamp_dict)) {
if (this.videoIndexEvent == this.eventData[0].value.length - 1) {
// 视频全部播放完毕暂停
cancelAnimationFrame(this.animateNumber);
this.setPauseisTrue();
this.isVideoAction = false;
break;
}
if (
this.videoIndex ==
Object.values(this.timestamp_dict)[0].imgs.length - 1
) {
// 第一段播放完成暂停
cancelAnimationFrame(this.animateNumber);
this.isVideoAction = false;
break;
}
this.slidervalue = val.timestamp[this.videoIndex] || this.slidervalue;
const url = "data:image/jpeg;base64," + val.imgs[this.videoIndex];
tempImgUrlList.push(url);
}
try {
if (
this.videoIndex ==
Object.values(this.timestamp_dict)[0].imgs.length - 1
) {
cancelAnimationFrame(this.animateNumber);
this.isVideoAction = false;
// 第一段播放完请求下一段数据
if (this.has_next) {
// this.has_next 是否有下一个视频
this.slidervalue = parseFloat(this.slidervalue) + 1;
this.alginSendSocket().then(res => {
if (res === "socket") {
this.timer = setInterval(() => {
if (!this.load_video) {
clearInterval(this.timer);
this.timer = null;
this.videoIndex = 0;
this.initImage();
this.animateFunc();
this.isVideoAction = true;
}
}, 500);
} else {
this.videoIndex = 0;
this.initImage();
this.animateFunc();
this.isVideoAction = true;
}
});
} else {
// 若无下一段数据就结束
this.videoIndex = 0;
this.videoIndexEvent = 0;
}
return;
}
} catch (error) {
// this.load_video = false; // 加载完成
}
this.imgUrlList = tempImgUrlList;
this.videoIndex += 1;
this.videoIndexEvent += 1; // 记录播放的index
this.animateNumber = requestAnimationFrame(this.animateFunc);
},
子组件
"parent.slidervalue": {
handler(newVal, oldVal) {
try {
let getchart = echarts.getInstanceByDom(
document.getElementById("charts" + this.index)
);
if (this.parent.isPause && getchart && this.signalName.length !== 0) {
/**
*
* 就近匹配 往上走一个 使用父组件的X轴list
* 子组件还是旧的 未更新,前期父子组件搭建问题,采用此方法,之后不推荐
* */
const findIndex = this.findIndexDep(
this.parent.eventData[0].value,
String(newVal)
);
const xValue = this.dateTimes[findIndex];
let newOption = _.chain(this.defOption)
.set("xAxis[0].axisPointer.value", xValue)
.value();
getchart.setOption(newOption);
this.sendvalue(newVal, this.parent.eventData[0].value);
}
} catch (error) {
throw "Cannot read properties of null (reading 'getAttribute')";
}
}
ApplePro
React 的 reduxjs/toolkit 在 typescript 报错的原因?
«报错:TS2322: Type any is not assignable to type never»
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241204/7fd618f3da4b1c38ef0654d466bde9c9.png)
const ErrorSlice = createSlice({
name: 'error',
initialState: [],
reducers: {
Publish: (state, action) => {
console.log(action)
state = [...state, action.payload]
},
Consume: () => [],
}
})
«调用端»
await axios
.post(`host`, Params)
.then((data: Response) => data.data.Response)
.catch((e) => {
ErrorState.dispatch(Publish(e.response.data.Error))
})
我不太明白 "never" 什么意思我给的不是字符么很明显的
ApplePro
有什么账号密码已经泄露检查工具吗?
chrome的chrome://password-manager/checkup?start=true这里应该就可以,先把你的密码保存进去,就会显示是否泄漏了
以及bitwarden,免费版用户可以检查你的账号是否在泄露范围中
"https://vault.bitwarden.com/#/reports/breach-report" (https://link.segmentfault.com/?enc=%2Fsj6VI5MyTuLmZTzUddGQw%3D%3D.bgT97pbA0GC9pgOunJZKzAxBvnIEQ7cYE1ZovXbFbE8p3fFuOSGMOKLYdeI2GaD5RJm%2FSpM9Ujlne6WJPu%2Fd1Q%3D%3D)
ApplePro
vue3项目中使用vue-pdf 报错TypeError: h is not a function 报错Vue is not a constructor?
"https://segmentfault.com/a/1190000039858927" (https://segmentfault.com/a/1190000039858927)
ApplePro
android 加载40张图片性能卡顿怎么办?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241126/c86c6f125b0cf75d8b8dae28adffc447.png)
详情界面上有一个个人相册,其中的图片数量可能高达40+。
通过循环创建"ImageView"插入的方式,可以实现图片宽度100%,但是在滚动过程中页面会卡顿。
如果通过 "recyclerview" 的方式,有两个不好的问题 :
1. 必须要给"recyclerview"设置一个高度,不然由于是嵌套在 "NestedScrollView" 下,未设置高度会导致图片一次性渲染滚动过程中页面会卡顿,但如果设置高度,又会觉得体验非常不好,能够明显感受到视图不是一个整体,到相册这一块的时候又产生了一个嵌套滚动。
2. "recyclerview"设置高度后,由于图片高度不一,在滚动过程中,画面抖动,就是快速滚动后画面会闪一下图片才被替换掉(个人猜测应该是 recyclerview回收节点比较长,添加节点比较短导致画面无动画回退)
我对比了下京东app详情页或微博的列表页,他们哪怕单个屏幕加载再多内容也不会有任何卡顿,请问我该如何做才能不卡顿或无上述问题的渲染无限长度列表或超长内容?
ApplePro
react有没有可以滚动的组件?
我在容器div内添加了一个antd 的 Card组件,内容太多了,展示不完:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241126/5d934a62420019f7d859b8a375efc9cc.png)
我找了antd,没有找到类似可scroll的组件。
请问这种情况一般如何处理呢?
ApplePro
华为手机自带浏览器在web网页中对长按保存无法禁止?
可能是你这个测试机的浏览器版本内核比较低,不支持这个属性,有几种方案
* 可以尝试img统一用background实现
* img上面加一层透明遮罩
* pointer-events:none; img加上这个属性,禁用所有点击事件
ApplePro
请问亲前端如何实现ping的工具呢?
react中很想做一个类似cmd上的ping的功能:
nono@MacBook-Air Downloads % ping 8.8.8.8
PING 8.8.8.8 (8.8.8.8): 56 data bytes
64 bytes from 8.8.8.8: icmp_seq=0 ttl=54 time=78.295 ms
64 bytes from 8.8.8.8: icmp_seq=1 ttl=54 time=76.225 ms
64 bytes from 8.8.8.8: icmp_seq=2 ttl=54 time=80.911 ms
64 bytes from 8.8.8.8: icmp_seq=3 ttl=54 time=76.925 ms
请问是否有对应的三方包来做到呢?或者用什么方式可以实现呢 ?
ApplePro
amh备份到七牛云,怎么设置了备份时间,到时间后 不会删除之前的备份啊?
这设置是对的啊,正常应该会删除7天之前的备份的文件,只只留7天之内的。
如果不能正常删除,手动在ssh执行命令,
amh amdata cron_del 7 day
看返回哪些信息,任务计划也给这个命令开启记录,也排查任务计划是否是正常运行的。
ApplePro
vue3 + ts 的一个错误?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241116/7f2f8d8d2153c1bab9d19be60d299296.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241116/bf8c76728972c64f5d0c4034dbb65e40.png)
这不是都找到类型了吗?这个报错是什么意思?如何解决呢?
//1.d.ts
type nh = import('ant-design-vue/es/message').MessageApi;
interface nhanh {
nh: nh
}
// **.vue
const { } = defineProps();
//vite.config.ts
***
export default defineConfig({
***
plugins: [
vue({
script: {
globalTypeFiles: [
"src/views/1.d.ts"
]
}
}),
],
})
// 版本
***
"dependencies": {
***
"@types/three": "^0.154.0",
"pinia": "^2.1.7",
"vue": "^3.3.4",
},
"devDependencies": {
"@rushstack/eslint-patch": "^1.3.3",
"@tsconfig/node18": "^18.2.2",
"@types/jsdom": "^21.1.3",
"@types/node": "^18.18.5",
"@vitejs/plugin-vue": "^4.4.0",
"@vitejs/plugin-vue-jsx": "^3.0.2",
"@vue/eslint-config-prettier": "^8.0.0",
"@vue/eslint-config-typescript": "^12.0.0",
"@vue/test-utils": "^2.4.1",
"@vue/tsconfig": "^0.4.0",
"eslint": "^8.49.0",
"eslint-plugin-vue": "^9.17.0",
"jsdom": "^22.1.0",
"less": "^4.2.0",
"npm-run-all2": "^6.1.1",
"prettier": "^3.0.3",
"tsconfig-paths": "^4.2.0",
"typescript": "~5.2.0",
"unplugin-vue-components": "^0.25.2",
"vite": "^4.4.11",
"vitest": "^0.34.6",
"vue-tsc": "^1.8.19"
}
消除错误
ApplePro
请问下更换mysql版本需要考虑的点、或者要注意的点?
先本地跑个虚拟环境,装个mysql 8.0 ,把5.7的数据导入看看,测试一下,在做线上调整升级
ApplePro
Java中如何批量把Excel转化为图片?
/*
https://demo.grapecity.com.cn/documents-api-excel-java/demos/imageexporting
*/
public void ReadSpecificSheet() {
ArrayList fileList = new ArrayList();
fileList.add("a.xlsx");
fileList.add("b.xlsx");
fileList.add("c.xlsx");
for (String filepath : fileList) {
Workbook wb = new Workbook();
wb.open(filepath);
IWorksheet sheet = wb.getWorksheets().get("SheetName");
//获取到 sheet 对象后,可以添加后续逻辑
}
}
ApplePro
IDEA如何能鼠标右键就能执行TypeScript?
https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241111/5a68a9607fb754ee055219c04e561dce.png
IDEA如何能鼠标右键就能执行TypeScript,就像Java那样。
ApplePro
Java SecretKeySpec 与 PHP hash_hmac 加密不同解决方法?
先把 PHP 的 http_build_queuy 后的内容打印, 对比JAVA 的
但是没看到 JAVA 对应的方法
ApplePro
JAVA RuntimeException 异常一定要在源码中有 'throw new xxx' 才会抛出吗?
JAVA的RuntimeException类型的异常,是不是一定要在“源码”中有 “throw new xxx” 这样的动作才会抛出 ??
https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/e7f2be5c8257cf9fc85a347045d2d077.png
https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/8f066e0272638c33acdb7f2aad43edde.png
ApplePro
两台服务器千兆,交换机也是千兆,可是传输只有100mbps?
搞了个大乌龙,经过半天的查线后,发现服务器A到B之间,还有一个百兆交换机.....
A->千兆交换机->百兆交换机->B
只能说我上一手真的是天才运维....
ApplePro
如何使用LocalStorage实现网页信息本地修改?
问题可能出现在你的button赋值使用的是"button.value",一般使用value赋值的都是form表单,而你的button是表单吗(""),如果不是,那你使用value赋值是不生效的,如果是button元素或是用div、span等元素模拟的button元素,那你应该使用innerHTML修改"button.innerHTML"
ApplePro
TypeScript类型判断为何有问题?
定义如下
export interface Options {
serializer?: (value: T) => string;
deserializer?: (value: string) => T;
defaultValue?: IFunction | T;
}
使用
if (typeof options.defaultValue === "function") {
options.defaultValue();
}
出现下面的报错:
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/c97bd6f5528718fff36e98c1756c41bf.png)
为什么在使用typeof的情况下ts对类型判断还是有问题?平常在消费联合类型的时候,都只需要借助typeof就能达到缩小类型范围的目的,但是这里没有效果,我想问下什么时候会出现这种问题?
我知道解决方案:
1. 通过强制的类型断言来告诉ts这是一个函数
2. 通过is关键字来做类型预测
但是不知道什么时候需要这么去解决,只有报错的时候才会尝试这么去解决,恳求大佬解惑。
ApplePro
linux 管道命令 grep 如何实现 or 过滤?
git log --author=yuhaomiao --stat | grep -E '\+|\-'
ApplePro
页面延时1秒加载a.js。 在a.js中怎样等待主页面加载完成后执行一段代码?
用 DOMContentLoaded 事件试试:
function myFunction() {
console.log("页面已加载完毕,执行代码");
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', myFunction);
} else {
myFunction(); // DOMContentLoaded 已触发
}
ApplePro
springboot+vue, mysql怎么设置字段存储form动态表单?
当然用JSON。
有个示例供参考:"https://github.com/yji234/dynamic-form-pc" (https://link.segmentfault.com/?enc=PmKzbUrxH7tAqBmBIpkACg%3D%3D.WOUGAA0jgfsaFs%2FbpuvPzGUEXFoD%2F5x2gYoldY%2BoX%2FfL2xtf8UsvKMP5LIXba7fN)
其实就是把每个组件描述出来,然后前端按这种逻辑展示,后端按这种逻辑校验。当然还有表单的设计
[
{
id: '2',
ruleName: '提示文字',
ruleValue: 'placeHolder',
ruleType: 'text',
defaultValue: '',
placeHolder: '请输入',
topTip: '最多50字',
bottomTip: '内容最多可填写1000字',
checkboxLabel: ''
},
{
id: '3',
ruleName: '必填',
ruleValue: 'isRequired',
ruleType: 'checkbox',
defaultValue: '',
placeHolder: '',
topTip: '',
bottomTip: '',
checkboxLabel: '是否必填'
},
]
ApplePro
js如何使用正则表达式把富文本中第一个img的src匹配出来拼接成一个数组?
后台返回一个res.data是一个数组对象,每一个对象里面有一个content属性,是如下的富文本
"
各相关雷达厂商:
为进一步做好北海区X波段岸基测冰雷达建设前期准备工作,我中心现诚挚邀请相关雷达厂商开展X波段岸基测冰雷达现场比测,根据目前海冰发展安排各项具体事项如下:
1.比测时间:2023年12月底至2024年3月中旬。
2.比测地点:辽宁省盘锦市辽滨金帛滩或大连温坨子海洋站
3.比测总体要求:要求仪器设备在比测期间每日开展定时自动化观测,能实时、连续、大面的监测量程范围内的海冰信息。
4.比测具体要素:浮冰冰型、浮冰厚度、浮冰密集度、浮冰漂移方向和速度、冰表面特征、海冰分布面积等。其中冰厚等监测要素的空间分辨率不大于10米。
5.比测成果要求:比测过程中每日需向我中心指定服务器自动发送雷达原始回波数据图像、转换为CGCS2000坐标系后的回波数据图像、解译后的海冰各要素分布图(矢量化)、网格化的冰厚数据产品以及每日监测简报。
6.报名与参测:请有意参与此次现场比测工作的厂商,于2023年12月25日前正式复函我中心,随函提供相关资质与业绩材料。受场地限制,我中心将根据提交材料的顺序与符合性选择3-5家厂商参与。其他具体事项将在确定参测厂家后另行通知。
7.保障与分工:比测期间,我中心将与盘锦市自然资源局和大连海洋中心合作提供盘锦与温坨子比测地点的场地、安保与供电。其他差旅、运输、塔架租赁、安装和耗材等均由参测厂商自行负担。
8.比测成果应用:本次比测结果将作为北海区后续雷达建设的重要技术参考。
联系人:黎舸 手机号:13791940068 邮箱:lige@ncs.mnr.gov.cn
传真号码:0532-58750682
图1 盘锦市比测地点现场照片-1
比测地点位于辽宁省盘锦市辽滨金帛滩,宜必思酒店楼顶。
图2 盘锦市比测地点现场照片-2
比测地点位于辽宁省盘锦市辽滨金帛滩,宜必思酒店楼顶。
"
把每个富文本中的第一个src的连接比对出来,拼接成一个ImageList
images: [
'http://www.xxx.org.cn/upload/BContent/202309051056040-%E5%9B%BE1.jpg',
'http://www.xxx.org.cn/upload/BContent/20231108165526title-1.bmp',
'http://www.xxx.org.cn/upload/BContent/20230816101744tu1%20%E7%94%9F%E6%80%81%E6%97%A5%E6%A0%87%E8%AF%86.jpg',
'http://www.xxx.org.cn/upload/BContent/202305171507340-%E5%9B%BE%E7%89%871%E5%BF%97%E6%84%BF%E8%80%85%E5%90%88%E7%85%A7.jpg',
'http://www.xxxx.org.cn/upload/BContent/20230403171340%E5%B7%A5%E4%BD%9C%E4%BC%9A-1.bmp'
],
ApplePro
ag-grid:是否值得推荐?
为什么国内使用ag-grid 这个表格组件的比较少?推不推荐使用
为什么国内使用ag-grid 这个表格组件的比较少?推不推荐使用
ApplePro
vscode 编辑器开发uniapp小程序,出现标签错误提示?
使用uniapp+vue3+typeScript+pinia开发小程序,之前是好好的,不知道从什么时候开始在vscode编辑器中,标签提示信息,现在项目所有的.vue文件的
标签都出现了波浪线提示。 有谁知道这个是什么原因。
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/3169f0b37be2728ee3e49f4c214612f5.pnghttps://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/44f7d2e992c1e55b12af6fc27a847919.png
ApplePro
java的 FileOutputStream 带不带缓冲区 ?
看"FileOutputStream" (https://link.segmentfault.com/?enc=Rz9UNikAeQZMRjGvSzUpzw%3D%3D.1Ip0H8QjhK7SSyr9h9%2FigPUsfVAGm5QPD2NqTl3pUh79A8808AQbxAHdwd3OP4YkFDclH1XjcrI9jRtjDctTHEYD7oYjYywms8QvTFhUnhVX7NeIi9qjL55Ivcg0rkx8),flush
是直接继承自 OutputStream 的。
而 OutputStream 的
"flush" (https://link.segmentfault.com/?enc=GuMo%2BCUxvIPLT6AGxkWMLw%3D%3D.gw%2ByCrLYE3sWOpZq37w%2F0iXS62Cy9MKhPC22EtMSWYHqMhz5miXzMU9TAoMSF3Fz%2FQ%2FdKUVm2g8GLGTfFDPv5cXPFg%2BNypRavRLqxTj3GRbBKAuFmup8h9j9G1fgZvV8oRdDur1omWt9dib3gYrncQ%3D%3D)
实现是什么也不做。
它没有缓冲区 ,并不意味着它的 flush 不能被调用。
ApplePro
请教父组件和子组件状态传递和刷新的问题?
大家好,组件 B.jsx 的代码如下,大概意思是它里面有一个按钮,可以打开菜单,也可以关闭菜单,切换菜单的打开和关闭
const B = ({ isMenuOpen, isMenuOpenCallback }) => {
const [localMenuOpen, setLocalMenuOpen] = useState(false);
const toggleMenu = (event) => {
setLocalMenuOpen(prevState => {
const newLocalMenuOpen = !prevState;
isMenuOpenCallback(newLocalMenuOpen);
return newLocalMenuOpen;
});
};
useEffect(() => {
setLocalMenuOpen(isMenuOpen);
}, [isMenuOpen]);
return (
{localMenuOpen && (
这里是菜单的内容
)}
)
}
export default B
组件 A.jsx 是组件 B 的父组件,即 B 组件被 A 组件引用,部分代码如下
import B from './B'
const handlePageClick = (e) => {
if (!e.target.closest('.menubar') {
setIsMenuOpen(false);=
}
};
useEffect(() => {
// listener
document.addEventListener('click', handlePageClick);
// remove
return () => {
document.removeEventListener('click', handlePageClick);
};
}, [isMenuOpen]);
return (
otherHandler('news')}
isMenuOpen={isMenuOpen}
isMenuOpenCallback={(newMenuOpen) => setIsMenuOpen(newMenuOpen)} />
)
}
这些代码实现了当 B 组件中的菜单展开后,点击其父组件 A 中页面任何地方,都能关闭该菜单。但现在遇到的问题是总是有错误警告
Warning: Cannot update a component ("A") while rendering a different component
("B"). To locate the bad setState() call inside "B"
请问这个该怎么修复呢?
或者说我的需求是点击 B 组件中的按钮可以打开关闭菜单,当菜单打开时,点击 A 组件的任何地方(菜单项除外),都能关闭菜单,有其它什么更合适的方法?
ApplePro
关于微信小程序电子健康卡“完成”页面上的“返回”的路径问题?
"https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxee969de8..." (https://link.segmentfault.com/?enc=RNW0s%2FH%2B4WVRT8T16qv6KA%3D%3D.N%2FZtCRSAa8srfMmTd2W88htGWhP9f8nMWdNy8bAuY9LngycTeem1eldE%2F6c%2FLUfAPXJ0QPhX0E%2FK%2FBh10gBd3LcwglCccd3nw0iHPl0VgFI%2FmyNze5OWwvYHPBSVeNwQv%2FCutu1BkrrdPLnTdmXFMA%3D%3D)
上面链接中的完成页面的使用,
2. complete
完成页
使用示例:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/c92cf59d47dcf4bd89a1525b0bb16789.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/9f41db37b69ae1099904b4a79194288a.png)
点“完成”返回的是__plugin__/wxee969de81bba9a45/pages/complete这样的路径,这明显是插件的路径,这里不应该是我自己的路径吗?有遇到过的吗?
ApplePro
HTML中的Ruby标签之间的间隔问题?
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/0b216681e6861e021365771fb6632fb3.png)
左侧是 Chrome,右侧是 Firefox
和浏览器实现有关系。考虑直接用 "border-bottom" 替代吧
***
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/0e6d04b843c7076c044e6e29f3d60f5a.png)
标签间换行导致的空白占位符,这样修改就好了
源
(
みなもの
)
義経
(
よしつね
)
要不然就是在父级设置 "font-size:0" 这样的CSS样式。
ApplePro
js 对象为什么添加属性前能看到改属性?
被 log 的是一个对象。注意不是对象被 log 时的状态,而是对象本身。
于是,后续在对象上发生的任何事情,都是在 log 结果里看到。
***
如果想 log 当时的状态,可以达成字符串再 log 。