长春前端大手子-CSDN博客

原创 react antd table表格组件固定高度, 实现数据不够时也占固定高, 不显示滚动条

antd的 table 组件, 数据少时不能实现固定高度, 设置scroll 滚动后, 在数据不够时还一直显示滚动条, 不符合心理预期。想实现出 el-table 组件的行为, 高度不够时也固定高度 ( 使分页始终位于最下方 ). 数据多时才显示滚动条。在table组件外部包装一个div, 设置高度自适应 , 设置滚动auto,

2025-07-21 13:48:01 118

原创 vue纯前端实现人脸识别、表情识别、年龄性别识别,无需后端服务,使用 tensorflow.js + face-api.js 实现

公司要研究人脸识别、表情分析需求, 不想花钱调用各家api ... 遂前端来实现这个事, 研究后使用 tensorflow.js + face-api.js 可以完美实现, 所有操作都在前端浏览器端完成, 不需要传输数据到后端处理.将 weights 文件夹下的所有文件全部下载到项目中 public/models 文件夹下。如果打印出模型加载成功, 那么说明前期准备一切正常,直接复制完整代码去使用吧。然后去 face-api 的官方将模型文件下载下来。在使用的页面引入 face-api.js。

2025-05-19 10:28:52 369 2

原创 Vue项目的甘特图组件：dhtmlx-gantt使用教程和实现效果展示

公司的甘特图需求，研究了几个组件后，选择使用 dhtmlx-gantt 进行实现，dhtmlx-gantt使用其实是偏简单的，文档虽然是英文，但配合翻译也是可以看懂的，下面将公司需求的代码实现粘贴出来，并简单介绍一下使用方法，希望对你有帮助。下面讲一下 dhtmlx-gantt 的一些配置项，也可以说是我用到的配置项，更多的就要参考官方文档了。需求是不需要bar连线的，所以将bar连线注释掉了，连线也是可以有的。如果你的页面能展示出来基本样式，那么就成功啦，咱们继续下一步。然后在css内定义样式就好啦。

2024-10-12 11:08:36 18375 6

原创 vue纯前端使用exceljs导出excel文件手把手教程，非官方文档直粘

纯前端使用exceljs导出excel文件超详细教程，一文学会!

2024-08-06 16:10:14 13362 18

原创 el-upload 弹出两次文件选择框的解决方案，element ui上传组件文件选择异常

问题描述：点击选择文件时，会弹出windows的选择文件，点击确定弹窗关闭，紧接着又会弹出一个选择文件弹窗，再次选择会才会真正选中。问题排查：应该是文件选择的冒泡事件导致，但是上网搜索，众大神的解决方案都不太满意，都是一顿监听input之类的，不希望这么凌乱的解决。因为el upload的选取文件时没有方法执行的，直接在按钮上加@click.stop就行，不需要跟函数！解决方案：直接在选取文件的按钮上加上 @click.stop 即可，不需要绑定事件函数。

2024-07-13 12:38:48 1070