无敌美少女
IP:
33关注数
19粉丝数
38获得的赞
工作年
编辑资料
链接我:

创作·56

全部
问答
动态
项目
学习
专栏
无敌美少女

如何使用CSS在网页顶部设置渐变色背景?

我想在网页顶部设置一个渐变色的背景,css可以实现吗? 如图所示 https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20250121/75c620adc8390a3e6f2fa516d12d6d4b.png css3可以实现吗?
13
1
0
浏览量213
无敌美少女

有没有比较全面的icon图标库推荐?

在"https://www.iconfont.cn/" (https://link.segmentfault.com/?enc=HusFzDGxZPAdJ5yrrCPJcA%3D%3D.jPtI7AQKaGtlTB51t2181QJ6NHgHxN7guzwHwqdkqi8%3D)里面找到你需要的图标,然后组合成iconfont项目,引入到你的项目中
0
0
0
浏览量0
无敌美少女

带指标卡环形图如何动态更新指标值?

不同图表库的解决方案不一样,根据你给的demo,只需要设置交互触发类型和配置text字段内容。 * indicator.trigger 用来设置交互触发类型。可选的交互类型有hover、select、none。默认设置交互触发类型为select。根据你的需求,需要将indicator.trigger设置为hover。 * indicator.title.style.text用来设置文本内容,且支持回调。可以根据需要的数据字段,在text中配置所需字段并可根据需求格式化展现形式。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250107/66e9e6ee4ed6ae37474ab2190a3ce42b.png) 代码示例 const data = [ { type: 'oxygen', value: '46.60', formula: 'O', texture: 'circle' }, { type: 'silicon', value: '27.72', formula: 'Si', texture: 'horizontal-line' }, { type: 'aluminum', value: '8.13', formula: 'Al', texture: 'vertical-line' }, { type: 'iron', value: '5', formula: 'Fe', texture: 'rect' }, { type: 'calcium', value: '3.63', formula: 'Ca', texture: 'grid' }, { type: 'sodium', value: '2.83', formula: 'Na', texture: 'bias-rl' }, { type: 'potassium', value: '2.59', formula: 'K', texture: 'diamond' }, { type: 'others', value: '3.5', formula: 'Others', texture: 'bias-lr' } ]; const spec = { type: 'pie', data: [ { id: 'id0', values: data } ], outerRadius: 0.8, innerRadius: 0.5, padAngle: 0.6, valueField: 'value', categoryField: 'type', pie: { style: { cornerRadius: 10, texture: datum => datum['texture'] }, state: { hover: { outerRadius: 0.85, stroke: '#000', lineWidth: 1 }, selected: { outerRadius: 0.85, stroke: '#000', lineWidth: 1 } } }, title: { visible: true, text: 'Statistics of Surface Element Content' }, indicator: { visible: true, trigger: 'hover', limitRatio: 0.4, title: { visible: true, autoFit: true, style: { fontWeight: 'bolder', fontFamily: 'Times New Roman', fill: '#888', text: datum => { const d = datum ?? data[0]; return d['formula']; } } }, content: [ { visible: true, style: { fontSize: 20, fill: 'orange', fontWeight: 'bolder', fontFamily: 'Times New Roman', text: datum => { const d = datum ?? data[0]; return d['type']; } } }, { visible: true, style: { fontSize: 18, fill: 'orange', fontFamily: 'Times New Roman', text: datum => { const d = datum ?? data[0]; return d['value'] + '%'; } } } ] }, legends: { visible: true, orient: 'left', item: { shape: { style: { symbolType: 'circle', texture: datum => datum['texture'] } } } }, tooltip: { mark: { content: [ { key: datum => datum['type'], value: datum => datum['value'] + '%' } ] } } }; 结果展示 在线效果参考:"https://codesandbox.io/s/pie-chart-with-indicator-card-4ypr2k" (https://link.segmentfault.com/?enc=p7wvpKlBkz4sV4L4gG5%2FWg%3D%3D.%2FDXH3GdHr6ZLpN5zT3ThQO5FX86JBloDpt4AE1Lapw71GBdVTTivFCg%2BNNCCybC%2FGc5IL35Hed1Qy%2FeGQ0AHOg%3D%3D) 相关文档 带指标卡饼图demo:"https://www.visactor.io/vchart/demo/pie-chart/pie-indicator" (https://link.segmentfault.com/?enc=xl%2BHQS%2Fqd6X7yBdY7Svwjw%3D%3D.mIieenj3fLu24MvJXmRFnTPuEC%2B%2BIwSmfXEhMskJylCf56cplCrzxZiJtzCL%2Fbud21h2wvZTeJHwpv5ooN4QaA%3D%3D) 指标卡教程:"https://www.visactor.io/vchart/guide/tutorial_docs/Chart_Conc..." (https://link.segmentfault.com/?enc=XwH9310wD0LF9a7uDb5afA%3D%3D.6obPyX9g6oWZ9gbLhSM%2FAOAsC8wgxMhPqneLZL%2FgwBLohmPI41g5n7KMffchHCCdoFEjhddx02KDCkQ0%2FCyg%2FtruCugZUBWVksvucX8Gnkc%3D) 相关api:"https://www.visactor.io/vchart/option/pieChart#indicator" (https://link.segmentfault.com/?enc=xGzKTdpM7YBbqWXT06zNQA%3D%3D.%2BtN4ErL9N7W85pXv32S9v556IUB7aq9f4nzWE9hRIzXimKzS2E7%2BaZHiOxdzX4Dhr6fz6xWw02vhHTFX4zTeNA%3D%3D) github:"https://github.com/VisActor/VChart" (https://link.segmentfault.com/?enc=iaHFdDT7DQ3%2FuKVT8glgzw%3D%3D.xe%2BGu2WWa%2FjkGoc95eQOg6cJYWHjS5gPbfHZIk%2FNIHOs6DT2ED59XAZzEzJw85d2)
0
0
0
浏览量0
无敌美少女

如何给使用 v-html 解析的数据中的锚点标签添加点击事件来获取文本内容?

https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250107/75acb07f0070f1db1e4b428c13ac6c02.png https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250107/a3411ab68366f038bf931fda161b14fe.png 前端请求数据上面是后台返回的数据用v-html解析,需要给a便签添加一个点击事件获取文本内容,应该怎么解决
12
1
0
浏览量245
无敌美少女

vue vite框架用iframe嵌入public/x.html时,总是跳转到项目首页,怎么办?

vue vite框架用iframe嵌入public/x.html时,总是跳转到项目首页,怎么办? "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250104/76bd266561e827e0bf5939cb88207d2d.png) *** 是开发环境 public 下资源无法访问,生产环境用iframe是正常的, "https://github.com/vbenjs/vite-plugin-html/issues/102" (https://link.segmentfault.com/?enc=SF3i5N5advqAFNYbZRq0KQ%3D%3D.gexzz0heGVtj3sE6XU9mHPOHRc9Bw6EDHL4Od8TKy3GG1c8jMdfFfrs%2Bp8iqfmQEbJE25w5lblQatthi1Vddwg%3D%3D)
13
1
0
浏览量387
无敌美少女

caffeine源码?

请问各位友友:有没有用maven构建caffeine的源码,github上都是用gradle的;本来想把gradle转成maven,但是搞了一天了没成功。
9
1
0
浏览量298
无敌美少女

如何理解应用程序需要通过系统调用,来跟 Socket 层进行数据交互?

没错,Node.js和浏览器环境里的通信是底层的Socket层实现的,但是这些细节被高级API和第三方库封装好了,前端直接可以用
0
0
0
浏览量0
无敌美少女

大佬们,我移动端中子div比父div高度低,有x轴滚动条,我想做一个子div可以在父div里随意滑动查看,就是手上下左右滑动,或者斜着划子div都能动,怎么实现呢?

无限画布?依靠滚动是没办法负数的。 所以就是变成 absolute、realtive 之类的,然后移动了 当然,也可以用 transform 。 *** 当然也可以使用一些其他库,"https://anvaka.github.io/panzoom/demo/attach-via-script.html" (https://link.segmentfault.com/?enc=iJu%2BjgASDvat3%2F9GYxRaZQ%3D%3D.MpT89sqiZ9VzIkA6ckn%2FbCefAHY9QF91K%2BTdnjKfHdQ9WATmHgh7wtyZJa1IgURV5UPWb6nBlHLcFLgqt95mCg%3D%3D)
0
0
0
浏览量0
无敌美少女

vue 实现input框的宽度自适应?

«不知道你说的自适应宽度具体指的是什么» * 根据父元素宽度自动适应宽度,那这个CSS就行,与Vue无关,方案有多种,flex的示例如下:.container { display: flex; flex-direction: row; }.container input { flex: 1; } * 根据输入内容自适应宽度,那么就需要借助JS来实现,Vue的示例如下:
0
0
0
浏览量0
无敌美少女

正则使用求教?

"sorter: "${$(...props)=>{timeSort(createTime)}$}$", ..$}$"."${$.." 希望结果 :"sorter: (...props)=>{timeSort(createTime)}, ..$}$"."${$.." 规则: ""${$" 和 "$}$"" 是一对,将他们替换为空。
9
1
0
浏览量378
无敌美少女

牛客上使用js(Node)写编程题时,如何在本地运行进入end事件?

process.stdin.resume(); process.stdin.setEncoding('ascii'); var input = ""; var input_array = ""; process.stdin.on('data', function (data) { input += data; }); process.stdin.on('end', function () { input_array = input.split("\n"); console.log(input_array) }); 这是牛客的刷题代码,用于处理输入输出,如果代码放到本地运行,按下确认键就一直让我输入。没法跳进end。 请问除了判断输入是否为空,有什么办法本地vscode跳出输入,进入end呢?类似ctrl+c快捷键的那种(ctrl+d不行)
0
1
0
浏览量14
无敌美少女

虚拟列表视图外的元素如何滚动到视图内呢?

计算当前元素距离滚动容器的理论top值,设置滚动容器的scrollTop
0
0
0
浏览量0
无敌美少女

如何做到真正的服务端加密存储,仅用户客户端解密后使用?

我现在是弄一个小程序,用户会添加非常敏感的安全信息,目前是用户端添加敏感数据时使用他的union_id和固定的key作为加解密密钥,然后再AES加密后再提交到服务端,然后下次请求服务器返回加密数据后解密再使用。 这里存在一个问题,如果有黑客拿到了我的数据库,和我的算法,然后就可以解密出用户的敏感数据。因为用户union_id是会记录到服务端数据库,客户端固定的key也是可以扒到。 有什么方案可以做到真的的加密云端存储,除了用户自己,其他人完全无法解密数据呢,包括我自己也无法查看用户的敏感数据? 跪求各位大佬推荐一个方案
0
1
0
浏览量18
无敌美少女

vscode 如何配置浏览器插件开发的提示?

"@types/chrome" (https://link.segmentfault.com/?enc=Xubz9r7iLObunZe9eKV6sQ%3D%3D.jbn7Q6VB9kuJTHozDAoFJzfndHFgXZziiVEJVF%2BR8oX7WPQjjDTDh5qUIqo9FLts) "chrome-types" (https://link.segmentfault.com/?enc=ionlPPZYKta%2Fxl4TORkY9w%3D%3D.Sv7XiHrMmnqAaImRCbWKgmvXAXrTFNQm4LpMEwWkXFzqsFPddC9vRi7auJBv8LSy)
0
0
0
浏览量0
无敌美少女

后端处理一个较大的json文件返回数据给前端太慢该如何优化?

试试分页。或者2次请求。第一次返回10-20条。不至于页面空白。然后再返回所有数据。
0
0
0
浏览量0
无敌美少女

怎么优化退差价时需要执行大量 SQL 的情况?

感觉把款项退回去,但是未经用户同意再自动扣款,从用户角度来说,体验感不好。 "如果我是用户,我比较能够接受的是:降价的时候退回我差价。" 以退差价为目的,在商品调低价格进行确认的时候,批量生成定时退差价任务:某商品确认降价时,获取该商品当前已订阅客户信息,生成退差价定时任务,在业务低峰期执行。
0
0
0
浏览量0
无敌美少女

java jna 动态库从资源路径载入问题?

简单研究发现,似乎只能从文件路径进行加载。 "https://stackoverflow.com/questions/4113317/load-library-from-jar" (https://link.segmentfault.com/?enc=BHQE1GuGTESpsWpEdW0inw%3D%3D.Z6SGculxd4GfLgJZic4Yv6h0m1%2Fxi8VFOEbS754HMWZfEegFau2%2FQdSeLcsZBnsrbGOZ14zCk1kYibejrWhVi1vcBYV9QUkv4r3IRk1x6l8%3D) 所以,解决方案应该是,在运行时 将动态库解压至临时文件目录,在执行完毕后 将临时文件清除即可。
0
0
0
浏览量0
无敌美少女

博能地图GIS,只需要放大与缩小,如何禁用地图拖拽??

var BNMap = null; var graphicsLayer = null; require(["js/BNSymbol", "js/BNUtil", "js/BNFactory", "js/BNDirectorys", "js/BNRoutePlanning", "js/BNHeatMap","js/jquery-3.2.1.min"], function (BNSymbol, util, BNFactory, BNDirectorys, BNRoutePlanning,BNHeatMap) { // 获取专题图id var mapId01 = "333"; //一层地图 BNMap = new BNFactory(mapId01, { "id": "map", "options": { logo: false, slider: false, } }); graphicsLayer = BNMap.creatGraphicsLayer({ id: "map" }); BNMap.addGraphicsLayer(graphicsLayer); //地图自动居中 BNMap.setPointCenter(); });
gis
0
1
0
浏览量11
无敌美少女

vue3 reactive() 的局限性:对解构操作不友好,ref似乎也有这个问题?

因为截至目前, JS 无法监听变量的赋值行为 ,不管是 "Object.defineProperties" 还是 "Proxy",其实都是拦截对象的属性变化 ,而不是监听变量的赋值 。 const a = 0; let b = 1; var c = 2; «👆这里的 "a"、"b"、"c" 都是“变量”,对它们的赋值,是无法监听的。» let obj = { a: 0, b: 1 } let { a } = obj; «👆这里的 "obj.a"、"obj.b" 都是“对象的属性”,对这些属性的赋值行为可以通过 "Proxy" 或者 "Object.defineProperties" 拦截到。 但是对**"obj"本身**重新赋值的行为,是无法被监听的,同理,对从 "obj" 中解构出来并重新命名为"a"的变量的赋值,也无法被监听。» 其实也正是因为变量赋值无法被监听,Vue3 才搞出 "ref" 这个东西来,把基础类型包装进一个对象里,就可以对这个对象的属性".value"进行监听了。 不过 JS 不能监听,不代表无法实现这样的语义,有一个比较年轻的 Svelte 框架,通过预编译,对用户屏蔽类似的包装过程,所以如果是使用 Svelte 的话,延时器回调中对变量赋值,可以直接反映到视图上: let x = 0; const interval = setInterval(() => { x++; x >= 100 && clearInterval(interval); }, 1e3); Hello world!{x} 但是 Vue 目前不允许这样写。 其实 "Vue 有过一个提案" (https://link.segmentfault.com/?enc=QVbOwfyH994pqUGHmMsMWA%3D%3D.lCHziyJ%2FN0R3bXRehISrxaoeKe8MZ5%2FuCgzPogWmHLAh9hGDsbhuw3AUtGDNbtfTrJ%2FO9e5BQc9jXv%2Bu8ogwNg%3D%3D),用 JS 的 label 语句来代替 "ref" 函数: ref:count = 0; count++ 但是由于这个提案给 label 语句带来了歧义,在 Vue 社区和开发者群体中引起了强烈的反对,因此只得作罢,所以时至今日, Vue 的响应式还是以监听对象属性的方式来完成,对解构而来的变量重新赋值不会被监听。
0
0
0
浏览量0
无敌美少女

LeetCode报错,为什么会执行错误?

题目描述: "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241112/cabb0ec3a0fcda0cf3177e314eebc0b6.png) 我的代码: int* nextGreaterElement(int* nums1, int nums1Size, int* nums2, int nums2Size, int* returnSize) { int* res = (int*)malloc(nums1Size * sizeof(int)); // 为结果数组分配内存 int* hashmap = (int*)malloc(nums2Size * sizeof(int)); int* st = (int*)malloc(nums2Size * sizeof(int)); // 使用数组实现栈 int stTop = -1; // 栈顶指针的初始值为-1,表示栈为空 // 计算nums2中每个元素的"下一个更大元素"并保存到hashmap中 for (int i = nums2Size - 1; i >= 0; --i) { int num = nums2[i]; while (stTop >= 0 && num >= st[stTop]) { // 如果栈不为空且当前元素比栈顶元素大,则出栈 --stTop; } hashmap[num] = stTop < 0 ? -1 : st[stTop]; // 将当前元素入栈 st[++stTop] = num; } // 根据nums1中的元素在hashmap中查找对应的"下一个更大元素" for (int i = 0; i < nums1Size; ++i) { res[i] = hashmap[nums1[i]]; } return res; // 返回结果数组的指针 } 报的错误: "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241112/b2a029e7c8df860cd2a4a22a12dc05e5.png) 我的代码在VS 2022上可以运行,不知道错误原因在哪
0
1
0
浏览量26
无敌美少女

vue+element+admin脚手架 axios发送POST请求后 springboot后台获取不到请求体内的参数 ?

我就一个问题,为什么端口不同? 看上去8088是后端的服务。9527是前端的服务。 前端自己通过 proxy api 实现。 那么问题还有可能出现在 proxy
0
0
0
浏览量0
无敌美少女

请问如何调用 form input 的检查机制,而不要 submit 跳转页面?

满足验证后自动跳转页面(提交表单)这本来就是符合预期的行为呀,按你的需求,表单就提交不出去了。 当然有办法,在 form 的 submit 事件里面阻止默认行为(成功时提交表单)就好了,未通过验证的是不会进入到 submit 事件的。 const form1 = document.querySelector('#form1'); form1.addEventListener('submit', function (ev) { ev.preventDefault(); console.log('通过验证'); }); 如果你想要手动验证表单/输入框(任何时候),可以使用表单/输入框的方法("checkValidity"/"reportValidity") console.log(myform.checkValidity()); // return boolean , true if form is valid, false if anything is invalid in the form console.log(myform.reportValidity()); // will throw error explaining why `form.checkValidity()` returning false * "javascript - How to use HTML form.checkValidity()? - Stack Overflow" (https://link.segmentfault.com/?enc=xIAx7v3LCP7BiZXkIw2ezQ%3D%3D.Kooxgt%2Bk2DIZ8gTDLtU%2FPGhUecMRJYRf3Ktx0%2BeMza96E%2F%2B0eduJsuNidCx7ow5Z) * "HTMLFormElement: reportValidity() method - Web APIs | MDN" (https://link.segmentfault.com/?enc=6cW4lggmwsHtdGczxg6xDw%3D%3D.RBrh1m%2BMN9U7PHEkaoOQkyCqt9EoKBTfH4wE4RY1Hl%2FJZ0ZdNFlWfcwUuB3ySR9ZNFPs9yCd7iv1een%2BYLKEPDXax3W4YTTD5v7gxztrKrA%3D) * "HTMLInputElement: checkValidity() method - Web APIs | MDN" (https://link.segmentfault.com/?enc=BWtLnRO%2FVYsnrIqqKP7%2BEQ%3D%3D.wPJadAmumpBdU3meCltP6THsR9c9pGnucfQxDxzCDLFEJ79viVtcox80SEtqSsUuYq2lS67igcvJhGCUa6%2B2cr086ATfqf03EU2dSoSp8QE%3D)
0
0
0
浏览量0
无敌美少女

vue3 Ant Design Vue 表单提交校验报错?

const checkPlanRules = (rule, value, callback) => { if (clock && !sendPlanTime) { return Promise.reject("请选择定时的时间"); } else { return Promise.resolve(); } };
0
0
0
浏览量0
无敌美少女

JavaScript forEach 循环:同步任务与执行顺序?

forEach是同步任务,所以就不要老盯着他看了,可以看看其他的地方。 handleDealData返回的val是空数组,val是根据initData循环来的,所以可以看下initData是不是空。 另外,console打印的是快照,也就是你点击展开显示的值和你打印时的值可能不一样(中间你修改了这个数据),所以,可以猜测也有可能是后面更改了val
0
0
0
浏览量0
无敌美少女

AMH面板问题,虚拟机安装面板后,新建网站绑定域名为127.0.0.1无法访问?

虚拟机环境,内网ip段为192.168.1.1-192.168.1.255,centos7设置了静态IP amh面板通过该静态IP:8888正常访问,进入面板后在软件商店安装了相关环境软件,虚拟主机新增绑定域名处绑定了127.0.0.1,192.168.1.11两个IP,想直接用本地IP访问(不想通过域名hosts指向127.0.0.1),但是访问这两个IP都无法打开,我是从宝塔转过来的,对AMH还不熟悉。 宝塔虚拟机本地环境搭建好后,面板里新增网站绑定本地127.0.0.1,192.168.1.11这类IP后,直接可以访问,不清楚AMH还需要额外设置哪里?
0
1
0
浏览量16
无敌美少女

nginx配置多个站点共用80端口,不算端口冲突吗?

就是在做php项目的时候,自己本地有多个web项目,对应也是配置了nginx的配置,比如A项目: server { listen 80; server_name www.aa.com; root /WWW/api-aa; index index.html index.htm index.php; location / { try_files $uri $uri/ /index.php?$query_string; } location = /favicon.ico { log_not_found off; } location ~ \.php$ { fastcgi_pass 127.0.0.1:9000; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include fastcgi_params; } } 项目B配置如下: server { listen 80; server_name www.bb.com; root /WWW/api-bb; index index.html index.htm index.php; location / { try_files $uri $uri/ /index.php?$query_string; } location = /favicon.ico { log_not_found off; } location ~ \.php$ { fastcgi_pass 127.0.0.1:9000; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include fastcgi_params; } } 就是上面2个项目都是80端口,也都是正常运行,那为什么2个项目都使用80端口但是不算端口冲突呢?
0
1
0
浏览量15
无敌美少女

Goland刚定义的函数总是提示Unresolved reference,这种情况怎么处理?

Goland里面新定义的东西,不论结构、方法、函数,只要是外部引用的时候都会提示“Unresolved reference 'xxxxx'", 但是实际我的定义和使用都没问题,代码可以正确编译和运行。 反复重启几次Goland,指不定哪次它就识别了,这种情况能通过什么配置改善? "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241101/5de2803c944ae59486434409f9c04c19.png) "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241101/db0cec43e78aeef92b54f5e4f9c4fb06.png)
0
1
0
浏览量17
无敌美少女

在vue项目里,有1个单独的页面请求另1个网址,会报错,networkError?

你这样不就相当于跨域去请求百度的服务器了吗,除非你能让百度的服务器专门给你配置允许跨域,不然是不可能成功的,就算你通过nginx做转发来绕过跨域策略,百度那边可能还会做ip检测等等来返回非预期的响应给你的。
0
0
0
浏览量0
无敌美少女

babel 需要怎么处理才能自动引入polyfill?

module.exports = { presets: [ ['@babel/preset-env', { targets: { chrome: '58', firefox: '60', ie: '11', }, useBuiltIns: 'usage', corejs: "3.35.0", //这里必须与package.json中core-js的版本号一致,不能只写个3 }], ], };
0
0
0
浏览量0
无敌美少女

解决Vue3+Vite小程序在iOS 17.1.1版本白屏问题?

你可以通过移动端调试插件 vConsole,来看看具体错误信息,"https://cloud.tencent.com/developer/article/1894776" (https://link.segmentfault.com/?enc=ZQMI4NJ%2B6tfFM9R9W6RSGA%3D%3D.FL%2F4sIf%2BmM0Qsu4ia1bmiPGD91UHi8X6z2Wf6StqIPHb9WuGWXVMeR%2F4otbIvXPeHpI7%2B6CZ763miiUHTdYZ7Q%3D%3D),可以看看这篇文章配置与使用
0
0
0
浏览量0
无敌美少女

vite 项目启动时打开chrome 浏览器, 报错Request path contains unescaped characters?

vite 项目启动时打开chrome 浏览器, 报错,怎么改呢? node:_http_client:160 throw new ERR_UNESCAPED_CHARACTERS('Request path'); ^ TypeError [ERR_UNESCAPED_CHARACTERS]: Request path contains unescaped characters import { fileURLToPath, URL } from 'node:url' import { defineConfig, loadEnv } from 'vite' import vue from '@vitejs/plugin-vue' import vueJsx from '@vitejs/plugin-vue-jsx' // https://vitejs.dev/config/ export default defineConfig((command, mode) => { const env = loadEnv(mode, process.cwd()); console.log(env.VITE_BROWSER) return { plugins: [ vue(), vueJsx(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, server: { host: "0.0.0.0", open: env.VITE_BROWSER } } } ) .env VITE_BROWSER='C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe'
0
1
0
浏览量138
无敌美少女

封装SqlHelper类遇到插入数据的问题?

封装一个ADO.net,插入一条数据不能显示插入内容而是变量名 调用封装方法 [HttpPost] public string Insert(string userName, string password, string userLevel, string userNo) { SqlHelper sqlHelper = new SqlHelper(); SqlParameter[] sqlParameters = new SqlParameter[] { new SqlParameter("@UserName",userName), new SqlParameter("@Password",password), new SqlParameter("@UserLevel",userLevel), new SqlParameter("@UserNo",userNo) }; sqlHelper.ExecuteNonQuery("INSERT INTO users ( UserName, Password, UserLevel, UserNo ) VALUES ( '@UserName', '@Password', '@UserLevel', '@UserNo' )", sqlParameters ); return "数据插入成功!"; } 封装的方法 public int ExecuteNonQuery(string cmdText,params SqlParameter[] sqlParameters) { using SqlConnection sqlConnection = new SqlConnection(ConnectionStr); sqlConnection.Open(); SqlCommand sqlCommand = new SqlCommand(cmdText,sqlConnection); sqlCommand.Parameters.AddRange(sqlParameters); return sqlCommand.ExecuteNonQuery(); } 设置断点后看到,形参已经拿到输入内容,但是变量始终没有赋值成功。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/d81d8c3aee7223bac856b60decf8c668.png)
0
1
0
浏览量165
无敌美少女

各位谈一下你们的学习之道吧?

感觉主要是好奇心吧,用不到,也想想怎么样让自己的代码变好,看看 git上别人是怎么写的 至于版本什么的,你可以订阅node weekly之类的,应该都会有提示,哪些新出来的包什么的。至于每个版本的变化都烂熟于心,感觉有点夸张,记这个干嘛啊。。。不懂
0
0
0
浏览量0
无敌美少女

如何在maccms10上解决后台404错误?

刚从bt转过来用amh 很早以前4.2也用过 现在搬家遇到问题 求助 程序用的maccms10 lnmp环境 现在网站前台伪静态啥的都没有问题 网站后台进不去 直接404 不知道哪出错了 百度没有相关资料
0
1
0
浏览量196
无敌美少女

Vuex 实现不同页面间数据同步?

同域名下,可以用 localStorage,也可以用 service worker。
0
0
0
浏览量0
无敌美少女

webpack 异步引入的文件如何根据文件大小判断是否单独打包在一起?

在"Webpack"中,异步引入的文件默认情况下会根据模块的依赖关系和配置进行打包。如果你希望根据文件大小来决定是否将多个小文件合并在一起打包,你可以通过配置"optimization.splitChunks"选项来实现这个需求。 "optimization.splitChunks"是"Webpack 4"中引入的一个特性,它允许你自定义代码分割的策略。你可以设置一个最小文件大小"(minSize)"和最大文件大小"(maxSize)",以及一个合并文件的阈值"(maxAsyncRequests)",来控制何时将多个小文件合并成一个"chunk"。 以下是一个配置示例,展示了如何根据文件大小来合并"chunk": module.exports = { // ... optimization: { splitChunks: { chunks: 'all', minSize: 30000, // 设置最小文件大小为30KB maxSize: 0, // 设置最大文件大小,0表示不限制 minChunks: 1, // 设置最小chunks数量,1表示每个chunk至少包含一个模块 maxAsyncRequests: 10, // 设置并发请求的最大数量 maxInitialRequests: 5, // 设置初始并发请求的最大数量 automaticNameDelimiter: '~', // 自动生成的chunk名称分隔符 name: true, // 自动生成chunk名称 cacheGroups: { vendors: { test: /[\\/]node_modules[\\/]/, priority: -10, // 缓存组优先级 filename: 'vendors.js' }, default: { minChunks: 2, priority: -20, reuseExistingChunk: true, // 如果当前 chunk 包含已从主 bundle 中拆分出的模块,则它将被重用,而不是生成新的模块 filename: 'common.js' } } } } }; 在这个配置中,"minSize"设置为"30KB",这意味着如果一个"chunk"的大小小于"30KB","Webpack"会尝试将其与其他"chunk"合并。"maxSize"设置为"0",表示没有最大文件大小限制。"maxAsyncRequests"和"maxInitialRequests"分别控制并发请求和初始请求的最大数量。
0
0
0
浏览量0
无敌美少女

MySQL 8.2 为何无法远程登录?

mysql8.2无法远程登录,MySQL是通过docker启动的,启动正常提示: "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/ed143c48b956ac245ac9bc0261a0e065.png) 尝试了网上的解决方案, 1.在服务器登录之后查看user表的root用户有两个,一个host为%一个为localhost,执行删除命令删除了localhost的root,重启MySQL 重试无效 2.在配置文件增加skip-name-resolve 打开配置文件发现已经有了该配置 重启MySQL 无效 3.在本地telnet 3306端口是通的
0
1
0
浏览量190
无敌美少女

react tsx 怎么在页面中请求接口?

下图这是这个页面的所有代码,我想像vue的mounted一样,刚进页面就请求接口,请问我该怎么写? 另外,这应该属于是typescript吧?完全看不懂一脸懵 并且,我的接口不是固定地址,后端那可能会上传到不同的服务器,如何像vue一样配置proxy? 在这里先谢谢各位大哥大姐的解答,小弟感激不尽! https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/b8a52e40ed490de18fe07002209450b2.png import Contorls from "./component/Contorls/Contorls"; import homeRenderer from "./homeRender"; import styles from './index.module.less'; const Home = () => { return ( homeRenderer.setContainer(dom)} className={styles.container}> ); } export default Home;
0
1
0
浏览量112
无敌美少女

CSS 中图片是否应该存在文档结构中?

看了css禅意花园这本书有感(可能看的不是很详细) 书中作者更倾向于使用background, 而不是一个专门的标签来设置图片(不仅仅是整个页面的背景, 包括页面标题附近图片, logo等). 有的甚至会在div的最后用几个div, 通过css的绝对定位是控制来展示图片. 与之对应的另外一种做法, 比如标题那里有图片,就直接用img预留位置了. 这两种做法哪种更普遍,主要的优缺点是什么?
0
1
0
浏览量143
无敌美少女

这种验证码怎么破呀?

深度学习 ocr,比如这个:"https://github.com/sml2h3/ddddocr" (https://link.segmentfault.com/?enc=DFnD5M38G8WHQxNANCeCMw%3D%3D.OznonbGC4PvssvmtDpJUpHx2F1sdPzcaaTqsUzy89P96kV1mdHcMaisZAqRoSERp) 但是效果都是差强人意
0
0
0
浏览量0
无敌美少女

C# Winform 编程中实现 SQLite3 数据库批量更新与进度条联动?

看你写过 JS。JS 里通常有一个很重要的概念,叫回调函数 ,可以把一个函数当作参数传递给另一个函数: function batch(source, callback) { let progress = 0; source.forEach(item => { progress++; callback && callback(progress); }); } batch(['甲', '乙', '丙', '丁'], (progress) => { console.log(progress); }); 这段代码能理解吧? 在 C# 中也可以实现类似的逻辑,只不过它不叫回调函数,而是叫委托 。C# 有两大类委托,一类是没有返回值的(也可以说返回值是 "void"),是 "System.Action";另一类是有返回值的,是 "System.Func"。 用委托来改写你这段代码的话,就是: public void update(string DBsource, List sqls, Action onUpdateCallback) { string source = "Data Source= " + DBsource; using SqliteConnection sqliteConn = new(source); sqliteConn.Open(); int progress = 0; if (onUpdateCallback != null) onUpdateCallback(progress); foreach (var item in sqls) { SqliteCommand cmd = new(item, sqliteConn); cmd.Prepare(); cmd.ExecuteNonQuery(); progress++; if (onUpdateCallback != null) onUpdateCallback(progress); } } // 外部调用时 update(DbSource, sqls, (progress) => { progressBar1.Value = progress; progressBar1.Maximum = sqls.Count; progressBar1.Visible = progressBar1.Value < progressBar1.Maximum; }); 当然了,这种写法其实很不 OOP。正常的写法应该是定义一个事件 ,由外部来监听这个事件再做处理。你既然在做 WinForm,那对事件应该不陌生,WinForm 里所有控件的各种触发都是事件。这个代码就不给了,AI 已经给出一段代码了。
0
0
0
浏览量0
无敌美少女

请问 js 如何捕获错误的调用栈(像 php 那样的详细)?

你需要用 sourcemap 文件才能还原。 "https://docs.fundebug.com/notifier/javascript/sourcemap/" (https://link.segmentfault.com/?enc=Xrw4DHsEN8UF40Ocx%2B4efw%3D%3D.wzVCinek3WJlrQWvj7yyklpWgMCPIWpCcL3GUWs3PGYf9yv%2BT3v%2FZjfjXZCnSlcVjmSpFQZ%2BEe2gByUHSzmLrg%3D%3D) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/f1746569db36f3c4381100c813343f48.png)
0
0
0
浏览量0
无敌美少女

AMH软件商店会增加Docker吗?

AMH应用商店可以增加Docker吗? 差不多像宝塔那样可以直接安装Docker。 如果可以就方便弄为知笔记服务端了。
amh
0
1
0
浏览量178
无敌美少女

请教一下,鸿蒙OS在previewer里测试,每改一句代码都要点击运行吗?

不需要,写完保存即可实时预览 "https://developer.huawei.com/consumer/cn/doc/harmonyos-guides..." (https://link.segmentfault.com/?enc=SFizPu6J4AJPM3VciH9wcQ%3D%3D.qZvz6KecboMPbeuKp3zfAPje5vvhHubVghAE66lXzgi7XeQ0vtlcM4doqs76DCt1ckjP26TpPMZJc4CHDnROADlplpk4QYNXm6RqNySmdg2Gc17Eu%2FzncNXqy1NhQ6AoNmErDRab%2FjDhAFTGWhdI85fjUN2WT%2B9Qpv3%2Bnj1rndA%3D) «本文参与了"思否 HarmonyOS 技术问答马拉松" (https://segmentfault.com/a/1190000044600728),欢迎正在阅读的你也加入。»
0
0
0
浏览量0
无敌美少女

求推荐一本C++的,多线程,并发有关的书籍,名著之类的?

不是打广告,但是我真心不建议在面试之前这么紧张的时间去看大头书,我推荐小林coding的图解计算机等资料。 当时校招的时候这可帮了大忙。 如果真想啃书,我推一本 "CPP-Concurrency-In-Action" (https://link.segmentfault.com/?enc=W1xYQuc57RUJGDH6eBeaaA%3D%3D.AfXGh0ag8TZ3LW3isSyNW1m%2BJzD%2Bmy%2BmywYoNFauIYeYHXzk0qDab512X9PburtnqL4ogepmbvrZIr1cU6kXhIzJiFrFiQE7MrPm02Y7idw%3D)
0
0
0
浏览量0
无敌美少女

热点数据筛选优化策略?

你作为下游,其实要关注的是: «自从上次同步后,哪些账户出现了变动?» 因此只要上游提供一个接口,提供指定时间点之后的变动账户列表,说白了就是根据 update_time 查询,然后返回满足条件的账户 ID 列表给你。你就只需要按照列表中的账户同步即可,这样就避免了无效查询。
0
0
0
浏览量0
无敌美少女

子组件修改父组件的问题,求助大佬?

子组件修改父组件的问题,求助大佬 这里说法是不是矛盾的,是我理解能力不够吗?测试代码,也是,父组件修改子组件能刷新,子组件修改父组件没反应,那个大佬能帮我看看是不是我代码有问题,还是文档有问题: @Observed class ClassA { public value: number; constructor(value: number) { this.value = value; } } class ClassB { public a: ClassA; constructor(a: ClassA) { this.a = a; } } class ClassC { public b: ClassB; constructor(b: ClassB) { this.b = b; } } @Component struct ViewA { label: string = 'ViewA'; @ObjectLink a: ClassA; build() { Row() { Column({space:10}) { Text(`[${this.label}] this.a.value = ${this.a.value}`) .fontSize(20) Button(`ViewA: this.a.value add 1`) .backgroundColor('#ff7fcf58') .onClick(() => { this.a.value += 1 console.log('this.a.value:' + this.a.value) }) } .width("100%") } } } @Entry @Component struct ViewB { @State child: ClassC = new ClassC(new ClassB(new ClassA(10))); build() { Column({space:10}) { ViewA({ a:this.child.b.a }) Text(`ViewB:${this.child.b.a.value}`) Button(`ViewB: this.c.b.a.value add 10`) .backgroundColor('#ff7fcf58') .onClick(() => { this.child.b.a.value += 10 console.log('this.child.b.a.value:' + this.child.b.a.value) }) } } } 文档地址:"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides..." (https://link.segmentfault.com/?enc=j%2Bdv6zkbW9oZ1cLWRsVpag%3D%3D.%2BhAF04r5nqWBUmVbLp4HJ1c7KFfxhSqxqzhtZ%2FzH3jz1C5r9rdhnF3soRGnTsIao6C46tvA%2FLSg02CPpLD0JniXpD%2BQZN%2F%2Bvks68%2FOu55cF%2F7%2Fe0bfmlGpPr1eaBa7bDFXXzQ8wMrnpRch%2FYm2YILw%3D%3D) «本文参与了"思否 HarmonyOS 技术问答马拉松" (https://segmentfault.com/a/1190000044600728),欢迎正在阅读的你也加入。»
0
1
0
浏览量210
无敌美少女

WGLCOUD的MAC地址告警通知如何关闭?

"https://www.wgstart.com/help/docs31.html" (https://link.segmentfault.com/?enc=2CPgaT972nx0PugWd4XDHg%3D%3D.GwVOcyA4ZRxta%2BFP84CkTTFCIWiap2Bd1zILhVk%2FeU1JjcvnOkaQ9g5K76nmLn7p) "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/adc87dfdec7470ddc7cbc1038d0eafc4.png)
0
0
0
浏览量0
无敌美少女

一个简单的verilog的问题?

integer a,b,c; always@(posedge clk) begin if(b>5) a<=1; else a<=2; end always@(posedge clk) begin c<=a; end 在这里,同一个时钟周期内,a被赋值的语句和c被赋值的语句的执行的先后顺序未必确定对不对? 我希望无论如何都是"c<=a"先执行,这样的话应该怎么写代码呢?我知道写在一个begin块里用"="就行但我想知道不同always块内的情况,,, 刚开始搞这玩意不太明白,恳请赐教.
0
1
0
浏览量160
无敌美少女

Electron Forge 打包时设置的 exe 文件的 icon 持续显示错误?

如果你是在第一次打包时,没有填充对应的图标文件的内容,即第一次打包时没有设置icon,并且你使用windows平台。 那么windows的应用程序图标缓存系统,会影响到你在这之后设置icon时打包生成应用程序的exe文件的图标显示,也就是说,它不会更新为你的新的设置的icon的图标。 electron-forge的官方文档提供了一种方法来解决这样的问题:运行:"ie4uinit.exe -show" ——参见:"官方文档地址,请滑至最底部查看" (https://link.segmentfault.com/?enc=cajbljgH4MHh9drXMQu6UA%3D%3D.8%2F2PTyo8G51m5XVqw3o8HYK4MWKqIgqCpjZRxiIw2qcUxEkDzVBMvuw96%2BoJzWluE0Ks4pVqjI8%2BWL%2B2I03Sb9BQ%2BtSOr8VjXfCCNyaIiFuIR91O222WHR%2FkRHmrBdCV) 然而,如果这个方法没有产生效果,你可以尝试:"简单地重启电脑",希望这对你有帮助,也希望你不会浪费像我一样的半个小时!
0
0
0
浏览量0

履历