无敌美少女
如何使用CSS在网页顶部设置渐变色背景?
我想在网页顶部设置一个渐变色的背景,css可以实现吗?
如图所示
https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20250121/75c620adc8390a3e6f2fa516d12d6d4b.png
css3可以实现吗?
无敌美少女
有没有比较全面的icon图标库推荐?
在"https://www.iconfont.cn/" (https://link.segmentfault.com/?enc=HusFzDGxZPAdJ5yrrCPJcA%3D%3D.jPtI7AQKaGtlTB51t2181QJ6NHgHxN7guzwHwqdkqi8%3D)里面找到你需要的图标,然后组合成iconfont项目,引入到你的项目中
无敌美少女
带指标卡环形图如何动态更新指标值?
不同图表库的解决方案不一样,根据你给的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)
无敌美少女
如何给使用 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便签添加一个点击事件获取文本内容,应该怎么解决
无敌美少女
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)
无敌美少女
caffeine源码?
请问各位友友:有没有用maven构建caffeine的源码,github上都是用gradle的;本来想把gradle转成maven,但是搞了一天了没成功。
无敌美少女
如何理解应用程序需要通过系统调用,来跟 Socket 层进行数据交互?
没错,Node.js和浏览器环境里的通信是底层的Socket层实现的,但是这些细节被高级API和第三方库封装好了,前端直接可以用
无敌美少女
大佬们,我移动端中子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)
无敌美少女
vue 实现input框的宽度自适应?
«不知道你说的自适应宽度具体指的是什么»
* 根据父元素宽度自动适应宽度,那这个CSS就行,与Vue无关,方案有多种,flex的示例如下:.container {
display: flex;
flex-direction: row;
}.container input {
flex: 1;
}
* 根据输入内容自适应宽度,那么就需要借助JS来实现,Vue的示例如下:
无敌美少女
正则使用求教?
"sorter: "${$(...props)=>{timeSort(createTime)}$}$", ..$}$"."${$.."
希望结果 :"sorter: (...props)=>{timeSort(createTime)}, ..$}$"."${$.."
规则: ""${$" 和 "$}$"" 是一对,将他们替换为空。
无敌美少女
牛客上使用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不行)
无敌美少女
虚拟列表视图外的元素如何滚动到视图内呢?
计算当前元素距离滚动容器的理论top值,设置滚动容器的scrollTop
无敌美少女
如何做到真正的服务端加密存储,仅用户客户端解密后使用?
我现在是弄一个小程序,用户会添加非常敏感的安全信息,目前是用户端添加敏感数据时使用他的union_id和固定的key作为加解密密钥,然后再AES加密后再提交到服务端,然后下次请求服务器返回加密数据后解密再使用。
这里存在一个问题,如果有黑客拿到了我的数据库,和我的算法,然后就可以解密出用户的敏感数据。因为用户union_id是会记录到服务端数据库,客户端固定的key也是可以扒到。
有什么方案可以做到真的的加密云端存储,除了用户自己,其他人完全无法解密数据呢,包括我自己也无法查看用户的敏感数据?
跪求各位大佬推荐一个方案
无敌美少女
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)
无敌美少女
后端处理一个较大的json文件返回数据给前端太慢该如何优化?
试试分页。或者2次请求。第一次返回10-20条。不至于页面空白。然后再返回所有数据。
无敌美少女
怎么优化退差价时需要执行大量 SQL 的情况?
感觉把款项退回去,但是未经用户同意再自动扣款,从用户角度来说,体验感不好。
"如果我是用户,我比较能够接受的是:降价的时候退回我差价。"
以退差价为目的,在商品调低价格进行确认的时候,批量生成定时退差价任务:某商品确认降价时,获取该商品当前已订阅客户信息,生成退差价定时任务,在业务低峰期执行。
无敌美少女
java jna 动态库从资源路径载入问题?
简单研究发现,似乎只能从文件路径进行加载。 "https://stackoverflow.com/questions/4113317/load-library-from-jar" (https://link.segmentfault.com/?enc=BHQE1GuGTESpsWpEdW0inw%3D%3D.Z6SGculxd4GfLgJZic4Yv6h0m1%2Fxi8VFOEbS754HMWZfEegFau2%2FQdSeLcsZBnsrbGOZ14zCk1kYibejrWhVi1vcBYV9QUkv4r3IRk1x6l8%3D)
所以,解决方案应该是,在运行时 将动态库解压至临时文件目录,在执行完毕后 将临时文件清除即可。
无敌美少女
博能地图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();
});
无敌美少女
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
的响应式还是以监听对象属性的方式来完成,对解构而来的变量重新赋值不会被监听。
无敌美少女
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上可以运行,不知道错误原因在哪
无敌美少女
vue+element+admin脚手架 axios发送POST请求后 springboot后台获取不到请求体内的参数 ?
我就一个问题,为什么端口不同?
看上去8088是后端的服务。9527是前端的服务。
前端自己通过 proxy api 实现。
那么问题还有可能出现在 proxy
无敌美少女
请问如何调用 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)
无敌美少女
vue3 Ant Design Vue 表单提交校验报错?
const checkPlanRules = (rule, value, callback) => {
if (clock && !sendPlanTime) {
return Promise.reject("请选择定时的时间");
} else {
return Promise.resolve();
}
};
无敌美少女
JavaScript forEach 循环:同步任务与执行顺序?
forEach是同步任务,所以就不要老盯着他看了,可以看看其他的地方。
handleDealData返回的val是空数组,val是根据initData循环来的,所以可以看下initData是不是空。
另外,console打印的是快照,也就是你点击展开显示的值和你打印时的值可能不一样(中间你修改了这个数据),所以,可以猜测也有可能是后面更改了val
无敌美少女
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还需要额外设置哪里?
无敌美少女
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端口但是不算端口冲突呢?
无敌美少女
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)
无敌美少女
在vue项目里,有1个单独的页面请求另1个网址,会报错,networkError?
你这样不就相当于跨域去请求百度的服务器了吗,除非你能让百度的服务器专门给你配置允许跨域,不然是不可能成功的,就算你通过nginx做转发来绕过跨域策略,百度那边可能还会做ip检测等等来返回非预期的响应给你的。
无敌美少女
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
}],
],
};
无敌美少女
解决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),可以看看这篇文章配置与使用
无敌美少女
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'
无敌美少女
封装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)
无敌美少女
各位谈一下你们的学习之道吧?
感觉主要是好奇心吧,用不到,也想想怎么样让自己的代码变好,看看
git上别人是怎么写的
至于版本什么的,你可以订阅node
weekly之类的,应该都会有提示,哪些新出来的包什么的。至于每个版本的变化都烂熟于心,感觉有点夸张,记这个干嘛啊。。。不懂
无敌美少女
如何在maccms10上解决后台404错误?
刚从bt转过来用amh 很早以前4.2也用过
现在搬家遇到问题 求助
程序用的maccms10 lnmp环境
现在网站前台伪静态啥的都没有问题 网站后台进不去 直接404 不知道哪出错了
百度没有相关资料
无敌美少女
Vuex 实现不同页面间数据同步?
同域名下,可以用 localStorage,也可以用 service worker。
无敌美少女
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"分别控制并发请求和初始请求的最大数量。
无敌美少女
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端口是通的
无敌美少女
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;
无敌美少女
CSS 中图片是否应该存在文档结构中?
看了css禅意花园这本书有感(可能看的不是很详细)
书中作者更倾向于使用background, 而不是一个专门的标签来设置图片(不仅仅是整个页面的背景, 包括页面标题附近图片, logo等).
有的甚至会在div的最后用几个div, 通过css的绝对定位是控制来展示图片. 与之对应的另外一种做法, 比如标题那里有图片,就直接用img预留位置了.
这两种做法哪种更普遍,主要的优缺点是什么?
无敌美少女
这种验证码怎么破呀?
深度学习
ocr,比如这个:"https://github.com/sml2h3/ddddocr" (https://link.segmentfault.com/?enc=DFnD5M38G8WHQxNANCeCMw%3D%3D.OznonbGC4PvssvmtDpJUpHx2F1sdPzcaaTqsUzy89P96kV1mdHcMaisZAqRoSERp)
但是效果都是差强人意
无敌美少女
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 已经给出一段代码了。
无敌美少女
请问 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)
无敌美少女
AMH软件商店会增加Docker吗?
AMH应用商店可以增加Docker吗?
差不多像宝塔那样可以直接安装Docker。
如果可以就方便弄为知笔记服务端了。
无敌美少女
请教一下,鸿蒙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),欢迎正在阅读的你也加入。»
无敌美少女
求推荐一本C++的,多线程,并发有关的书籍,名著之类的?
不是打广告,但是我真心不建议在面试之前这么紧张的时间去看大头书,我推荐小林coding的图解计算机等资料。
当时校招的时候这可帮了大忙。
如果真想啃书,我推一本 "CPP-Concurrency-In-Action" (https://link.segmentfault.com/?enc=W1xYQuc57RUJGDH6eBeaaA%3D%3D.AfXGh0ag8TZ3LW3isSyNW1m%2BJzD%2Bmy%2BmywYoNFauIYeYHXzk0qDab512X9PburtnqL4ogepmbvrZIr1cU6kXhIzJiFrFiQE7MrPm02Y7idw%3D)
无敌美少女
热点数据筛选优化策略?
你作为下游,其实要关注的是:
«自从上次同步后,哪些账户出现了变动?»
因此只要上游提供一个接口,提供指定时间点之后的变动账户列表,说白了就是根据 update_time 查询,然后返回满足条件的账户 ID
列表给你。你就只需要按照列表中的账户同步即可,这样就避免了无效查询。
无敌美少女
子组件修改父组件的问题,求助大佬?
子组件修改父组件的问题,求助大佬
这里说法是不是矛盾的,是我理解能力不够吗?测试代码,也是,父组件修改子组件能刷新,子组件修改父组件没反应,那个大佬能帮我看看是不是我代码有问题,还是文档有问题:
@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),欢迎正在阅读的你也加入。»
无敌美少女
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)
无敌美少女
一个简单的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块内的情况,,,
刚开始搞这玩意不太明白,恳请赐教.
无敌美少女
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)
然而,如果这个方法没有产生效果,你可以尝试:"简单地重启电脑",希望这对你有帮助,也希望你不会浪费像我一样的半个小时!