刘传疯子
问一个多表查询的简单问题?
有两张表,分别储存产品信息与检测信息
检测信息表procheck中pro_id关联到产品信息表pro中的id,每个产品对应有多个检测信息记录
我现在需要把某个公司(产品表中company_id)生产的所有产品的最新一次检测报告调出来?
SELECT `pro`.`id`,`pro`.`pm`,`pro`.`company_id`,procheck.id AS procheck__id,procheck.pro_id AS procheck__pro_id,procheck.checkdate AS procheck__checkdate FROM `da_pro` `pro` LEFT JOIN `da_procheck` `procheck` ON `pro`.`id`=`procheck`.`pro_id` WHERE `pro`.`company_id` = 487
但是得出的结果却是:
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20250121/1fc0154e7d3cecbee677766287c8508b.png)
全部给我找了出来,而我真正需要的是箭头上的三条即可。
求SQL语句.....
刘传疯子
地图如何根据数值自定义区块颜色?
解决方案 Solution
在 VChart 中,可以通过地图图元样式配置中,填充色("fill")的回调函数来实现你的需求,类似:
const colorGroup = [
{
range: [1, 100],
color: 'rgb(252,250,97)'
},
{
range: [101, 200],
color: 'rgb(252,150,134)'
},
{
range: [201, 300],
color: 'rgb(87,33,15)'
}
];
area:{
style: {
fill: (datum) => {
const res = colorGroup.find(item => item.range[0] = +datum.value);
return res ? res.color : 'WhiteSmoke';
}
}
}
代码示例 Code Example
const spec = {
type: 'map',
data: [
{
values: [
{
name: 'Alabama',
value: 0
},
{
name: 'Alaska',
value: 140
},
{
name: 'Arizona',
value: 39
},
{
name: 'Arkansas',
value: 62
},
{
name: 'California',
value: 235
},
{
name: 'Colorado',
value: 49
},
{
name: 'Connecticut',
value: 137
},
{
name: 'Delaware',
value: 149
},
{
name: 'District of Columbia',
value: 285
},
{
name: 'Florida',
value: 198
},
{
name: 'Georgia',
value: 53
},
{
name: 'Hawaii',
value: 41
},
{
name: 'Idaho',
value: 82
},
{
name: 'Illinois',
value: 240
},
{
name: 'Indiana',
value: 273
},
{
name: 'Iowa',
value: 101
},
{
name: 'Kansas',
value: 215
},
{
name: 'Kentucky',
value: 41
},
{
name: 'Louisiana',
value: 37
},
{
name: 'Maine',
value: 107
},
{
name: 'Maryland',
value: 62
},
{
name: 'Massachusetts',
value: 61
},
{
name: 'Michigan',
value: 134
},
{
name: 'Minnesota',
value: 241
},
{
name: 'Mississippi',
value: 259
},
{
name: 'Missouri',
value: 144
},
{
name: 'Montana',
value: 92
},
{
name: 'Nebraska',
value: 117
},
{
name: 'Nevada',
value: 24
},
{
name: 'New Hampshire',
value: 106
},
{
name: 'New Jersey',
value: 147
},
{
name: 'New Mexico',
value: 77
},
{
name: 'New York',
value: 47
},
{
name: 'North Carolina',
value: 260
},
{
name: 'North Dakota',
value: 223
},
{
name: 'Ohio',
value: 283
},
{
name: 'Oklahoma',
value: 85
},
{
name: 'Oregon',
value: 31
},
{
name: 'Pennsylvania',
value: 65
},
{
name: 'Rhode Island',
value: 68
},
{
name: 'South Carolina',
value: 216
},
{
name: 'South Dakota',
value: 12
},
{
name: 'Tennessee',
value: 128
},
{
name: 'Texas',
value: 198
},
{
name: 'Utah',
value: 93
},
{
name: 'Vermont',
value: 66
},
{
name: 'Virginia',
value: 167
},
{
name: 'Washington',
value: 47
},
{
name: 'West Virginia',
value: 170
},
{
name: 'Wisconsin',
value: 20
},
{
name: 'Wyoming',
value: 203
}
]
}
],
area: {
style: {
fill: datum => {
const res = colorGroup.find(item => item.range[0] = +datum.value);
return res ? res.color : 'WhiteSmoke';
}
}
},
nameField: 'name',
valueField: 'value',
nameProperty: 'name',
map: 'usa',
region: [
{
roam: true,
projection: {
type: 'albersUsa'
}
}
]
};
结果展示 Results
在线效果参考:"https://codesandbox.io/s/map-chart-custom-fill-n2fvsv" (https://link.segmentfault.com/?enc=KLQfMLuG97Q%2BbKuZ90Cq1A%3D%3D.Nnum7dYym%2FiVibEta4dBcKu6b3zK4Fi%2FXlvrGe9A8WR67IG9T9qS8B76uzYOp2uqFrqWpc0ZyzLGJL%2F9wqKvtg%3D%3D)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250110/e2d97d4ca167cf35c26294b1a4cfd457.png)
相关文档 Related Documentation
更多 demo:"https://visactor.io/vchart/demo/map-chart/basic-map?keyword=map" (https://link.segmentfault.com/?enc=llAGShwKxDMr6tycRdZe9g%3D%3D.vSETlbSBSmOpN0cWarzhXL4bkGMmXAEq586zwk13V3TdI%2BeYnoUneiX1N2R5QPxPKdmUvYrctWSnwl82JfFoSA%3D%3D)
地图教程:"https://visactor.io/vchart/guide/tutorial_docs/Chart_Types/Map" (https://link.segmentfault.com/?enc=Elj4CfW%2BitLRCrn62ejVGQ%3D%3D.nc46YFyN%2BlBKBGqYMc4kBkM9%2BHgxrzDRu2cFhsGvmS0NP93G4wN4qsl34OCFz3Yb0tYEERA03DQSdNjC9D58UA%3D%3D)
相关api:"https://visactor.io/vchart/option/mapChart#area.style" (https://link.segmentfault.com/?enc=U3PdyuUd7MnhsmkrBY%2FxuQ%3D%3D.q7Z%2BFhTJYooweOx6PPHky%2FMo28heMhi6CNssrNddw4azEu2jVA8iI9m4fC8M7fTgPELs5JQkLo56x%2FWk51j%2Biw%3D%3D)
github:"https://github.com/VisActor/VChart" (https://link.segmentfault.com/?enc=vCd1LsazZpOcDpBYSsVQNw%3D%3D.agIMA6wEx9fyocRi%2F5qSvlxMeYOKwQE7RR6OZE2pMUg7la2uHvwT2%2BhpcSXdFap%2F)
刘传疯子
vue2怎么把当前组件实例作为一个参数传递给子组件?
renderComponent: {
// 自定义内容
functional: true,
render: (h, context) => {
const render = context.props.render
const params = context.props.params
const attrs = context.data.attrs
debugger
return render(h, params, attrs)
},
props: {
render: {
type: Function,
required: true
},
params: {
type: Object,
required: true
}
}
},
这是自定义的一个函数式组件,在使用它的时候,把当前组件的this传递给它时,打断点看到的是undefined,我不明白是为什么。按理说attrs里的instance应该是传过去的组件实例
***
补充:发现如果instance绑定的是一个函数的返回值,就能把this顺利传过去了,这是为什么,或者说在模板里写this指的是什么?
刘传疯子
Node项目中 CommonJs语法 和ES6 Module的语法 ,两个不同语法的文件可以互相导入吗?
A1:
可以混用,但最好不要这么做。
ESM 里引入 CommonJS 的话就正常 "import" 就好了,没什么特殊的。
CommonJS 里引入 ESM 稍微有点儿特殊,需要用 "dynamic import" 而不是 "require()":
- let bModule = require('./pathA/pathB/b.js');
- console.log('bModule', bModule);
+ import('./pathA/pathB/b.js').then((bModule) => {
+ console.log('bModule', bModule);
+ });
***
A2:
".mjs"、".cjs" 文件分别以何种方式加载这没什么争议,有问题的是 ".js" 这种文件。
因为模块加载器需要提前知道一个 ".js" 到底是 CommonJS 还是 ESM
的、好来决定用哪种方式去加载,但显然通过文件名本身是没办法知道的,所以变成了通过 package.json 来区分。优先会找你导入的那个模块同级目录下的
package.json、如果没有那就向上一级目录找、还没有就再向上 …… 直到项目根目录为止,此时也就是跟你项目本身的设置保持一致了。
***
A3:
如果是只支持一种模块方案的,那就在 "package.json" 里配置 "type" 这个字段来标明。不标明默认就是 CommonJS,毕竟要跟以前的
Node 项目兼容 —— 老项目肯定都是只支持 CommonJS 的。
如果两种都支持,Node v14 之后 "package.json" 有了 "exports" 这个新的配置,你可以通知配置 CommonJS 和 ESM
两种模块的指向。新一点的库一般都是这种方式了,你会发现它的项目结构里同时有 "es" 和 "lib" 两个子目录,其实就分别代表 ESM 和
CommonJS,然后 "exports" 里会分别指向这两个目录。
当然了,开发的时候都是按一种方式去开发,最后通过 Webpack、Rollup 之类的构建工具转译成两种模块方案;而不是写两遍代码。
刘传疯子
如何在图表中配置一个能够在移动端响应的DataZoom组件?
类似 ("https://www.visactor.io/vchart/demo/line-chart/basic-line" (https://link.segmentfault.com/?enc=xVA38o3NSMPIlCn5z%2FIOBQ%3D%3D.mOfo8mUA%2F5x%2FWhGIdEMsYprL1eokjSFziuPY6Zipfe1ZX2z5zO00fGFO%2Bb6piBQE5knSOaT8RDYpSiT4vubp6A%3D%3D))这样的简单线图,
"图片" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250102/e051e54e9c3664fd1bd40e302c657283.png)
怎么配置DataZoom组件?DataZoom组件可以在移动端设备进行交互吗?For a simple line chart like this one
("https://www.visactor.io/vchart/demo/line-chart/basic-line" (https://link.segmentfault.com/?enc=5Ef%2Bnyf8x2sIjA%2FQByHbHA%3D%3D.qZbP8owoBdoWI544Gmcaek%2FuDw5EAB4u0ztMEEusPAuoQu0FX7hVi%2Fbv%2Ft8gfykRTr2a0gz0QIWJgEj8bK8Qxw%3D%3D)),
how do I configure the DataZoom component? Can the DataZoom component be used
for interaction on mobile devices?
刘传疯子
vue/uniapp中,这样的页面你们会怎么写?
Document
日
周
月
年
.tabs {
display: flex;
justify-content: space-between;
flex-direction: row;
background-color: #E1E1E1;
border-radius: 82px;
height: 82px;
}
.tab {
font-size: 36px;
color: rgba(69, 69, 68, 1);
width: 100%;
text-align: center;
line-height: 82px;
}
.tab.active {
color: rgba(255, 255, 255, 1);
background-color: #31BDEC;
border-radius: 82px;
}
写的html 自己看吧
补个图"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241228/d98ccd9f45554cf9e5fd15eba02ccecf.png)
刘传疯子
Vue3中reactive()的这句话如何理解?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241227/aa71ed058b6d4af0a9fd05d8082d88f1.png)
js的写法都要.value吧?只有在模板中才自动解包吧
刘传疯子
python中的哪个框架像php里的thinkcmf?
php不了解,但是python里面的web框架有很多,下面是一些主流的。
* 老牌框架 "django"
* star: 73.1k
* 全功能的Web框架,具有强大的功能和完整的开发工具集。它提供了ORM(对象关系映射)、路由、视图、模板引擎等组件,以及内置的管理后台。Django适用于构建中大型和复杂的Web应用程序。
* 轻便型的是 "flask"
* star: 64.2k
* 轻量级的微型Web框架,注重简单性和可扩展性。它提供了核心的功能,如路由、视图和模板,可以根据需要使用各种扩展和插件来扩展功能。Flask适用于小型和中型的Web应用程序,以及快速原型开发和API开发。
* 还有现在很流行的 "fastapi"
* star: 62.7k
* 一个现代化的Web框架,专注于高性能和易用性。它基于Python 3.7+的类型注解和异步编程特性,提供了快速、可靠的API开发体验。FastAPI适用于构建高性能的Web API和微服务。
个人的推荐是,"django"
大而全,资料最多,社区最大,如果你搞大些的web开发,django能极大的帮助你规范的开发和使用。同时第三方扩展也相当多,使用起来配置相当简单。目前django也在积极推进对异步的支持,这一块的体验可能不是特别好。
如果你要开发一些小而快速的项目,"fastapi"
是一个挺好的选择,十分轻量("flask"也很轻量,但我不太喜欢使用。。。),支持全异步,而且有类型注解和依赖注入,能快速开发api接口,而且和当前相当好用的
"pydantic"
库进行了原生支持,使得数据的验证十分简洁。虽然属于这三个框架里面出现最晚的,但由于开发者对该库的喜爱,使得它的生态和社区也是相当丰富和活跃。
刘传疯子
为什么会这样错误呢?
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241224/9597a86f7e5d7a67d810d697c6ea44e8.png线上出现这种问题的,过了一会就好了"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241224/36d8fe390bb2bdbdd7e903004fd7dde9.png)
刘传疯子
无法通过 nodesource/distributions 在 ubuntu22 上安装 nodejs16/18/20?
nodejs这个包里面已经有npm了。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241219/e989cf51d56ecacc72a275f6cc768987.png)
***
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241219/36f12c8e1de7e34aff1e4f7f5e398763.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241219/2951d148e25fc296a292965111c5d3af.png)
npm这个包,ubuntu默认的仓库里面默认就有,这个包和nodesource仓库里面冲突应该不算意外。
刘传疯子
AMH用的同一个php,有一个启动失败?
是否有手动改过主机的php-fpm配置,可以尝试编辑一次虚拟主机保存看能否恢复。
或是手动去查看php-fpm配置文件确认,/home/wwwroot/环境名/php-fpm/主机名.conf
或是备份虚拟主机网站文件,重新创建虚拟主机。
刘传疯子
如何实现特定页面路由跳转缓存的业务场景?
下面是一段 vue router 的实现
{
path: 'father',
name: 'father',
// meta: { KeepAlive: true },
component: () => import('/src/views/father.vue'),
children: [
{
path: 'object/:objectId',
name: 'wrapperA',
component: () => import('/src/views/require/components/wrapperA.vue'),
children: [{
path: ':A',
name: 'A',
component: () => import('/src/views/require/components/A.vue'),
},
{
path: ':C',
name: 'C',
component: () => import('/src/views/require/components/C.vue'),
},
]
},
]
},
{
path: 'father/B',
component: () => import('/src/common/B.vue'),
}
目前 father 路由下还有其他路由,
只有一种情况去缓存 A 页面,就是从 B 页面跳转到 A 页面,其他情况都不会缓存,这种如何实现?
刘传疯子
vue3如何将异步获取的后端返回值在前端页面显示?
""不是这么用的 给你文档,你自己看下
"http://element-plus.org/zh-CN/component/table.html#%E5%9F%BA%..." (https://link.segmentfault.com/?enc=uhzg1zSmIwhnaZvpe8gkJw%3D%3D.6iXEcGD%2BQngLb1r17zbfrnBGystTvW7K%2FTyEYn%2FuORUUcPpcVB1JKdEznq0l9xZmr0q5caaXyYjbjP3FxYNTnLFA4Re3My62OPqMZmIxdDis45SB0wpxe1ba5zZXMUzK)
刘传疯子
html的video标签是如何不让用户下载视频的?
背景:先是在油猴中发现一个“B站哔哩哔哩使用增强”的插件,据说可以下载B站视频,如图:https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241209/64ad4424bed864b115aa76d3a42a93c4.png
点击第二步,进到一个mp4视频链接里面https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241209/d3cfd3637ba1b020172bfa82eed82dca.png
有意思的来了,点击视频里那三个点,再点击下载按钮
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241209/ad48da55271c3f5a2a6cf3279ee6525c.png
提示保存为 html 而不是 mp4,这还不是最重要的https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241209/cf3906d72bc60c990bc4a15275a8e456.png
最重要的是当点击保存,提示“无法从网站上提取文件”https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241209/174512f5644767977f6b04e720f96edf.png
哪怕在网页上按 ctrl + s,保存网页也不行。
用迅雷直接下载这个视频地址也下载不了,这是为啥呢????
地址为(需要请求头中有Referer,否则打开是403):"https://xy42x49x119x247xy.mcdn.bilivideo.cn:4483/upgcxcode/30/28/1275632830/1275632830-1-192.mp4?e=ig8euxZM2rNcNbRj7bdVhwdlhWTjhwdVhoNvNC8BqJIzNbfqXBvEqxTEto8BTrNvN0GvT90W5JZMkX_YN0MvXg8gNEV4NC8xNEV4N03eN0B5tZlqNxTEto8BTrNvNeZVuJ10Kj_g2UB02J0mN0B5tZlqNCNEto8BTrNvNC7MTX502C8f2jmMQJ6mqF2fka1mqx6gqj0eN0B599M=&uipk=5&nbs=1&deadline=1695882231&gen=playurlv2&os=mcdn&oi=1026566306&trid=00007a31ac96e7764113974978b7bdbd3db3u&mid=39165104&platform=pc&upsig=fb03009f8b265bfd96dd2a328cfdb856&uparams=e,uipk,nbs,deadline,gen,os,oi,trid,mid,platform&mcdnid=14000235&bvc=vod&nettype=0&orderid=0,3&buvid=33ED77B4-2BFB-35E9-A673-277ADEF5941984372infoc&build=0&f=u_0_0&agrr=0&bw=166033&logo=A0002000" (https://link.segmentfault.com/?enc=FKb7JW%2FY%2BuCBKGTyjeIvhQ%3D%3D.mcdVp%2FEYhZCvrxUiUfxjVRyC7pSt%2BWryHis72FPesGTEmlw7FjV2c0%2FnQC%2BLGvEQ8FSfrg%2FitTbKnG%2FNMwJkzNT16wBp8St3Vi82RF5Y04wkPuMGiET7EaPU2oBlwqQIMNpSyTow2Bqd3Nbok%2F%2Fmdo6XTLcEpsDP0tYWF8fnT5eJjY6ughKivZYUem%2B16RYr6b%2Bqcr2ncpLwVv2%2Flp4Ehnl6XdN87TwyxDNt2pqcu2kU4AXgEQpISbr%2BuPWFvoVfBdklEDEqCrdC%2FvL5gwTrwsoYy3VxVICJCt59bNXbj06%2FDrhSOA%2Fmmw54ZESyoQWxZeN6EiG2Nl1LQqoLzmLOS4eUOM8ZwT4%2FPieDRwvrl4Lb4Svw1VIl%2Btj7TSHvkmXEGrYu4aExEDaZjooizu57cDwBlYIJmtcipj1GruphpZJsF9wb68u%2BdFzkAyZWcV%2FBsLzN3jawn7nPijINcCNI4RSJAfnmiLgq6Wbtq9uKEEB9LolLU%2Bl7HBT%2B3WMLIFbRPyte43G4W03F04qU32G7DNapXrM3ZOG8sWp6nOkDz%2FCnd4SEXmoQui0cvy4oBVASyGAccKcpCcHjdNIMoDIz855FoT6VNN13qTZuP4a1OM2wHhMqLAitcODRbVYMeL73kUu%2FLkopHjn9cPVAeCdxfEjPh4ERFiS7e55wwh3jpoqt6jq8SmzTADFHj37Q%2FL4psYtgO9VTI5zSJYBftRIBC%2F8SEfrD88IJRB4U%2FidzV6jS1%2Bs5JV35X2uAXfY%2B93WPRakHrVRzKNgUM0MEbx44Y8yCIobARDhTUM1G6x%2F9CWuTDLFOMfua8VmKX1M5MaLTe%2FobLw8IJwSh1YTAacj73XEnUv0aw4lu0ATJWl9vdHKRHQ%2BNshNoq1wuvkBP8NRBoyvcz5dUdBsh99GrWaafAw%3D%3D)
刘传疯子
这种echarts图怎么实现?
在 www.isqqw.com 这个网站中找的,突然被删了
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241209/7245b30225256d01b5086d1ccd0db3a4.png)
我的目标图形是下面这个
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241209/84e4d1390c06cadf0b1ab609a9227519.png)
刘传疯子
Java中如何在导出CSV时,同时使用单引号及双引号?
CSV有相关的组件可以进行处理。但也有一个简单的做法,通过Excel组件可以免去CSV处理的相关细节。
只需要关注Java中如何转义双引号就行了。
public void ExportCSV() {
Workbook wb = new Workbook();
IWorksheet sheet = wb.getWorksheets().get(0);
sheet.getRange("A1").setValue(123);
sheet.getRange("B1").setValue("葡萄");
sheet.getRange("C1").setValue("苹果");
sheet.getRange("D1").setValue("ABC");
sheet.getRange("E1").setValue("我说:\"你把'苹果'给我\"");
wb.save("output/export.csv");
}
结果:
"123,葡萄,苹果,ABC,"我说:""你把'苹果'给我""""
参考资料:"https://demo.grapecity.com.cn/documents-api-excel-java/demos/..." (https://link.segmentfault.com/?enc=Tk%2Bn3S%2FUeozteWYbZ%2B5RWw%3D%3D.WV7%2BggkXJ%2BBkQ2BnQlX%2Bkk%2FPz0uniermFS0tIqgMz2jg%2FlcwPLnv1DprQvAxHuGKGYwsJ7zIANwlf1HfW9KKadzs121CQSVrIE4ziQ7RfJszvQbqQXUKp7%2Fz1tqJsv4B)
刘传疯子
正确引用的css文件不生效,但是通过程序二次加载却可以正常引用?
我使用link标签的re="alternate"以及disabled属性来做页面的皮肤切换。
默认进来页面的link标签是这样子的:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241205/6f65374ec2e4996fe94f7ab07b77ff21.png)
可以看到默认是使用default.xxx.css这个文件的样式,但是奇怪的是这个文件居然没生效,这个文件里定义的都是css变量,我去引用这个变量的地方看,发现变量没有声明,这个文件的加载完全是正常,不知为何就是不生效。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241205/c653080d8ac8e2cc2fa2950e334c1495.png)
然后我通过切换皮肤按钮把皮肤切换到light模式下,然后再切换回default模式,default.xxx.css就生效了。
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241205/5c7b9f92d9164970cacf153ead7bbf00.png)
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241205/8268f0bbe09664020e3225860201f1de.png)
请问这种问题怎么处理?
刘传疯子
springboot redis获取的key为什么是乱码?
你为redis指定的kv序列化器使用的是什么类型?似乎是key序列化过程出了问题
这里有一个我配置redis的例子可以参考下,使用fastjson作为kv的序列化器
@Configuration
public class RedisConfig {
@Bean
public RedisTemplate redisTemplate(RedisConnectionFactory redisConnectionFactory) {
RedisTemplate redisTemplate = new RedisTemplate();
redisTemplate.setConnectionFactory(redisConnectionFactory);
FastJsonRedisSerializer fastJsonRedisSerializer = new FastJsonRedisSerializer(Object.class);
redisTemplate.setDefaultSerializer(fastJsonRedisSerializer);
redisTemplate.setValueSerializer(fastJsonRedisSerializer);
redisTemplate.setKeySerializer(new StringRedisSerializer());
redisTemplate.setEnableDefaultSerializer(true);
return redisTemplate;
}
}
刘传疯子
ts 类型定义?
type MyString = string & Exclude;
刘传疯子
小程序手绘地图导航怎么做?
如图:
https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241202/0330eabf59c5211308adf7a860e70253.png
我需要做到类似这样的小程序手绘地图,问下大家这种地图是直接覆盖到腾讯地图上的么,还是用了什么插件,这里面的导航怎么做,主要是路线时间?
刘传疯子
react ant 合某一行 最左侧 和 最右侧 都需要用fixed 导致出现样式错误 !?
边上 fixed 的一般都是固定宽度,可以对应地给中间的容器设置一个跟左边宽度一样的 padding-left
,这样滚动到左边时左边的内容就不会被遮挡了(如果你是这个意思的话)。
如果是新设计的页面的话可以考虑弹性布局,左中右各取所需又互不遮挡。
刘传疯子
前端符号||莫名其妙返回false?
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241128/a8c00e41e42519adb64f7debdffe2be3.png)
刘传疯子
macOS下Android Studio的模拟器无法联网(WIFI),但却可以连接模拟器SIM卡的4G流量上网,这是什么原理?
经过一天的一顿操作猛如虎结果发现了解决方案
原来之前一直忽视了模拟器的一个确认对话框链接AndroidWiFi后系统会弹出一个对话框需要点击确定然后就可以正常上网了
如下所示
图一 | 图二
---|---
" title=" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241122/5874907254aada2c53598eddfb108098.png) | " title=" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241122/79672ef40702d97b0972ccae267e836a.png)
刘传疯子
初学gRPC,请教几个问题?
目标是"electron"与"go服务程序"的互相通信
比如用go处理一些文件,通过"grpc"通信在界面上显示进度
目前我已跑通官网的示例:
"https://grpc.io/docs/languages/go/quickstart/" (https://link.segmentfault.com/?enc=B21mpffu%2B0%2FWRFIYEjzGBg%3D%3D.hNGuWUvZcnaBLzSbBEFg2IdHlW0CkNquddox4HdBNJ3AC5xF5ismbqs%2FGxdsCElM)
但有几个问题不是很明朗:
* 互相通信是不是需要go与node各开一个服务端与客户端?
* 我不能跳过node直接做到go与electron通信是吗?
* 我不是纯web,所以我不需要"grpc-web"这个库对吗?
我不清楚自己是否理解正确,希望指点一二,谢谢!
刘传疯子
请问如何写html只能纯数字过长自动换行+自动去掉尾数0的number textarea?
请问如何写html只能纯数字过长自动换行+自动去掉尾数0的number textarea?
目前用input number type只能一行,假设宽度只能100,大数量很多数字会被吃掉
想要多的数字跨行并且去掉尾数为0的如
123456789.234000
变成
123456
6789.2
34
vue 的 data 取值还是能取得 "123456789.234000" 而不是 "123456\n789.2\n34"
刘传疯子
poi设置下拉列表报错?
XSSFSheet refSheet = workbook.createSheet("refSheet");
for (int i = 0; i < departList.length; i++) {
XSSFRow row = refSheet.createRow(i);
XSSFCell cell = row.createCell(0);
cell.setCellValue(departList[i]);
}
String formula = "refSheet!$A$1:$A$" + departList.length;
DataValidationConstraint constraint = helper.createFormulaListConstraint(formula);
// ...其余设置相同
刘传疯子
请问电脑如何判断HDMI接的屏幕是打开的?
请问电脑如何判断HDMI接的屏幕是打开的?
目前在车间有放电视墙展示生产状况
但有时会有停电或是人为不小心关闭屏幕情况
导致每天都要去现场巡视
请问有办法用程序或是其它方式,能知道电脑连接的HDMI屏幕是否打开状态吗?
刘传疯子
性价比高的云服务器推荐?
图片资源的下载链接单独用CDN去缓存一下,CDN的价格大概是1-2毛钱1GB。
如果你放在云服务器上,就不太合适,云服务器带宽比较贵。
假如10M的带宽,一个用户一次下载一张10MB的图片,就得10秒。
10M的带宽,在阿里云上的价格是5000左右一年。
存储空间可以考虑用对象存储,上传的时候走对象存储的SDK,上传速度很快,流量也不计费。
最后再给CDN加上鉴权、有效期、防盗链、频率限制,防止被盗刷。
刘传疯子
ts 如何使用可选类型下的下属属性的类型?
type AreaStyle = {
color?: string;
};
interface LineSeries {
areaStyle?: AreaStyle;
}
let t: LineSeries['areaStyle']['color'];
"LineSeries['areaStyle']"的类型是"AreaStyle | undefined"
报错:"类型“AreaStyle | undefined”上不存在属性“color”。"
如何通过 "LineSeries"使用"color"属性的类型呢?
刘传疯子
新手求助,猴油插件编写的脚本 当遇到页面会刷新时 不加入 setInterval 脚本就会失效 求助 有其他解决方案嘛?
const targetNode = document.getElementById('YOUR_TARGET_NODE_ID');
const config = { childList: true, subtree: true };
const callback = function(mutationsList, observer) {
// 用或者检查mutationsList中的变动
// 重新绑定事件或执行其他操作
};
const observer = new MutationObserver(callback);
// 开始观察目标节点
observer.observe(targetNode, config);
// 随时停止观察
// observer.disconnect();
刘传疯子
谷歌浏览器调用打印预览,如果去除另存为pdf选项?
谷歌浏览器调用打印预览,如果去除另存为pdf选项?
希望目标打印机列表 只能选择打印机
刘传疯子
是否有高效读取1000万条Excel数据的Java解决方案?
Java怎么读取很大数据量的 Excel (1000万条数据),希望一行一行读取数据。
目前使用POI进行了文件读取,但是耗费时间很长,大约用了1分钟。大家有没有更快的解决方案
刘传疯子
求解:vue3项目onBeforeRouteLeave拦截不生效 页面路径依然回退?
把 "next(false)" 改为 "return false" 试试。
***
看了一下你的补充内容,不生效是正确的,因为导航守卫只能在路由组件生效,你的弹窗肯定不是路由组件,所以会不生效"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/f84b2c6432e4c3a2ae1f28ec97ec54f3.png)
刘传疯子
v-for遍历的多个组件切换图片 如何不相互影响?
通过循环出来的 van-collapse tags van-image 相互切换图片 不相互影响
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/c30c5dc1d119d16b604daa9c644fd9eb.png)
数据
data: [
{
title: "潜在分布区预测",
id: '1',
category: [
{
name: "鱼卵潜在分布区",
src: require('../../assets/images/yl.jpg')
},
{
name: "仔稚鱼潜在分布区",
src: require('../../assets/images/yl2.jpg')
},
{
name: "寡节甘吻沙蚕潜在分布区",
},
{
name: "脆壳理蛤潜在分布区",
},
{
name: "江户明樱蛤潜在分布区",
},
{
name: "不倒翁虫潜在分布区",
},
{
name: "绒毛细足蟹潜在分布区",
}
]
},
{
title: " 物种丰度预测",
id: '2',
category: [
{
name: "夜光藻丰度"
}
]
},
{
title: "生物量预测",
id: '3',
category: [
{
name: "各功能组生物量"
},
{
name: "蓝点马鲛生物量"
},
{
name: "鳀科生物量"
},
{
name: "斑鰶生物量"
},
{
name: "青鳞小沙丁生物量"
},
{
name: "小黄鱼生物量"
},
{
name: "蟹类生物量"
},
{
name: "虾类生物量"
},
{
name: "口虾蛄生物量"
},
{
name: "头足类生物量"
},
{
name: "棘皮动物生物量"
},
{
name: "软体动物生物量"
},
{
name: "浮游动物生物量"
},
{
name: "浮游植物生物量"
}
]
},
{
title: "食物网结构与功能预测",
id: '4',
category: [
{
name: "食物网结构"
},
{
name: "关键种"
},
{
name: "能量传递效率"
},
{
name: "成熟度与稳定性"
}
]
}
]
每个 category 都有一个src的图片
现在这种写法 总是相互影响,要么总是一个图片,要么所有图片都在一个tag下
现在这种写法 总是相互影响,要么总是一个图片,要么所有图片都在一个tag下
刘传疯子
VS code 中如何使用正则表达式进行全局搜索替换?
VS code 中如何使用正则表达式进行全局搜索替换?
例如:
想要替换这种效果:
window._t('你好')
替换为: 你好
正则该怎么些呢?
刘传疯子
js如何实现轮播N张连续图片实现gif动图效果?
后台接口获取 100张图片 存到一个imageList里面
在一个标签中 连续播放这100个图片实现类似gif的动画效果
用setInterval 间隔100 给img的src 重新复制?
imageList.map(item => {
setTimeout(() => {
this.src = item;
}, 0)
})
刘传疯子
关于 promise reduce执行顺序?
关于 promise reduce执行顺序
function runPromiseInSequence(arr, input) {
return arr.reduce(
(promiseChain, currentFunction) => promiseChain.then(currentFunction),
Promise.resolve(input),
);
}
// Promise 函数 1
function p1(a) {
return new Promise((resolve, reject) => {
resolve(a * 5);
});
}
// Promise 函数 2
function p2(a) {
return new Promise((resolve, reject) => {
resolve(a * 2);
});
}
// 函数 3——将由 `.then()` 包装在已解决的 Promise 中
function f3(a) {
return a * 3;
}
// Promise 函数 4
function p4(a) {
return new Promise((resolve, reject) => {
resolve(a * 4);
});
}
const promiseArr = [p1, p2, f3, p4];
runPromiseInSequence(promiseArr, 10).then(console.log);
Promise.resolve(1).then(2).then(console.log); // p1---1
Promise.reject(1).then(2, 2).then(console.log, console.log); //p1---1
//控制台:
//1
//1
//1200
请高手解释下为何p1和p2为什么都是打印1,p1和p2都在runPromiseInSequence之前执行
这是我尝试修改后的代码,
function runPromiseInSequence(arr, input) {
// 使用reduce方法,将arr中的函数按照顺序执行,并将结果返回
return arr.reduce(
// 传入一个回调函数,该回调函数接收两个参数:promiseChain和currentFunction,promiseChain是上一次函数的执行结果,currentFunction是arr中的当前函数
(promiseChain, currentFunction) => promiseChain.then((res)=>{
console.log(res,'res');
return currentFunction(res)
}),
// 将input作为初始值,并将其传入Promise.resolve()方法,将结果作为promiseChain的值
Promise.resolve(input),
);
}
// Promise 函数 1
function p1(a) {
return new Promise((resolve, reject) => {
resolve(a * 5);
});
}
const promiseArr = [p1];
// console.log(runPromiseInSequence(promiseArr, 10));
runPromiseInSequence(promiseArr, 10).then((res)=>{
console.log(res,'fn');
}); // 50
Promise.resolve(1).then(2).then((res)=>{
console.log(res,'p1')
});
Promise.reject(1).then(2, 2).then(
console.log, console.log);
看起来还是比较吃力,求大佬帮我解析一下,问了chatgpt回答的不正确
刘传疯子
请问微信公众号的网页授权,回调地址我们应该填前端页面地址还是后端接口地址呢?
微信网页授权地址:
"https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx8..." (https://link.segmentfault.com/?enc=sedXQVvKSX0Y5tU3cncX5A%3D%3D.P0OwIwMOuNmPz0OOwdIUJB2j4TYgvFaMs7FyWPZdejGOM8XkMjw6ieeK9s2THfKLP9nX3XTN6I%2B54I%2Bhm0VGaDzC1BhxbUGZKQpbukgZ0m7iRK4PVbgP8FkY3clpOk0FNe0oSVZD%2BqFE4q4VqG%2FIBacdw5CF6HvWE2rylWw2S0Y24FhlYJx02DwwdckxHxDMz4debR64lmMw0XPWMSx3Pwhn7San14dhwSxG5Kkhw7V8ofn7JuZyFJGcEeJWnV5FXFqijJLupDF%2FBAFVm11lxw%3D%3D)
其中redirect_uri这个回调地址参数,应该填写前端页面地址?还是后端接口地址呢?到底2者填写有什么区别?求大神指点下
PS:查阅很多资料,有的是填写前端页面地址,有的建议填写后端接口地址
刘传疯子
react路由如何像vue路由一样,用name方式进行导航跳转,避免硬编码?
你把react的router跳转方法包装一下,在包装内部维护一份name和path的映射设就行了
刘传疯子
如何从 HTML 中取出某 JS 变量?
}
if (window.ytcsi) {
window.ytcsi.tick('pdc', null, '');
}
var ytInitialData = {
"responseContext": {
"serviceTrackingParams": [{
"service": "CSI",
"params": [{
刘传疯子
返回类型用指针还是引用?
只有这几行好像也没有什么问题。
但是最后不要这样,可读性太差了。
new 出来的东西还是用指针吧。至少需要 delete 它的地方通常是持有一个指针的。
用引用的话,通常意味着它永远不会“空”,并且也不需要 delete 。
刘传疯子
servelet与springboot?
感觉你这比较有点问题。如果你是单纯的指Web方向的话,SpringBoot内嵌Servlet容器,依赖SpringMVC,它本身就是个servlet。就是那个DispatcherServlet
如果抛开Web呢,servlet(Server
Applet)本身就是为了做Web服务的。而SpringBoot本质是对Spring的封装配置简化,还可以做Web以外的东西。便利在于IOC、AOP等
刘传疯子
vue3 报错 v-model value must be a valid JavaScript member expression ?
// 正常编译
// 编译报错
下面这句编译报错:
v-model:fileVal="`scope.row.${titem.prop}`
报错信息:
v-model value must be a valid JavaScript member expression
v-model不支持模板字符串不支持吗?
业务需求
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/4385dd3cf75a8bde7a6b7783a101fefd.png)
预期:formConfigVal.formData.tableattachments.innerRequireAttach当成了一个属性
实际:tableattachments.innerRequireAttach当成了一个属性
刘传疯子
如何在Nuxt3项目中成功引入Swiper插件?
怎么在Nuxt3项目中引入swiper插件?
在网上找到的教程几乎都是vue项目或nuxt2,多次在Nuxt3项目中尝试引入swiper一直失败,我的vue版本是3.4
刘传疯子
uniapp 中使用getAPP 创建了全局变量,值是一个类实例,更改属性之后getAPP获取不到最新的值?
uniapp 中使用getAPP 创建了全局变量,值是一个类实例,更改属性之后getAPP获取不到最新的值?
我写了一个限制请求数量的类文件,在getAPP中创建这个实例,然后加入方法,然后再获取请求的数量,数量一直是0,没有更新。
/**
*@description
*@author cy
*@date 2022-10-20 09:52
**/
export class LimitRequest {
private limit: number = 1; // 限制并发数量
private currentSum: number = 0; // 当前发送数量
private requests: Array = []; // 请求
constructor(limit: number) {
this.limit = limit;
this.currentSum = 0;
this.requests = [];
}
public request(reqFn: Function) {
if (!reqFn || !(reqFn instanceof Function)) {
console.error('当前请求不是一个Function', reqFn);
return;
}
this.requests.push(reqFn);
if (this.currentSum 0) {
this.run();
}
}
}
}
加入request方法模拟请求,
globalData: {
limitAjax: new LimitRequest(10)
},
for (let i = 0; i {
setTimeout(() => {
let params = getApp().globalData.limitAjax.getParam();
console.error('parma', params);
}, 1000)
})
}
打印中的request.length 一直是0,这是为什么呢?求助
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/8edd1f0ada081c816b7dad7950a5ce76.png)
刘传疯子
如何在ant-design-pro脚手架中本地设置port?
使用ant-design-pro 脚手架,怎么设置port?我想在本地配置port,不期望在package.json的命令行中去配置,避免提交到git上。
在package.json中设置port是可以的,但是如果提交到git上,其他成员也会被更新到。
"start": "cross-env UMI_ENV=dev PORT=3017 max dev",
我期望只在我本地配置port。
我在config.ts文件中设置 DevServer 提示没有这个字段。
按照umi的文档
umi 会以 3000 端口启动 dev server,并且禁用 babel 的缓存。
如果你有部分环境变量的配置在本地要做特殊配置,可以配置在 .env.local 文件中去覆盖 .env 的配置。比如在之前的 .env 的基础上, 你想本地开发覆盖之前 3000 端口, 而使用 4000 端口,可以做如下定义。
# file .env.local
PORT=4000
我新建的.umirc.dev.ts文件,根本无效,请问应该怎么配置呢?
刘传疯子
laravel 如何实现接口既可以匿名访问也可以登录状态访问?
laravel的一个问题,我简化了一下是这样。
我想让访问接口 /a,未登录状态访问返回 0, 登录状态下返回 1,如何实现?
正常是这样。topic 状态为 1 时可以任何人访问,状态未 2 时,只有作者可以访问。
// route.php
Route::get('/topics/{topic}', [\App\Http\Controllers\Api\TopicController::class, 'show'])
// controller
$this->authorize('view', $topic);
// TopicPolicy
return $topic->status == 1 || $topic->user_id == $user->id;
上边这种情况,无论登录与否,$user 都是 null。
如果 route 加上 middleware('auth'), 那么未登录状态又无法访问。
刘传疯子
乱码的汉字能恢复吗?
参考我以前的回答:
«"https://segmentfault.com/q/1010000043923867/a-1020000043923969" (https://segmentfault.com/q/1010000043923867/a-1020000043923969)»
你这是第一种情况,那么反过来重新读取一遍就好了。
乱码 | 原文
---|---
涓婄骇鍒嗙粍 | 上级分组
缁勫悕 | 组名
鏉冮檺瑙勫垯ID | 权限规则ID
鍒涘缓鏃堕棿 | 创建时间
鏇存柊鏃堕棿 | 更新时间
鐘舵€?0=绂佺敤,1=鍚敤 | 状态:0=禁用,1=启用
***
看你是写 PHP 的?用 PHP 转换了一下,关键代码很简单,就一行:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/82423f1cb5a1b15ad8f5ff2d9e38ec33.png)
至于怎么提取 comment 部分你就自己想办法吧。你也可以试着把整个 SQL 重新转换一下编码。
刘传疯子
如何将.htaccess的内容编写成nginx的配置?
你可以尝试这个
server {
# 其他服务器配置...
location ~ /(app|config|data|logs|vendor) {
deny all;
return 403;
}
location ~* \.(env|example|lock|md|sql)$ {
deny all;
return 403;
}
location = /index.php {
# 用于处理PHP的配置(比如fastcgi_pass等)...
# 仅当你的服务器配置了PHP处理时才需要
}
location / {
try_files $uri $uri/ /index.php?$query_string;
}
# 其他location或配置...
}
刘传疯子
next.js页面中多出的怎么设置样式?
next.js用page router模式创建的项目中页面有个包裹全局
这个div的样式是在哪里可以设置的吗?
如图:
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/b8b944d2c84ea4794cf6cf5ba9e0ffad.png)
本人尝试过global.css设置#next{}但是无效。
另外想知道这个div是怎么来的?
这个问题
对我的第一个困扰是我想实现自己layout的页面撑开高度为100%,但是父组件设置不了,所以只能设置为视口100vh来曲线救国
第二个困扰是想做水平垂直居中,但是找不到它的父盒子(也就是div id="_next"),设置不了display:flex,也做不了
----------------------补充
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/7875b4ee5909365c4bab4782e819a1d0.png)global.css设置了
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/6c8c485b4b0fab8fa76b74c8e71177cb.png)没有显示
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/149a4b2b2343ea3642b7bd9911386906.png)这个属性是可以设置的
但是我找不到这个div。。qaq