Mia好纠结
请问在对React项目做状态管理,您们都是使用什么方案呢?
请问在对React项目做状态管理,您们都是使用什么方案呢?
React有若干种状态管理的方案,官方使用的Redux/ Redux-Toolkit 是官方推荐的,
请问您们的解决方案是怎么使用的呢?
是否还有比较方便容易使用的方案?
Mia好纠结
如何使用阿里巴巴的iconfont?
我在参考"fonticon" (https://link.segmentfault.com/?enc=JO3Mmk4q6Ig5HLHD9aJQ9w%3D%3D.z2AskqKwCmLPsyoaP%2FAHqNenQYXv7ULW2HRqJTx7hLY4TjH9jWlQkviwmudkZUOA%2BytC6Qsg8TRcexKdhtjpAg%3D%3D)
的使用步骤的时候,
得到了icons.css
@font-face {
font-family: "iconfont"; /* Project id 4235915 */
src: url('//at.alicdn.com/t/c/font_4235915_mga18tuafz.woff2?t=1693795326674') format('woff2'),
url('//at.alicdn.com/t/c/font_4235915_mga18tuafz.woff?t=1693795326674') format('woff'),
url('//at.alicdn.com/t/c/font_4235915_mga18tuafz.ttf?t=1693795326674') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pc:before {
content: "\e64a";
}
我有2个问题想要咨询一下:
1、url('//at.alicdn.com/t/c/font_4235915_mga18tuafz.ttf?t=1693795326674')
是否这个脱离了网络,就显示不了icon图了?
2、我上面是只使用了一个icon,
如果想要使用更多的icon,我还需要重新做一遍不呢?
还是说直接添加类似
.icon-pc:before {
content: "\e64a";
}
即可?
Mia好纠结
在konvajs的stage,获取dom的div元素, 怎么修改成vue版本?
"https://github.com/konvajs/vue-konva" (https://link.segmentfault.com/?enc=SwRr3m3wehdHKuKLpIKQ6w%3D%3D.FG6GyhjPInZPH98nOQrYDtZScaqRY5rZRfOC0Z5NNtmDSfOd3%2BotQ617s7VjU4%2BC)
"1693901067174.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/9262139568504476693aafbf69622f36.png)
是需要这个吗
Mia好纠结
leaflet调用百度地图切片数据部分公司名称地图不显示?
已解决
切换瓦片新地址 旧版本地址无法显示完全
参考:"https://blog.csdn.net/jingjing_n/article/details/127406002" (https://link.segmentfault.com/?enc=DB0r2HKKyqivdcsnDCgW3A%3D%3D.92zuTJSXLGVYDSx%2BJbBr8K6x37H5MJPCA1mC2BhrkO3esLnEK2%2FiaHQ4rOYcvEbRuYXrFsaElzq%2FtfMRlGkRMw%3D%3D)
Mia好纠结
如何让 brew 安装软件之前不要 update?
╰─➤ brew install stress 127 ↵
Running `brew update --auto-update`...
装啥都会先自动 update,就很烦,因为太慢了,等半天。如何让 brew 安装软件之前不要 update?
***
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/c15baf0d9a01113dd795a4b6a941d172.png)
按照 chatGPT 的建议,添加 "--no-update" 没用
╰─➤ brew install --no-update stress
Running `brew update --auto-update`...
Mia好纠结
echarts横向柱形图怎么把文字显示到上面去?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241226/50ee29f3fed011ccc1dad496d0353d52.png)
option = {
xAxis: {
max: 'dataMax'
},
yAxis: {
type: 'category',
axisLine:{
show:false
},
axisTick:{
show:false
},
axisLabel:{
show:false,
},
data: ['广州市番禺区1', '广州市番禺区2', '广州市番禺区3'],
},
series: [
{
type: 'bar',
barGap: 0,
data: [
{
value: 120,
itemStyle: {
color: '#fff'
}
},
{
value: 200,
itemStyle: {
color: '#fff'
}
},
{
value: 150,
itemStyle: {
color: '#fff'
}
},
],
barWidth:40,
label: {
show: true,
fontSize:18,
position: [10, 10],
formatter: '{b}',
},
},
{
type: 'bar',
data: [
{
value: 120,
itemStyle: {
color: '#ff0'
}
},
{
value: 200,
itemStyle: {
color: '#ff0'
}
},
{
value: 150,
itemStyle: {
color: '#ff0'
}
},
],
barWidth:20,
label: {
show: true,
position: 'right',
},
}
],
};
Mia好纠结
nodejs发布上线时,是直接上传源码还是需要打包后上传?
需要在服务端安装 JavaScript 环境,然后可以通过 pm2 调用服务。
"node后端项目发布线上时,不需要打包吗?" (https://link.segmentfault.com/?enc=WJdSvNbMo0QpOVjERDqrkg%3D%3D.R5LOMFCJ35XTqktrH%2Bkb3NVIEBJIazdOBsPZYchA4MZVGHaf%2BgMDhlARDIA3Shbn)
比较让我困惑的一点是,随随便便一个 node_modules 就可能是几百兆以上,这样制作出的镜像也会很大,这样合理么?
Mia好纠结
如何进行类型转换: 不能将类型“Moment[]”分配给类型“RangeValue”?
用moment 给antd RangePicker 组件初始化默认值时报错:
«vscode 提示:不能将类型“Moment[]”分配给类型“RangeValue”»
import moment from 'moment';
import { DatePicker } from 'antd';
const [dateRange, setDateRange] = useState(
[
moment().add(-lastDays, 'days'),
moment(),
]
);
const { RangePicker } = DatePicker;
......
相关版本:
"antd": "^5.4.5",
"vite": "^4.3.2",
node -v
v16.19.0
请问应如何进行类型转换?
Mia好纠结
windows 如何快速查看某个文件夹的大小?
Win鼠标悬浮就会有占用大小:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241208/4c9ec2a5acd947028882eb04158a15d3.png)
如果觉着这样一个个看太麻烦可以使用"Q-Dir"可以说是地表最强文件管理器 , 并且体积小切免费
«"https://www.softwareok.com/?seite=Freeware/Q-Dir" (https://link.segmentfault.com/?enc=cHLvWfuqF7Fkacqf4iozTw%3D%3D.H5dUJP%2B6K4HZEEkCZhBdSYOH8L1AbelBXTqbL62hcps75117MR39121TmlOlPCd5F54iIvOUC8vOd71z2GF5tg%3D%3D)»
下载直接运行".exe"文件就好了, 然后进行如下操作:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241208/e71f045ace24f6d772bb77d68f329465.png)
然后刷新或随便进一个文件夹:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241208/a77790524396e1e36a89fbba024bed7d.png)
文件多大小显示可能会慢个一两秒, 但是肯定比查看属性快, 也可以修改显示单位, 默认是字节为单位
Mia好纠结
uniapp遇到一个奇葩问题,uni.request在浏览器可以,支付宝app却不行?
同样的代码,如下:
uni.request({
url: api_url + "/ZFB/GetAuthCode",
method: "POST",
success: (res) => {
console.log("==========3==========")
console.log(res)
console.log("==========3==========")
if (res.data.Code == 0) {
console.log(res.data.Msg);
window.location.href = res.data.Msg
} else {
next();
return;
}
},
fail:(err)=>{
console.log("ZFB/GetAuthCode失败。。。。。")
console.log(err)
}
})
在浏览器上就请求成功了,如下:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/0b4094ab9bb8fb9bccf1875f4e5cd0d4.png)
可在支付宝app上确失败了,如下:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/f7beaea2b00927b4957cc241551899ce.png)
有人遇到这问题没?uni.request手册上也没这样的兼容性问题呀。
Mia好纠结
Vue.js在开发大型应用程序时如何处理路由和状态管理?
Vue.js本身并不包含路由功能,但提供了一个简单的路由插件vue-router。你可以使用它来管理应用程序的视图和组件之间的导航。Vue.js推荐使用集中式状态管理,通过一个全局单例模式来管理整个应用程序的状态。这可以避免在组件之间共享状态时出现不一致的情况。
Mia好纠结
JSONObject.toJSONString的结果有$ref,并且SerializerFeature.DisableCircularReferenceDetect无效怎么回事啊?
我升级fastJson为最新版本就解决了。
Mia好纠结
页面底部固定的按钮栏,当页面出现滚动条的时候才显示上部阴影,应该如何实现?
如图,我需要当页面所指模块内容溢出,出现滚动条的时候
底部的按钮栏的上面部分才显示阴影
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241202/0ca5e65726ffe89a4b64fde6a2d34451.png)
如果模块内页面很短,就只固定按钮栏在下面,且不显示阴影
请问要如何实现这个效果呢?
Mia好纠结
TypeScript - "[]" 可赋给 "P" 类型的约束,但可以使用约束 "[]" 的其他子类型实例化 "P"?
function load Promise = (...args: any[]) => Promise>(
loader: F,
lazy = false,
): { refresh: (...args: P) => void; data: T | undefined; error: unknown } {
let data: T | undefined, error: unknown;
const refresh: (...args: P) => void = (...args: P) => {
loader(...args)
.then(d => (data = d))
.catch(e => (error = e));
};
if (!lazy) refresh(...([] as P extends [] ? [] : never));
return { refresh, data, error };
}
// 用法
const loaderFunction = (a?: number, b?: number) => Promise.resolve((a ?? 0) + (b ?? 0));
const { refresh, data, error } = load(loaderFunction);
refresh();
refresh(1);
refresh(1, 2);
Mia好纠结
有 jsx 为何没有 jsstyle?
有 jsx 为何没有 jsstyle?
Mia好纠结
飞书和语雀的画板是用什么技术实现的?
"http://fabricjs.com/" (https://link.segmentfault.com/?enc=o%2Fec%2BvCniB6AYNulxmfsrw%3D%3D.kgtSSm52dyo7FEYt2fSPhpMTYsUdRnv9%2BqMVQL6M1C0%3D)
Mia好纠结
docker命令安装redis,报错?
docker volume create data_redis
docker run -v data_redis/redis.conf:/etc/redis/redis.conf \
-v data_redis/data:/data \
-d --name some-redis \
-p 6379:6379 \
redis:latest redis-server /etc/redis/redis.conf
我先在宿主机创建了一个目录卷积data_redis,然后映射/etc/redis/redis.conf到宿主机的data_redis目录,映射/data到宿主机的data_redis/data目录,执行命令后,data_redis目录倒是创建了,但是后面的语句报错
docker: Error response from daemon: create data_redis/redis.conf:
"data_redis/redis.conf" includes invalid characters for a local volume name,
only "a-zA-Z0-9" are allowed. If you intended to pass a host directory, use
absolute path.
See 'docker run --help'.
为什么呢,我要怎么改?
Mia好纠结
amh7.1升级后远程备份失败的解决方案?
升级 amh7.1 后,远程备份失败。
升级 amh7.1 后,远程备份失败,查看原来的调试命令:
SSH传输远程数据: amh amdata BRssh post [/home/backup 文件名]
发现也不对了,实际多了 admin 路径,我用
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241113/40142297e3758eb21d12134da85d2294.png)
amh amdata admin BRssh post 1.txt
发现也不能 post 文件:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241113/d4b1c55327711307d9e1ca73d021aaf8.png)
expect: spawn id exp4 not open
while executing
"expect eof"
Mia好纠结
使用python -m下载文件?
python 能否只使用 "python -m" 命令参数 ,加一个文件 "https://url.com/1.txt" ,将这个文件下载下来?
文件下载
Mia好纠结
python 用 with 打开文档没有如何自己创建?
不存在的可能性有两种,一种是文件不存在,一种是目录不存在,都需要处理。
from pathlib import Path
# 目标目录
TARGET_DIR = Path("./foo/bar")
if not TARGET_DIR.exists():
# 如果 foo 肯定存在, bar 不一定存在时使用下面的命令
TARGET_DIR.mkdir()
# 如果 foo 可能不存在时, 使用下面的命令
TARGET_DIR.mkdir(parents=True)
# 目标文件
TARGET_FILE = TARGET_DIR / "test.txt"
if not TARGET_FILE.exists():
# 创建不存在的文件
with TARGET_FILE.open("w") as f:
f.write("...")
# 还有更高级的 r+ 玩法, 不过不建议新手使用
Mia好纠结
如何对script标签引入的 JS文件没有做异步处理?
«如果script标签引入的 JS文件没有做异步处理,不管JS文件是在前下载还是在后下载,都是等到DOM生成以后执行。»
请问:如何对script标签引入的 JS文件没有做异步处理?
未有答案
Mia好纠结
PDF.js 转 canvas 页面不平铺的问题?
在创建时 给canvas一个固定宽,渲染后再为这个canvas设置样式width:100%即可解决。
function createTargeCanvas(num) {
let targetContainer = document.getElementById('target')
let canvas = document.createElement('canvas')
canvas.id = 'target' + num
canvas.width = 770
targetContainer?.appendChild(canvas)
}
function loadFileTarget(url: string) {
PDF.getDocument(url).promise.then((p: any) => {
pdfDoc = p
const { numPages } = p
state.pdfPages = numPages
targetTotal.value = numPages
CreateCanvasTarget(state.pdfPages)
for (let i = 1; i <= state.pdfPages; i++) {
let canvas = document.getElementById(`target${i}`)
canvas!.style.width = '100%'
}
for (let i = 1; i <= state.pdfPages; i++) {
renderPageTarget(i)
}
})
}
Mia好纠结
AMH7.1在Linux命令行修改面板访问端口的方法?
AMH7.1如何在linux命令行中修改面板访问端口?
比较敏感的企业内部服务器,禁止了8100以后得所有端口。而且董事长都无权开通8100以后得端口。所以我没办法进入面板后通过面板去改端口
我用过:amh SetParam amh amh_Listen 8000 这个命令。但是好像不行了。这个命令可能是以前版本的。现在7.1好像不能这么用了
Mia好纠结
如何给react项目配置别名?
在tsconfig.json的complilerOptions里面配置
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
Mia好纠结
页面延时1秒加载a.js。 在a.js中怎样等待主页面加载完成后执行一段代码?
页面延时1秒加载a.js。 在a.js中怎样等待主页面加载完成后执行一段代码。
Delayed JavaScript Loading
Delayed JavaScript Loading Example
setTimeout(function() {
var script = document.createElement('script');
script.src = 'a.js';
document.body.appendChild(script);
}, 1000); // 10秒钟的延迟时间
a.js中用onload是没效果的。
window.onload = function() {
console.log("123");
};
Mia好纠结
为何已经缓存了的图片还是闪烁?
因为图片大呗, 有缓存不需要从服务器获取图片, 但是从缓存中拿到大的图片后进行记载依然需要时间, 从上到下依次加载是浏览器的优化方式, 图片可以压缩一下
其他的一些方式:
«"https://juejin.cn/post/7052605351320879112" (https://link.segmentfault.com/?enc=khKIIDJ6vhn0Zn3CCz7n2w%3D%3D.UG0f4%2FgLnm3AYBt1E9VJtZmsoB%2Fqx%2FajwAmA%2F4wzyfAblCGfXEIfakdnrVQ8U3wC)»
Mia好纠结
按照resful api风格规划代码疑问?
// 查询分类下面的管理员
Route::get('infoCategories/{infoCategory}/admins', [InfoCategoryController::class, 'admins'])->name('infoCategories.admins');
我这个路由是查询某个分类下面的管理员,我的代码结构是控制器不负责业务逻辑,业务逻辑都写到service里面,小弟目前有几个疑问
1.查询分类下面的管理员,我是应该写到Category Service里面还是应该写到Admin
Service里面呢。根据语义【分类下的管理员】,好像应该写到Category
Service,但是又考虑到最终取的数据实体是admin,那又好像写到Admin Service符合一点
2.我的业务系统有两个地方用到管理员列表(admins
list),有一个地方是列表页筛选管理员的那种,返回全部管理员给前端。第二个地方是,根据分类返回管理员列表。
2.1.那是应该创建一个路由```admin/list```,如果第一个地方那种,那么就平时那样返回,如果是第二个地方那种,就叫前端传一个category_id参数上来,我识别到有这个参数传上来就筛选仅仅是这个category的admins才返回给前端。
2.2还是创建两个路由,一个是```admin/list```处理第一种情况,另一个是```categories/{infoCategory}/admins```处理第二种情况。假设还有要查询栏目下面的管理员,就再开一个路由```lanmu/{lanmu}/admins```去处理呢
我已经
Mia好纠结
控制台打印不显示组件名称的原因 ?
可以项目用这个组件:"babel-plugin-enhance-log" (https://link.segmentfault.com/?enc=0tp35az0kUSShmPc%2F4GmkA%3D%3D.iBE1PcP4uCinYR5wGyyBP%2FAZh%2BTWdVBor8bgJrsMxzM8%2BQMRJBIYwWo9qfIh9QkGVm%2BMriHpWdy4VtyJch9L6E1yz1hWQiWGB4RhkqC2GU3wqHPhO%2F5HJAT6F7L4kDcl)
要知道知道 log 所在的文件名,那么可以配置 enableFileName 为 true, 默认就是 true
具体教程可以搜一下
Mia好纠结
Java 如何否生成 Excel 气泡图?
可以通过GcExcel来实现气泡图,GcExcel支持各种Excel图表,具体可以参考:
"图表类型 - GcExcel 中文文档Java版 | 服务端高性能表格组件 - 葡萄城" (https://link.segmentfault.com/?enc=A1l49SzGcDnybOxDFNxe3g%3D%3D.LPbeFW0cNIluC2qZPOLKRhapH7Fz2IIObgjucbA4pnWIOUicnN7uWpxSDT%2BRamt08mJFL%2B56KyFAsOsRsXouOUumazeUXCL2BdhAERC4LK3aOeBMWHlZZ7%2BRfms41%2BOJMtX2bjlYHFdGZ2jiy4coAVBqOHqrm45zDg64LNZElE0%3D)
生成气泡图的代码如下:
public void BubleCharts(){
// Create a new workbook
Workbook workbook = new Workbook();
IWorksheet worksheet = workbook.getWorksheets().get(0);
IShape shape = worksheet.getShapes().addChart(ChartType.Bubble, 250, 20, 360, 230);
worksheet.getRange("A1:C10").setValue(new Object[][]{
{"Blue", null, null},
{125, 750, 3},
{25, 625, 7},
{75, 875, 5},
{175, 625, 6},
{"Red", null, null},
{125, 500, 10},
{25, 250, 1},
{75, 125, 5},
{175, 250, 8},
});
shape.getChart().getSeriesCollection().add(worksheet.getRange("A1:C5"), RowCol.Columns);
shape.getChart().getSeriesCollection().add(worksheet.getRange("A6:C10"), RowCol.Columns);
shape.getChart().getChartTitle().setText("Bubble Chart");
// Save to an excel file
workbook.save("output/BubbleChart.xlsx");
}
最后结果是:
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241029/b22dd6061b47c8f8dddef795cd00fd6f.png)
Mia好纠结
目前想用Web管理Linux服务器,请问2023推荐哪款比较好?
如果你想多个然后批量管理就用jumpserver。
就一台服务器用宝塔就可以了。
docker 可以用 portainer管理
1Panel 也是jumpserver开源的
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/ed8e2d624f19fcfb3170eb898035506f.png)
Mia好纠结
css grid 布局如何实现第一排3个第二排3个的效果?
分成6份(3*2)就可以了,下面是一个示例:
.container {
display: grid;
grid-template-columns: repeat(6, 1fr); /* 定义6列 */
/* 如果希望有行间隔,可以添加下面这行代码,并根据需要调整间隔值 */
/* grid-row-gap: 10px; */
}
.item {
padding: 10px;
text-align: center;
}
/* 第一排的子元素 */
.item:nth-child(-n+3) {
grid-column: span 2; /* abc 各占据2/6 */
}
/* 第二排的子元素 */
.item:nth-child(n+4) {
grid-column: span 3; /* de 各占据3/6 */
}
Mia好纠结
vite打包后项目报错concat is not a function?
* vite开发环境正常,打包正式环境报错concat is not a function,求大佬帮忙看看
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/17d35f81be74b2426dbcc0f750bbbe19.png)
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241028/93ad55fea6874e2364819bace9015d06.png)
刚开始打包就报错,后来配置了@rollup/plugin-commonjs打包成功
然后打包后的文件打开就报错,弄一上午了,开发环境都正常
Mia好纠结
请问各位如何获取设备的安卓序列号?
"客户需要安卓序列号" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241024/79ff27c3a8642bf8f0555a3f273ce794.png)求问各位:
我们是做电子广告机的,客户需要安卓的序列号,请问这个序列号是什么?是我们自己命名的吗?还是需要什么授权吗?感谢
问过主板公司,他们说他们没有
Mia好纠结
有什么npm包是依赖node-sass的呢?
在package.json的文件路径中执行"npm ls node-sass"
Mia好纠结
Vue3 中有什么比较合适的轮播插件推荐?
Vue3 中有什么比较合适的轮播插件推荐?需要实现自动轮播,和跳转到指定tab?
Mia好纠结
js 比较两个数组,并进行替换掉?
let result = arr.map((item) => {
if (item.sk.length === 0) return;
item.sk.forEach((k) => {
if (arr2.val.includes(Number(k.Value))) {
k.Name = arr2.name
}
});
return item;
});
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/887cd8c3a05c082a661559e2baac0c84.png)
Mia好纠结
有什么好的方法将vue3项目 转为 apk 呢?
你可以使用uni的Hbuilder来将vue3的项目打包成android的安装包(apk)
Mia好纠结
PHP OpenSSL扩展错误解决办法?
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/d47657fc59909001b08c6e2cb657ae05.png
已经在php.ini中打开了openssl扩展,可是依旧报这个错,然后我安装的版本是php8.2的,看网上说还要在windows/system32下拷贝php目录下的libeay32.dll和ssleay32.dll文件,可是并没有看到有这两个文件诶,那该怎么解决这个问题呀?
Mia好纠结
React官网-你可能不需要effect-文末挑战使用key重新渲染组件为什么不能直接写在内部标签上?
React官方文档中的一道挑战题:
"https://zh-hans.react.dev/learn/you-might-not-need-an-effect#..." (https://link.segmentfault.com/?enc=ONnJ2f3WaxKBs0Mgv6PIdw%3D%3D.x0ezPwzi9JRYkcwaaNmRNtchaubtOkj%2Bsyt4aG2sprK5v8P3Z5aE90SR4bDjI%2B%2FlY7%2BbEeegk2RWVhC9sj0jCArXFNovZzHUTHOw55RhqfVDj%2BiPmF3wfcV%2F%2FQSFzkj6)
官方答案是提取出一个"EditForm"组件,为其加上"key"
import { useState, useEffect } from 'react';
export default function EditContact({ savedContact, onSave }) {
return (
)
}
function EditForm({ savedContact, onSave }) {
const [name, setName] = useState(savedContact.name);
const [email, setEmail] = useState(savedContact.email);
return (
姓名:{' '}
setName(e.target.value)}
/>
邮箱:{' '}
setEmail(e.target.value)}
/>
{
const updatedData = {
id: savedContact.id,
name: name,
email: email
};
onSave(updatedData);
}}>
保存
{
setName(savedContact.name);
setEmail(savedContact.email);
}}>
重置
);
}
我想知道,为什么不能直接在组件内的""上加"key"?
import { useState, useEffect } from 'react';
export default function EditContact({ savedContact, onSave }) {
const [name, setName] = useState(savedContact.name);
const [email, setEmail] = useState(savedContact.email);
return (
姓名:{' '}
setName(e.target.value)}
/>
邮箱:{' '}
setEmail(e.target.value)}
/>
{
const updatedData = {
id: savedContact.id,
name: name,
email: email
};
onSave(updatedData);
}}>
保存
{
setName(savedContact.name);
setEmail(savedContact.email);
}}>
重置
);
}
我是新手,刚学React,我用过Vue。我无法理解这里的做法。
Mia好纠结
AMH可以设置伪静态吗?在哪里设置啊?
AMH可以设置伪静态吗?在哪里设置啊?
AMH可以设置伪静态吗?在哪里设置啊?你可以具体告诉我怎么操作吗?
打开你的ThinkPHP框架项目的route/route.php文件。在哪里打开?
Mia好纠结
如何获取文本框里的文字宽度?
如何获取文本框里的文字宽度
Mia好纠结
这种问题如何解决?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/8d4f312516d75b473fa5be745ada114b.png)
"eb3bbd238d24265b92474bb183e8e58b.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/458230999364bdacd956ac72b9120ca2.png)
在本机安装了,nvm 它管理node 担现在突然没有了vue的环境
这图是 用户变量
"b9f95723f8d0cda26a15ca02ba403233.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/7374df93a26a9f8a8a33e2e0f2ee5013.png)
Mia好纠结
vscode 废弃的扩展如何重新启用?
最近把 vue 的 volar 升级为 vue-official 后出现了两个问题,一个是在 vue 文件编辑代码时没有函数参数提示,而 js, ts
这些文件依然有提示。第二个问题是编码十几分钟,语言服务就会失效,任何 ts 类型提示都没有,而且没有任何的出错提示,只能 reload window
重新加载编辑器。于是打算回退回 volar,但是发现好像无法回退
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/294a09e0e328b1413aefa6c0351f5e97.png
请问这种情况如何回退?
Mia好纠结
webpack优化的一些疑问,希望各位赐教?
1. 新版本几乎一定比旧版本好,能升尽量升
2. 一般来说默认配置不是最好的,而是比较普适的,但大体上不会有什么问题
3. vuecli 应该是封装的 webpack 吧,打包压缩其实是 webpack 在做
4. webpack 其实也只解决依赖管理,真正的转译和压缩其实是 babel 和 terser 在做
5. 所以分包需要自己配
6. 但是 tree shaking 如果我没记错的话需要调整 webpack 配置。因为前面说了,webpack 负责管理依赖,而 tree shaking 很显然和依赖相关
Mia好纠结
vue3兼容谷歌66版本吗?
大佬们 vue3兼容谷歌66版本吗
vue3兼容谷歌66版本吗
Mia好纠结
如何构建云函数运行服务端?
1、官方文档:"开发指引 /基础能力 /云函数
/我的第一个云函数" (https://link.segmentfault.com/?enc=34AOAyYNBBiPJxUowstmvw%3D%3D.HQBG767rowe51B0wiPn7yK1mvVfk50DXui8icbe%2B0%2FsPm2xb3gc%2B%2Fz6rz9DRxT2AtLf%2By1XjyCUgtypjSBGjIfSqYOXG1biRSofW%2BCRe21ZeiJfX0Mt3B6QFb0r%2F%2BFfw)
2、社区教程:"微信小程序云开发快速入门(1/4)" (https://link.segmentfault.com/?enc=9RZ7adY%2BNRCbJIJfjTcFGg%3D%3D.mTrCOV%2FLh6AU9R0FO5%2BzGrszK0UVtRkYS1JXtKHTC%2FUnV9L4ZH0Kg0Tdqfg%2BUelgLg4zKVjWH4LJVZMMfcLCGRKeNHTb1QkZ0Z4FRaS7W7dA0hgBULMYOvWlNDS%2B8Aar)
3、开源项目:"github/cloudFns" (https://link.segmentfault.com/?enc=VGcVskSXHOl4Q4qAmwzXnA%3D%3D.hPi9Uu%2F46TSMyYFivDCvn4gJc0D6DXaPCElRwIVS4YcL5ysoIfh2G5exxqQytEGm)
希望我的回答对你有所帮助~
Mia好纠结
leetcode糖果问题,这种做法为什么可行?
leetcode糖果问题,这种做法为什么可行?
"leetcode糖果问题" (https://link.segmentfault.com/?enc=qmaNQWeOe4%2BDCx2tFqGVhw%3D%3D.ocar3CDjNlgV9MLKyPLyELfql2evkFnhSBEaDMvUiLTBso5mdCnGVDVc%2FP28TvnuOEv5a7AceMcp%2BQs3ZMnERpiHuJmRz5qSw63E9%2BedWPCsaPOatMVNGl0vY2ecVe%2FPhkXcR%2Bfwqi0naBCxICYhLDjqJOMhWCmnT65lVxMN%2FpOxPQWmM%2BR8e4dz2vTpSXHu)
这个官方题解并没有证明,只是说了一下过程。我有以下几点疑问:
* "left[..]"是在仅符合左规则下分的糖果最少的分配方案吗?同样的"right[...]"是在仅符合右规则下分的糖果最少的分配方案吗?
* 为什么取仅符合左规则的值和仅符合右规则的值的最大值可以同时符合左右规则呢?
* 就算符合左右规则,为什么这种方案下分的糖果是最少的呢?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/9a8115caf5d15e6e8dcd5785532d0a1a.png)var candy = function(ratings) {
const n = ratings.length;
const left = new Array(n).fill(0);
for (let i = 0; i 0 && ratings[i] > ratings[i - 1]) {
left[i] = left[i - 1] + 1;
} else {
left[i] = 1;
}
}let right = 0, ret = 0;
for (let i = n - 1; i > -1; i--) {
if (i ratings[i + 1]) {
right++;
} else {
right = 1;
}
ret += Math.max(left[i], right);
}
return ret;
};
附:
我凭感觉也写了一种解法,通过了但是我并不知道这是否真的正确。如果是正确的,该怎么证明?如果是错误的,它哪里有问题?
function candy(ratings) {
/*
candy[i] : the min number of candy the i th people can get
based on ratings[0...i], we calculate candy[0...i]
if we add ratings[i+1], how to calculate candy[0...i+1]
guess(I don't know how to proof):
1. ratings[i+1] > ratings[i], candy[i+1] = candy[i] + 1
2. ratings[i+1] == ratings[i], candy[i+1] = 1
3. ratings[i+1] 1 => candy[i + 1] = 1
candy[i] == 1 => candy[i] += 1, candy[i] = 1
=> if ratings[i-1] > ratings[i],
and candy[i-1] >=(actual = ) ratings[i]
candy[i-1] += 1 => ...
based on rating[0]
candy[0] = 1
*/
const n = ratings.length;
const minCandies = Array(n).fill(1);
for (let i = 1; i ratings[i - 1]) {
minCandies[i] = minCandies[i - 1] + 1;
} else if (ratings[i] === ratings[i - 1]) {
minCandies[i] = 1;
} else {
minCandies[i] = 1;
if (minCandies[i - 1] == 1) {
minCandies[i - 1]++;
let cur = i - 1;
while (
cur - 1 >= 0 &&
ratings[cur - 1] > ratings[cur] &&
minCandies[cur - 1] pre + cur);
}
Mia好纠结
SpringBoot项目运行错误:找不到CourseMapper Bean,文件存在,路径也正确,还会是什么原因导致的呢?
看报错是 "CourseMapper" 没有被注册成为一个bean啊,试试以下两步
1.在启动类加上注解
@MapperScan("com.ztt.bootest.mapper")
2.在 "CourseMapper" 这个类上加上 "@Repository" 注解
Mia好纠结
前端瀑布流布局能不能左右挨个顺序排序?
给你提供一个思路:
用js改变一下数据的顺序,原来是1,2,3,4,5,6,7,8改变成1,3,5,7 / 2,4,6,8
就是分下奇偶数排个顺序。
Mia好纠结
关于微信小程序 怎样处理用户手势返回的问题?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241003/2f5d78c9981c6d064cf1ec0e86d427da.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241003/fc8eb8580501efdb1597aa37263d4edc.png)
上面第一张图是提交订单页面,下面是确认支付页面,在微信小程序中,客户在进入确认支付页面,如果这时候操作手机屏幕的手势返回
就又会回到提交订单页面,但是我们想让用户在确认支付页面
不管通过什么方式返回,都要回到订单详情页面,左边导航的点击返回,已经做了处理,但是却控制不了用户的手势返回,包括通过监测路由栈变化,也监听不了,请问这种情况如何处理呢?