llwxi 最近的时间轴更新 llwxi 最近的时间轴更新 | llwxiV2EX 第 540464 号会员，加入于 2021-03-31 09:36:16 +08:00 |
| 想问一下公版的 4060ti 现在值得买吗 问与答 llwxi 2023-06-27 11:01:58 AM 最后回复来自 Takizawa | 7 |
| [深圳] [转租] [龙岗] [公寓单间] 泊寓， 1028 元/月 深圳 llwxi 2022-03-05 23:20:05 PM 最后回复来自 duck2 | 2 |
llwxi 最近回复了
346 天前 回复了 zhengfan2016 创建的主题 程序员 前端问题，假如为一个被很多地方用的基层组件加新功能，你会怎么做 |
先用第二种实现，后续如果有两个组件使用到了，封装一个<MusicThemeColorText>{title}</MusicThemeColorText> 之类的组件？
2024-04-24 22:43:11 +08:00 回复了 TravisMtg 创建的主题 前端开发 问问这个网站中的图表怎么做？ |
[rc-slider]( https://slider-react-component.vercel.app/demo/range)
[chart.js]( https://www.chartjs.org/docs/latest/samples/bar/floating.html)
```js
{
data: {
labels: n,
datasets: [{
label: "Articles",
data: l,
backgroundColor: "rgba(0, 123, 255, 0.2)",
borderColor: "rgba(0, 123, 255, 0.6)",
borderWidth: 1
}, {
label: "Filtered articles",
data: c,
backgroundColor: "rgba(0, 123, 255, 1)",
borderColor: "rgba(0, 123, 255, 1)",
borderWidth: 0
}]
},
options: {
animation: !1,
maintainAspectRatio: !1,
plugins: {
legend: {
onClick: ()=>{}
,
align: "center",
position: "top",
labels: {
boxHeight: 6,
font: {
size: 14
}
}
}
},
scales: {
y: {
title: {
text: "Number of articles",
color: "#64748b",
font: {
size: 14
}
},
border: {},
ticks: {
beginAtZero: !0,
display: !0,
autoSkip: !0,
maxTicksLimit: 10,
color: "#64748b",
stepSize: 1
},
grid: {
drawBorder: !1,
drawOnChartArea: !1
},
max: "small" === a ? 6 : void 0
},
x: {
stacked: !0,
title: {
display: !1,
text: "News significance",
color: "#64748b",
font: {
size: 14
}
},
ticks: {
align: "center",
maxTicksLimit: 11,
color: "#64748b"
},
grid: {
offset: !1,
drawBorder: !1,
drawTicks: !0,
drawOnChartArea: !1
}
}
}
}
}
```
[chart.js]( https://www.chartjs.org/docs/latest/samples/bar/floating.html)
```js
{
data: {
labels: n,
datasets: [{
label: "Articles",
data: l,
backgroundColor: "rgba(0, 123, 255, 0.2)",
borderColor: "rgba(0, 123, 255, 0.6)",
borderWidth: 1
}, {
label: "Filtered articles",
data: c,
backgroundColor: "rgba(0, 123, 255, 1)",
borderColor: "rgba(0, 123, 255, 1)",
borderWidth: 0
}]
},
options: {
animation: !1,
maintainAspectRatio: !1,
plugins: {
legend: {
onClick: ()=>{}
,
align: "center",
position: "top",
labels: {
boxHeight: 6,
font: {
size: 14
}
}
}
},
scales: {
y: {
title: {
text: "Number of articles",
color: "#64748b",
font: {
size: 14
}
},
border: {},
ticks: {
beginAtZero: !0,
display: !0,
autoSkip: !0,
maxTicksLimit: 10,
color: "#64748b",
stepSize: 1
},
grid: {
drawBorder: !1,
drawOnChartArea: !1
},
max: "small" === a ? 6 : void 0
},
x: {
stacked: !0,
title: {
display: !1,
text: "News significance",
color: "#64748b",
font: {
size: 14
}
},
ticks: {
align: "center",
maxTicksLimit: 11,
color: "#64748b"
},
grid: {
offset: !1,
drawBorder: !1,
drawTicks: !0,
drawOnChartArea: !1
}
}
}
}
}
```
2024-02-22 10:10:39 +08:00 回复了 BNineCoding 创建的主题 剧集 友友们好，求推荐美剧 or 美国动漫！~ |
珍的不一样
2023-12-11 09:04:40 +08:00 回复了 61162833 创建的主题 前端开发 前端问题求解（最强 AI ChatGPT 无法解决的问题） |
拖动的时候给 a 标签添加 `pointer-events: none` css 属性，停止拖动的时候去掉。这里应该在 mouesmove 里面加，写一个阈值，鼠标点击之后移动的距离超过这个阈值，就判断为拖动，不然的话就是点击。判断为拖动的时候加上面说的 css 属性
Select Language