云卿山手
针对一个目录,里面的忽略文件的规则功能实现是什么原理呢, 请问是否是开源的技术呢?
针对一个目录,里面的忽略文件的规则功能实现是什么原理呢, 请问是否是开源的技术呢?
比如:.gitignore
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
云卿山手
我想要基于br-a的commit-01 checkout 一个br-b,然后把`变化A`放到br-b中来,请问我应该怎么做呢?
可按照如下命令做到
git stash save "commit A"
git checkout -b br-b
git stash apply
云卿山手
VChart如何实现类似ECharts的profile 效果?
类似
("https://echarts.apache.org/examples/zh/editor.html?c=custom-p..." (https://link.segmentfault.com/?enc=LtknW9wtNExIDneKA7YvrQ%3D%3D.MCWlZsn4HYCleU5zmIkGG%2B%2F5mykkkI0Y62kkJZ%2F11r6bamH0diDsevYj6FHJhcqhFuNcKD1p1kWHp%2B3xWa3w%2BG7sTFIZ04XPtpZD7rDimF4%3D))这样的图表,VChart如何配置支持?
"图片" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/5784626a39b415c996cd4ecca99e0190.png)
云卿山手
为什么 python setup.py bdist_wheel 编译 wheel 会影响其他的包?
首先我用 sa 用户登录到一台 arm linux 上
然后
mkdir ~/pypi
cd ~/pypi
wget https://files.pythonhosted.org/packages/cf/01/e8a380dc6e92a76113f034c58c9ffdbd115753e9b944ddf5d2dbe862f248/pydantic-1.10.11.tar.gz
tar -xvzf ./pydantic-1.10.11.tar.gz
cd pydantic-1.10.11/
sudo yum install -y gcc make cmake python3-devel
准备好了一切工作,最后
python3 setup.py bdist_wheel
结果报错了
[sa@adv-node pydantic-1.10.11]$ python3 setup.py bdist_wheel
Traceback (most recent call last):
File "setup.py", line 7, in
from setuptools import setup
File "/usr/lib/python3.7/site-packages/setuptools/__init__.py", line 14, in
import setuptools.version
File "/usr/lib/python3.7/site-packages/setuptools/version.py", line 1, in
import pkg_resources
File "/usr/lib/python3.7/site-packages/pkg_resources/__init__.py", line 3112, in
@_call_aside
File "/usr/lib/python3.7/site-packages/pkg_resources/__init__.py", line 3096, in _call_aside
f(*args, **kwargs)
File "/usr/lib/python3.7/site-packages/pkg_resources/__init__.py", line 3125, in _initialize_master_working_set
working_set = WorkingSet._build_master()
File "/usr/lib/python3.7/site-packages/pkg_resources/__init__.py", line 569, in _build_master
ws = cls()
File "/usr/lib/python3.7/site-packages/pkg_resources/__init__.py", line 562, in __init__
self.add_entry(entry)
File "/usr/lib/python3.7/site-packages/pkg_resources/__init__.py", line 618, in add_entry
for dist in find_distributions(entry, True):
File "/usr/lib/python3.7/site-packages/pkg_resources/__init__.py", line 1965, in find_on_path
for dist in factory(fullpath):
File "/usr/lib/python3.7/site-packages/pkg_resources/__init__.py", line 2027, in distributions_from_metadata
if len(os.listdir(path)) == 0:
PermissionError: [Errno 13] Permission denied: '/usr/local/lib64/python3.7/site-packages/torchvision-0.14.1.dist-info'
我不理解,我在 "/home/sa/pypi/pydantic-1.10.11" 下面执行 "python3 setup.py bdist_wheel"
关系统路径什么事情?关这个 torchvision 什么事情?
云卿山手
在图表层面监听事件,是否可以通过event 参数获取具体点击的元素类型,类似于dom 的 target 参数?
解决方案 Solution
可以实现的,VChart实例上提供了事件的注册和卸载,您可以通过
"chart.on(event: string, callback: (params: EventParams)=> void): void"
监听不同的事件类型,并通过回调函数拿到上下文信息。如果要区分您是在axis/legend/item上触发的不同事件,可以事件过滤来实现,并传入
"{ level: 'model' | 'mark', type: 'axis' }",
其中"'model'"表示图表组成元素模型类型,"'mark'"表示图表item元素。
比如:
"vchart.on('pointerdown', { level: 'model', type: 'axis' }, (params) => {})"。
当我点击了坐标轴,便可以拿到具体的参数。
更多的事件类型及参数可以参考:"https://www.visactor.io/vchart/api/event" (https://link.segmentfault.com/?enc=hvhtpx3Jf9%2FJ3vVC9Bx0sA%3D%3D.GPYa0ks4LXf9ophxbt4x%2FQEwI0ehp1f956kaxa6gDR3tokYGgGCZDX6JmU6Gam7y)。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250106/1e62c7bc4ddbeb5be62fb0e45630965a.png)
代码示例 Code Example
const spec = {
type: 'bar',
data: [
{
id: 'barData',
values: [
{
State: 'WY',
Age: 'Under 5 Years',
Population: 25635
},
{
State: 'WY',
Age: '5 to 13 Years',
Population: 1890
},
{
State: 'WY',
Age: '14 to 17 Years',
Population: 9314
},
{
State: 'DC',
Age: 'Under 5 Years',
Population: 30352
},
{
State: 'DC',
Age: '5 to 13 Years',
Population: 20439
},
{
State: 'DC',
Age: '14 to 17 Years',
Population: 10225
},
{
State: 'VT',
Age: 'Under 5 Years',
Population: 38253
},
{
State: 'VT',
Age: '5 to 13 Years',
Population: 42538
},
{
State: 'VT',
Age: '14 to 17 Years',
Population: 15757
},
{
State: 'ND',
Age: 'Under 5 Years',
Population: 51896
},
{
State: 'ND',
Age: '5 to 13 Years',
Population: 67358
},
{
State: 'ND',
Age: '14 to 17 Years',
Population: 18794
},
{
State: 'AK',
Age: 'Under 5 Years',
Population: 72083
},
{
State: 'AK',
Age: '5 to 13 Years',
Population: 85640
},
{
State: 'AK',
Age: '14 to 17 Years',
Population: 22153
}
]
}
],
xField: 'State',
yField: 'Population',
seriesField: 'Age',
stack: true,
legends: {
visible: true
},
bar: {
// The state style of bar
state: {
hover: {
stroke: '#000',
lineWidth: 1
}
}
}
};
const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderAsync();
vchart.on('pointerdown', { level: 'model', type: 'axis' }, (params) => {
console.log('params', params)
});
// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;
结果展示 Results
在线效果参考:"https://codesandbox.io/s/event-register-97tjkg" (https://link.segmentfault.com/?enc=ww1AymQEDpdGK%2BgyALEqbA%3D%3D.H%2FWRZk%2FfwoNOJAUhOAQ2pS3hq018b40vATK3rdB0%2FuL7x%2BSNPIOKVjQn3orHqqWq)
"Sep-07-2023 13-08-32.gif" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250106/89d41ba4ea672a61d651b0a49e993ef7.png)
相关文档 Related Documentation
事件教程:"https://www.visactor.io/vchart/guide/event" (https://link.segmentfault.com/?enc=ksc7ZvB%2Flga4c0J0%2F4MJZg%3D%3D.gioS8UUSr1GQ6IeH4PQ5918UHSbRogVCofEyLATsPpFQfgxm6s%2B6fjv5JYUrX65v)
相关api:"https://www.visactor.io/vchart/api/event" (https://link.segmentfault.com/?enc=hGMatCgBAB23Hl9WcdiJCQ%3D%3D.xXYB%2BLkwVuqjReHMYD71YfBxUpBQdwFqSixFDkb5Om5ubNKhJi1EMMVOkH8X%2Beob)
github:"https://github.com/VisActor/VChart" (https://link.segmentfault.com/?enc=f3wxtRI246qJ5NymGxnPKg%3D%3D.V1v0j9R0t9w3M9dcX74a0Abl6ILhllkWeVYiKq6JzQcf5WG97ayxRHVvJEmzKQ0l)
云卿山手
请问如何进行使用添加Button在antd/Collapse 的label上,点击Button,不触发折叠的事件?
基于antd 的 折叠块 我使用此代码做到:
折叠块的使用(添加了一个按钮)
import type { CollapseProps } from 'antd';
import { Collapse, Button } from 'antd';
const text = `
A dog is a type of domesticated animal.
Known for its loyalty and faithfulness,
it can be found as a welcome guest in many households across the world.
`;
const items: CollapseProps['items'] = [
{
key: '1',
label: This is panel header 1 {
if(e.preventDefault) {
e.preventDefault()
}
console.log(e)
console.log('123')
}}
>您好,
children: {text},
},
{
key: '2',
label: 'This is panel header 2',
children: {text},
},
{
key: '3',
label: 'This is panel header 3',
children: {text},
},
];
const TestComp: React.FC = () => {
const onChange = (key: string | string[]) => {
console.log(key);
};
return ;
};
export default TestComp;
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/bf367821844718cc1e6594ccbf733f91.png)
基于此折叠款,我加了一个按钮,但是现在有一个需求就是点击折叠块上面的header可以折叠,但是我不想点击button它也折叠。我尝试了用:
if(e.preventDefault) {
e.preventDefault()
}
但是并不生效。
云卿山手
前后端分离统一身份认证流程?
你的理解没问题:
"1695093420725.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241227/83cc1efcc14d322df8c2c81f7ded659a.png)
"企业微信截图_16950942341779.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241227/38c19a04ab2eda67655220e38969ba54.png)
云卿山手
使用动态表头时,拖动改变表格宽度之后,取消某个表头勾选时,表格展示会错位,这个要怎么解决?
使用的是element-plus,使用动态表头时,拖动改变表格宽度之后,取消某个表头勾选时,表格展示会错位,这个要怎么解决?
云卿山手
axios响应数据类型怎么定义?
举个例子吧:
interface Respones{
code : number;
data : any
}
function getTableData(fileData : any){
return axios.get('/get')
}
getTableData(fileData)
.then(({ code, data }) => {}
云卿山手
在移动端,js如何禁止两个按钮被同时点击?
使用一个全局变量就可以了:
// 1连抽的按钮点击事件处理函数
handleClick () => {
if (loading) return;
loading = true;
// 处理逻辑
loading = false;
}
// 5连抽的按钮点击事件处理函数
handleClick5 () => {
if (loading) return
loading = true;
// 处理逻辑
loading = false;
}
云卿山手
js 获取时间戳问题?
let now = new Date();
// 把时、分、秒和毫秒都设置成 0
now.setHours(0, 0, 0, 0);
// 获取时间戳
let timestamp = now.getTime();
console.log(timestamp);
云卿山手
前端如何向后端发送符合restful风格的url?
最近刚刚接触到restful风格,即将查增删改分别用get、put、delete、post方式发送
Java后端,对前端不太了解,比较好奇前端如何向后端发送上述四种请求?
云卿山手
docker部署项目,nginx容器对后端api反向代理,nginx报错404?
这里应该是nginx配置文件没有匹配到。
nginx匹配的规则是这样的,先根据 "listen 端口" 来匹配,如果客户端请求的 端口 能匹配上,那么就会根据 server_name 来匹配,如果
server_name 和请求的 Host 能匹配上,nginx就会用匹配上的这个server块处理请求,如果匹配不上,那么就会使用默认的server块。
猜测配置文件的 server_name 应该和实际访问 nginx 携带的Host是不匹配的,所以请求没有匹配到这里,走到了默认的server块了。
解决方法:可以把 "server_name" 改成你实际的域名,匹配上了应该就没问题。
或者,把listen端口改成一个其他的值,比如81,然后把端口映射8848重新映射到81端口。这样nginx就能正常匹配到了。
云卿山手
请问script上的name是用来干什么的?
"1696943549024.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241213/e3137628a4873fcf2dc40146ab23929c.png)
云卿山手
vscode代码格式化和配置问题?
1. 格式化的问题,如果环境都搞完的话,我建议你格式化的时候看一下"vscode"的输出里,选择"eslint"或者"prettier"的输出,查看有没有报错信息,如果有根据报错信息再看怎么调整,如果没有,那就看"prettier"具体配置了。
2. "Path Autocomplete"插件,这个插件我个人不用了,一般现在前端项目里,导入的提示和跳转,是通过"jsconfig.json"或者"tsconfig.json"里的"paths"字段设置的,打包产物通过"webpack"、"vite"等打包工具的配置设置的。
云卿山手
查询手机运营商及归属地 应用场景?
前几天收到一个笔试题,让查询手机运营商及归属地,我想问一下,如果想在他给定的要求基础上想做一点创意性实验性的功能,都可以做啥?以及这个查询手机运营商及归属地功能的应用场景是什么?【总不能是为了笔试而随便整的一个没有应用价值的要求吧?】
试题附下:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241211/8d28468deac13cfd26c6ea2e89e22683.png)
云卿山手
前端如何实现线上签名功能?
以下是我的一个demo,想问问还有没有大神有其他实现方案
在线签名
清除签名
保存签名
// 获取canvas元素
const canvas = document.getElementById('signatureCanvas');
const ctx = canvas.getContext('2d');
// 设置画笔属性
ctx.lineWidth = 2;
ctx.strokeStyle = 'black';
// 初始化签名状态
let isDrawing = false;
let lastX = 0;
let lastY = 0;
// 鼠标按下时开始签名
canvas.addEventListener('mousedown', (e) => {
isDrawing = true;
[lastX, lastY] = [e.offsetX, e.offsetY];
});
// 鼠标移动时绘制签名
canvas.addEventListener('mousemove', draw);
// 鼠标抬起时停止签名
canvas.addEventListener('mouseup', () => isDrawing = false);
canvas.addEventListener('mouseout', () => isDrawing = false);
// 清除签名
const clearButton = document.getElementById('clearButton');
clearButton.addEventListener('click', () => {
ctx.clearRect(0, 0, canvas.width, canvas.height);
});
// 保存签名(生成签名图片)
const saveButton = document.getElementById('saveButton');
saveButton.addEventListener('click', () => {
const signatureImage = new Image();
signatureImage.src = canvas.toDataURL();
document.body.appendChild(signatureImage);
});
// 绘制函数
function draw(e) {
if (!isDrawing) return;
ctx.beginPath();
ctx.moveTo(lastX, lastY);
ctx.lineTo(e.offsetX, e.offsetY);
ctx.stroke();
[lastX, lastY] = [e.offsetX, e.offsetY];
}
云卿山手
js 正则表达式匹配ipv4和ipv6的问题?
老师们怎么将这两个正则表达式合并成一个, 既能检查IPV4又能检查IPV6地址?
仅匹配ipv4或ipv6匹配都是正常的。
搞了好久搞不出来了... 请老师们指点一下。
// ip地址校验和子网
ip: /^((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])|((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\/(?:[1-9]|[12][0-9]|3[012])))$/,
// ipv6地址检查和验检查
ipv6: /^(?:(?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4}|(?:[0-9A-Fa-f]{1,4}:){1,7}:|(?:[0-9A-Fa-f]{1,4}:){1,6}:[0-9A-Fa-f]{1,4}|(?:[0-9A-Fa-f]{1,4}:){1,5}(?::[0-9A-Fa-f]{1,4}){1,2}|(?:[0-9A-Fa-f]{1,4}:){1,4}(?::[0-9A-Fa-f]{1,4}){1,3}|(?:[0-9A-Fa-f]{1,4}:){1,3}(?::[0-9A-Fa-f]{1,4}){1,4}|(?:[0-9A-Fa-f]{1,4}:){1,2}(?::[0-9A-Fa-f]{1,4}){1,5}|[0-9A-Fa-f]{1,4}:(?:(?::[0-9A-Fa-f]{1,4}){1,6})|:(?:(?::[0-9A-Fa-f]{1,4}){1,7}|:)|fe80:(?::[0-9A-Fa-f]{0,4}){0,4}%\w+|::(?:ffff(?::0{1,4}){0,1}:){0,1}(?:(?:2[0-4]|1\d|[1-9])?\d|25[0-5])\.(?:(?:2[0-4]|1\d|[1-9])?\d|25[0-5])\.(?:(?:2[0-4]|1\d|[1-9])?\d|25[0-5])\.(?:(?:2[0-4]|1\d|[1-9])?\d|25[0-5])|(?:[0-9A-Fa-f]{1,4}:){1,4}:192\.88\.99\.(\d{1,3})|(?:[0-9A-Fa-f]{1,4}:){1,4}:192\.0\.2\.(\d{1,3})|(?:[0-9A-Fa-f]{1,4}:){1,4}:(?:[0-9A-Fa-f]{1,4}:){0,1}192\.0\.0\.(\d{1,3})|ff00:(?::[0-9A-Fa-f]{0,4}){0,4}|(?:[0-9A-Fa-f]{1,4}:){1,4}:255\.255\.255\.255)(?:\/([7-9]|[1-9]\d|1[01]\d|12[0-8]))?$/
云卿山手
全局注册的组件在vscode中标签为什么提示“找不到名称”?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241127/cde7219425c021fe0b0b9d0833d5afba.png)
组件是这样注册的,在页面上也能正常显示,就是vscode报错,是不是要配置eslint
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241127/35ab8eb535c795f55637932edd928a59.png)
如果是小写的话就不报错
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241127/19c4ea3a594870b8f6038a87e5643d88.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241127/7b755f24d78ddbc3f9943e53a797e6de.png)
写几个不存在的标签试了一下,只要是有字母大写就会报错,小写或者有连字符就不会报错
云卿山手
VUE3+element-plus如何在组件内动态加载element-plus组件?
系统使用了element-plus按需载入的方式
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241127/21f8e36661c87abb1b390de3c998806c.png)
我需要在一个组件内动态加载某些组件
async function loader(type: keyof typeof Modules) {
return defineAsyncComponent({
loader: () => import('element-plus')['ElInput']
})
}
这个loader方法一直无法正确渲染相应组件,例如type传入“ELInput”时系统会报个警告
[Vue warn]: Component is missing template or render function.
at
at
at
at
at
at
at ref=Ref key="/home/fuck" >
at
at
at
at
at
at
at
at ref=Ref >
at
at
at
尝试过"import('element-plus/lib/components/ElInput')"这种写法页不行,报错:"[plugin:vite:import-analysis] No known conditions for "./lib/components/ElInput" specifier in "element-plus" package"
求大神指导
云卿山手
公众号分享wx.config出错?
你把你网页路由模式由hash改成history,然后再请求应该就没问题了
云卿山手
vue3 watchEffect 自动卸载时机引发的疑问?
个人背景: 一枚前端开发
问题场景: 在开发的时候,有这样一个需求,有一个类似于进度条进度的数据 mockData
,A,B,页面都需要使用到这个数据,所以我选择把它放到全局的 pinia 里管理。并且在 A 页面用户点击按钮的时候,开始观察 mockData
的变化。(我这里选择使用了 wathcEffect)
场景模拟:
1. 这是 mockDataimport { ref } from "vue";
const count = ref(0); //全局的进度条 mockData
setInterval(() => {
count.value++; // 不停 +1
console.log("count.value", count.value);
}, 1000);
export { count };
2. 这是 A 页面的代码, B 页面没有什么重要的代码,只是作为一个路由跳转到的界面而已。(无需关系 B 页面做了什么)import { watchEffect } from "vue";
import { useRouter } from "vue-router";
import { count } from "@/count++";
const router = useRouter();
function test() {
watchEffect(() => {
const a = count.value;
console.log("a", a);
if (a === 10) {
router.replace("/red");
}
});
}
click
3. 我进到 A 页面点击按钮,开始观察 mockData 的变化,当 a 到10的时候,页面跳转 到 B 页面。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241120/a92a522388c02aa5a61165d92c57c8e9.png)
4. 此时错误的预期发生了,页面到了 B ,但是对 a 的打印还在输出。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241120/0d8656b13133117d473843f9dcbfe666.png)
5. 我将 watchEffect 移出函数,则一切正常
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241120/b620b1e0e701dac52b4043e2c05fce10.png)
问题: 为什么会导致这样的现象呢?为什么页面都消失了,但是对于 a 的watch 还没停止。
云卿山手
如何做一个服务器专门用于 前端的打包工作?
有现成的啊。jenkins啊
云卿山手
react函数组件setState问题?
单从你的字面来看 "useRef" 也是能解决的
云卿山手
onclick 点击拿到removeMarker的方法?
看文档里面这个参数还可以是 HTMLElement,那我更建议你传一个 HTMLElement 过去。
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241110/0e1ee29260213bc27641fdc7c75cf8b8.png)
***
创建一个 DOM 对象,然后绑定事件
function createElementFromHTML(htmlString) {
var div = document.createElement('div');
div.innerHTML = htmlString.trim();
return div.firstElementChild;
}
const el = createElementFromHTML(contentHtml)
el.addEventListener('click', () => {
this.removeMarker();
})
...
content: el,
...
* "javascript - Creating a new DOM element from an HTML string using built-in DOM methods or Prototype - Stack Overflow" (https://link.segmentfault.com/?enc=oTQrkp2qpb7rJqVlUlLO%2FQ%3D%3D.DdWgnjfLduRBHn1GeJWFLoTBE45LhCtgNPOKLRfWt1xZQk6U2pehcZT8Ip93qc2auQnvQNRpCHP6DeCmrNe%2Fgy1hJjd6mRFC4GTRgDtARQCpYuUUR%2FULFL6QbeVMei4LwfEP%2FXvMTXJYhQBrKxYL3rlt8abBoHhHG%2F7e4kN19S0%3D)
官方的示例里面也是类似的做法。
* "自定义样式信息窗体-信息窗体-示例中心-JS API 示例 | 高德地图API" (https://link.segmentfault.com/?enc=%2Bxe98aNfG40fA38pLcKfFA%3D%3D.2URZAhPzK9Tr8guIIGEibQ7Di6N9qEm0ElGyaavbxIBPAHyGwQkGVNNpS6%2F3Lnjpnr5tRrLEe3ko28PXbq%2Fs0KKQQiC12SbDhfFKxwDQsoZMqbRcK6ljjmnJXSF4MqKD)
云卿山手
关于JVM的字符串常量池 ,这篇文章是不是说错了?
堆 也是内存的一部分。
在Java中,内存分为两种,一种是栈内存,另一种就是堆内存。
云卿山手
vscode如何修改填充模版?
第一步:打开网址"https://snippet-generator.app/?description=&tabtrigger=&snipp..." (https://link.segmentfault.com/?enc=kGYTQp19B09F0erHUhBrAw%3D%3D.nlVp7ImYwYYOeKJzCWXvZXQ%2FnXqW%2FKRnVI09CCSyR81qJj5mjHi9yBEsIhMbXJleCTC3vVTnnb0GHoIoVwOCO8EjzjfL7uPwQqH%2FZEYnmvw%3D),填写以下内容https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/068f1f5ba686f8d67abddde892b8b3fc.png
第二步:首选项-》配置用户代码片段,可以选择新建全局的或者局部文件夹的https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/3df8741906f83d230c3fef1a8482bf7e.png
第三步:https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/c511697d12240bf8f8fd5473ce6403bf.png
第四步:编辑器内新建文件后,输入代码片段的命名,会有提示,选择对应命名,就可以快速新建啦!比如:我命名了atd-modal的代码片段https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241106/91d04881d44b68b9015d64faf8b1c3dc.png
云卿山手
go语言websocket,如何实现100万连接,并且部署在多台服务器,用户的channel还可以互相通信?
我用go语言写了个websocket,但如何实现100万连接,并且部署在多台服务器,连接与连接之间可以互相通信
云卿山手
类似卡券的布局请问怎么实现?
像这种卡券的缺口请问如何实现,如果背景是纯色直接定位个纯色上去也就没啥问题,但这种背景渐变的显然不行,请巨佬贴个demo给我学习一下谢谢
https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/a15ce1b779c247d241aa0d2398f3abec.png
云卿山手
网站控制台打开后内容被清空?
监听打开浏览器控制台(网上很多方案,几乎是百度第一个搜索结果就能找到),
然后执行"console.clear()"再路由跳转到"/notFound",
很基础的反爬
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/e284f835384685ecca98a2cb0c2eae6c.png)
云卿山手
vue3.2全局导入组件-路径问题?
import { defineAsyncComponent } from 'vue'
export default {
install(app) {
// 获取当前路径任意文件夹下的 index.vue 文件
const requireComponent = require.context('@/lib/', true, /\.vue$/)
requireComponent.keys().forEach((fileName) => {
const componentName = fileName.split('/').pop().replace('.vue', '') // 获取组件名
const componentPath = requireComponent(fileName).default
const component = defineAsyncComponent(() => {
return new Promise(resolve => {
resolve(componentPath)
})
})
app.component(componentName, component)
})
}
}
经测试将lib/index.js 改为如下代码即可
云卿山手
学生成绩管理系统数据库设计详解?
学生成绩管理系统数据库程序设计
系统功能基本要求
学生信息,学号、姓名、性别、专业、年级等;学生成绩信息,包括学号、课程编号、课程名称、分数等。课程信息,包括课程编号、课程名称、任课教师等。对学生成绩的查询(不能任意修改)、统计,并将结果输出。
系统功能基本要求
学生信息,学号、姓名、性别、专业、年级等;学生成绩信息,包括学号、课程编号、课程名称、分数等。课程信息,包括课程编号、课程名称、任课教师等。对学生成绩的查询(不能任意修改)、统计,并将结果输出。
云卿山手
Vue3+Element-Plus 项目是否只能使用 TypeScript?
小白想要提问一个小白问题
使用vue3+element-plus做的项目是否只能使用ts呢?
麻烦各位大佬们回复一下吧,谢谢您们
想要使用js,但是怕显示不出来或者是不识别。所以想要问一下。
云卿山手
有了 flex: 0 0 25%; 还要加 max-width: 25%; 吗?
不用max-width,里面的内容会将所在的容器撑大的
云卿山手
请问有哪些轻量级的日志文件查看工具?
请问有哪些轻量级的日志查看工具,
需求是可以通过配置 .log 文件的路径,实现在网页上查看
云卿山手
js配置了eslinst,声明了一个函数,函数的参数在中间,没有使用到,如何规避或者去掉错误提示?
js配置了eslinst,声明了一个函数,函数的参数在中间,没有使用到,如何规避或者去掉错误提示
"2672DF4D-3E67-452f-9BA7-F5FB127FE47C.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241023/6f4ee81a8876d30ec7409ac534a7c2c0.png)
云卿山手
Vue3中的onBeforeEnter未触发原因?
问一个vue3 setup语法糖中使用onBeforeEnter的问题
//使用接口继承ComponentPublicInstance 增加getSOME(指定)方法
interface VmInstance extends ComponentPublicInstance {
getSOME(): void
}
export default defineComponent({
beforeRouteEnter(to, from, next) {
next((vm) => {
//将vm赋值 as 新的类型
const instance = vm as VmInstance
console.log(from)//获取form判断路由来源
//调用指定的方法或者根据需要进行逻辑判断操作
instance.getSOME()
})
}
})
// beforeRouteEnter
//引入defineComponent,ComponentPublicInstance
import { defineComponent, ComponentPublicInstance } from "vue"
const getSOME = () => {
//进行某种操作
}
defineExpose({ getSOME })
这段代码是网上搜索的。但是在项目中没有进入beforeRouteEnter,不知道是什么问题。项目中这个路由是有keep-alive缓存的。或者大家有没有更好的方法,在vue3中监听到其他路由跳转到本组件
解决问题
云卿山手
如何实现AMH用户、用户组和权限的独立设置?
可以分别设置『权限值』或『用户组』权限的。
点选项的名称就可以关闭或开启,如以下图:
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/23dd5a6ab3fa3d8c1283bcb4dda0bb79.png
云卿山手
2024年前端客户端主流开发技术栈有什么?
2024年,客户端(安卓、iOS、Windows、MacOS、Linux)的主流开发技术栈是什么?
我知道Flutter,他会成为主流,值得学习嘛?
云卿山手
PHP strtotime函数与时区问题?
"strtotime" 函数使用默认时区,如果你的"date_default_timezone_get"获取到是"PRC",正常是没问题的。
可以试下这代码:
ini_set('date.timezone', 'PRC');
echo date_default_timezone_get(), PHP_EOL;
echo strtotime('today'), PHP_EOL;
echo date('Y-m-d H:i:s', strtotime('today'));
效果见:"https://3v4l.org/ICbJv" (https://link.segmentfault.com/?enc=Lf1QU%2BMmsoJAu2GaL1auGQ%3D%3D.T%2BI%2BhX8NBL69kCZzZ9SKW%2F2oLHUGzTHOEPvD4Z9KirY%3D)
云卿山手
vue3: v-model如何传递多层嵌套属性?
首先这个问题跟 Vue 无关,而是基础的 JS 语法问题。
const a = {
b: {
c: {
d: 'foo'
}
}
}
const key = 'c.d';
const val = a.b[key];
console.log(val);
问:上面的代码会输出什么?
如果你能明白为什么,那么这个问题也就很好理解了。
如果你真的想要这种深层路径的属性取值/赋值,你可以利用 lodash 库提供的 "_.get()"、"_.set()" 这两个方法。
其次这里用 v-model 就不合适了(虽然其实也能实现,但写法会比较 ugly),但 v-model 本来就是一个语法糖,它实质会被解析成 v-bind
+ v-on:update,那么你直接写成 v-bind + v-on:update 就好了。 _.set(data, path, e)" />
云卿山手
关于这个Flex布局,请大家帮忙分析下?
"演示Demo" (https://codepen.io/ZJRui/pen/vYboEmq)
图中 一个flex容器内部有四个div元素,
div内部的img的宽度设置为100px。
默认情况下flex-wrap=nowrap flex子项会一行显示且不允许换行,因此可能会出现宽度溢出的问题。
问题1
“因此可能会出现宽度溢出的问题” : 这个宽度溢出应该也是有 条件的吧? 虽然flex子项的累计宽度大于flex容器,但是默认情况下
flex子项是允许收缩的。 如果收缩以后还是超出flex容器的宽度,那才会出现溢出。
我的这个理解对吗?
问题2
基于问题1, 上面的四个flex 子项div, 为什么他们没有收缩 适应fle容器的宽度,而是选择了溢出?
flex子项他们有最小宽度限制吗? 我看div和img的min-width都是0px,并没有最小宽度限制。
问题3
为什么css 中设置了
img {
max-width: 100%;
}
就能让四个图片收缩到 适应flex容器的宽度,而不会出现溢出的情况。
b
云卿山手
如何理解netstat的本地地址和外部地址?
我在服务器上执行如下命令:
"netstat -anp | grep 6379"
查看redis的6379端口情况,结果如下所示:
[root@test001 ~]# netstat -anp | grep 6379
tcp 0 0 0.0.0.0:6379 0.0.0.0:* LISTEN 949/redis-server 0.
tcp 0 0 192.168.0.11:55160 41.92.250.40:6379 ESTABLISHED 3184/php7.4
tcp 0 100 127.0.0.1:6379 127.0.0.1:42116 ESTABLISHED -
tcp 0 0 192.168.0.11:55164 41.92.250.40:6379 ESTABLISHED 3216/php7.4
tcp 0 0 127.0.0.1:41684 127.0.0.1:6379 TIME_WAIT -
tcp 0 0 127.0.0.1:41688 127.0.0.1:6379 TIME_WAIT -
tcp 0 0 127.0.0.1:37384 127.0.0.1:6379 ESTABLISHED 29046/php
tcp 0 0 127.0.0.1:42116 127.0.0.1:6379 ESTABLISHED 30970/php-fpm: pool
tcp 0 0 192.168.0.11:6379 41.92.250.40:55164 ESTABLISHED 949/redis-server 0.
tcp 0 0 192.168.0.11:55156 41.92.250.40:6379 ESTABLISHED 3182/php7.4
tcp 0 0 192.168.0.11:6379 41.92.250.40:55156 ESTABLISHED 949/redis-server 0.
tcp 0 0 127.0.0.1:6379 127.0.0.1:37384 ESTABLISHED 949/redis-server 0.
tcp 0 0 127.0.0.1:41682 127.0.0.1:6379 TIME_WAIT -
tcp 0 0 192.168.0.11:6379 41.92.250.40:55160 ESTABLISHED 949/redis-server 0.
上面的192.168.0.11是内网地址,41.92.250.40是公网地址(当然为了安全我这边是随便改了不是真实的地址)
阿某云买的服务器,上面有两个ip
41.92.250.40(公)
192.168.0.11(私有)
现在我对Local Address 本地地址还有Foreign Address 外部地址不懂,比如以第二条数据为例:
tcp 0 0 192.168.0.11:55160 41.92.250.40:6379 ESTABLISHED 3184/php7.4
这里的55160端口是什么?还有和他配对的是不是最后一条
tcp 0 0 192.168.0.11:6379 41.92.250.40:55160 ESTABLISHED 949/redis-server 0.
感觉正好反过来似的,如何理解这两对的地址加端口?
我的问题是:
1. 如何理解本地地址和外部地址?
2. 上面样例的55160端口是什么意思?以及55160对应的ip地址一下192.168.0.11一下41.92.250.40,不太懂
云卿山手
原生js插件,有哪些好的树形插件?
"http://jstree.cndoc.wiki/doc/210" (https://link.segmentfault.com/?enc=Ne7W9ynGQHbRQe6M0qoVQw%3D%3D.Ymx1b2nENO1BPkP7NgMpQvYxMYLiB2bxLUaO1FwHqt09gQ3YRZg3%2Bo3n9JBdZD7y)
应该可以满足你的需求
云卿山手
如何自定义uniapp中switch开关的未选中颜色?
//color改变颜色
这里用这个属性改变组件中关闭的颜色,开启的话直接在结构标签中书写即可
/deep/ uni-switch .uni-switch-input:before{
background-color: red;
}
官方文档:
"https://uniapp.dcloud.net.cn/component/switch.html#switch" (https://link.segmentfault.com/?enc=t3%2BQyN0MHeu7luw%2FQgN2dw%3D%3D.6d1Oc%2Bn27FMGLjoLmHcDZmaJ5PX6Dsa3dRpnq5T%2B7FmNCcWAnmIE3X91z8C%2F9jbCRBsgAv5qMr27C5sGR%2B45Ww%3D%3D)
还不行的话就在APP.vue 增加
在app.vue里加入这段样式
/deep/ uni-switch .uni-switch-input:before{
background-color: #ccc;
}
云卿山手
目前的开源视觉大模型有哪些?
还有 MiniCPM-V 2.6
参考:
* "https://modelscope.cn/models?name=MiniCPM-V%202.6&page=1" (https://link.segmentfault.com/?enc=dIDrpM3NPWynpqi%2BjsY7UA%3D%3D.vkziD%2BSlcle00N70oJV8h31dJw8Upb33Ui3bPogN%2Fw0SZ1K8FhFdalsXtb9qZ6%2FjP2tp4f7496R2NlyIy96hZw%3D%3D)
* "https://mp.weixin.qq.com/s/bB1QHn7k7N8BytZwZlnSXg" (https://link.segmentfault.com/?enc=d5CTGrkRnXt7SQPyKbPKBQ%3D%3D.4aXJ9mVhptEZvbp4S4ZBq0M%2Fisvkm9ZI4%2Fvwif9CA39A3QVbgDfMsxuePXQda1cRgptGD%2FL1gQdYicC5BKIMSA%3D%3D)
————
还有阿里巴巴的 Qwen2-VL
云卿山手
如何通过import $ from jquery导入jquery?
如何通过import $ from jquery导入jquery?
npm init -y
npm install jquery
// index.js
.....
import $ from jquery
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/9219db0caf62dab438eb70c47937ea22.png)
我想可能是因为jquery不支持"import","export"语法的,需要先进行转换,在"npm上的jquery介绍里" (https://link.segmentfault.com/?enc=F7LdYpYQMnK5O2Rev6xDiw%3D%3D.uetDrqbrM67D96ySRA%2FcFL%2BaF%2BMc%2FKfit3SBeetMEbyns1DFUHz1sHT4XvEquq5c)上也提到了"webpack,browser, babel"
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/ecded481b0f7469cdee597c037c15e2b.png)
云卿山手
通过vue3+element-plus实现el-table的子列表懒加载?
"recording.gif" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241012/83292cc71e84d03af244372d50e22c78.png)
观察了下文档里示例的行为 不展开的时候这个元素都不渲染,数据多了也不会卡吧。除非所有行都被展开
云卿山手
怎么在 Liquid 中解析调用的文件(列表)类型的元字段?
哈喽,少了一个value哈,获取自定义元字段的方法是:
{{ product.metafields.custom.product_pictures.value }}
云卿山手
js或者node能否做到实时把语音传到后台?
js或者node能否做到实时把语音传到后台?
如果可以的话能否监听到是否有声音(需要做有声音实时传输,没声音就不传输,或者能分割出有声音和没声音的部分,类似这个意思['有声音', '', '有声音'])
总体需求的通过前端把语音实时传给后端,后端翻译后在将文本实时返回给前端,所有一切都是实时的,