- 博客(29)
- 收藏
- 关注
RSS订阅原创 实现边框渐变效果
来创建一个渐变边框。这个伪元素被放置在主元素的外部，通过绝对定位和负边距与主元素的边框对齐。渐变背景从左边的蓝色（rgba(7, 77, 255, 1)）过渡到右边的绿色（rgba(178, 239, 188, 0.96)），并且也有20像素的圆角。：定义一个具有相对定位、白色背景和透明边框的元素。边框宽度为3像素，并且有20像素的圆角。确保这个渐变边框位于内容的下方，作为背景存在。确保背景不会延伸到边框之外。
2024-09-24 18:31:48
496
原创 element plus el-upload上传组件，自动上传，记录解决：本地报404，文件找不到问题
所以只要加上 :http-request="uploadHttpRequest"就能自定义上传，然后调用上传接口，进行上传操作。重点是：加入action="#"和:http-request="uploadHttpRequest"
2024-08-30 16:24:50
682
原创 vue3项目加入ts，解决报错：找不到模块“@/components/EnjoyPackage/Swipers.vue”或其相应的类型声明。ts-plugin(2307)
最重点的就是一定要把这个加上， "src/**/*.vue"，和 "paths": {"@/*": ["./*"],"@": ["./"]}。完成后一定要在tsconfig.json中添加在include中。2、src下新增vite-env.d.ts文件。然后重启一下编辑器就可以了。
2024-08-30 14:16:38
800
原创 使用seamless-scroll-v3 实现无缝滚动,自动轮播平滑的滚动效果
中每个属性的作用：无缝滚动 list 数据。组件内部只关注 data 数组的 length。
2024-08-29 19:11:59
896
原创 vue3项目，批量上传excel文件，然后读取excel中内容
上传区域：使用 组件创建了一个文件上传区域，允许用户选择文件，但限制了最大文件数量，并指定了接受的文件类型为 格式的 Excel 文件。 函数定义： 函数接收一个参数 ，这个参数代表要读取的 Excel 文件。返回 Promise：函数返回一个新的 Promise 对象，这使得函数可以异步执行并处理完成后的结果。创建 FileReader 对象：创建一个 对象，用于读取文件内容。读取文件：使用 方法读取文件，这会将文件内容作为二进制字符串读入。处理文件加载事件：当文件加载完成时，触发 事件
2024-08-23 10:33:18
1052
原创 vue3项目中使用sortablejs实现图片拖拽排序
库初始化拖拽排序功能，使得图片和视频列表可以通过拖拽来重新排序。引入sortablejs。3、 钩子用于在组件挂载。后初始化拖拽排序功能。
2024-08-22 21:29:35
754
原创 element plus Tree 树形控件的新增及回显
回显得的重点是：一定要设置唯一值 :node-key="'permId'"，结构数会根据这个唯一值回显。
2024-08-08 18:31:29
535
原创 Vue 3和Element Plus实现的仿App输入手机验证码功能的组件
【代码】Vue 3和Element Plus实现的仿App输入手机验证码功能的组件。
2024-07-15 16:23:39
755
原创 转换时间格式
2、将Tue Jul 02 2024 00:00:00 GMT+0800 (GMT+08:00) 这种格式的时间格式转为时间戳。1、将时间戳1719814598 转成这种时间2024/03/04 13:28 格式。
2024-07-01 18:39:13
388
原创 fetch实现流式输出的实现原理
Fetch API 的一个强大功能就是能够处理流式响应，即服务器可以分块发送数据，而不是一次性发送整个文件，这样浏览器就可以立即开始显示接收到的数据，而不需要等待整个文件下载完毕。TransformStream 可以对数据流进行转换，例如在这里，我们可以将 Response 对象的 ReadableStream 转换为字符串流，然后逐个处理每个字符，模拟 ChatGPT 的打字机效果。通过这种方式，可以实现类似于 ChatGPT 的动态、逐步展示数据的效果，提高用户体验。
2024-03-05 17:09:00
3086
原创 vue3项目中引入字体文件
在CSS中引入字体，全局样式中引入字体，确保路径./assets/fonts/SourceHanSansCN-Regular.otf与你放置字体文件的实际路径相匹配。将这些字体文件引入到vue3项目中 ，统一放在assets文件夹的fonts下，这个是全局使用，批量写入，然后批量使用。最后引入到main.js文件中即可。
2024-01-16 14:33:01
2214
1
原创 element-plus中，el-dialog组件内无法通过ref获得组件实例mindmap.value 应该怎么解决
的，这意味着在对话框打开之前，默认插槽（个人理解为el-dialog标签内的内容）不会被渲染到DOM上。因此，如果你需要执行一个DOM操作或通过ref访问组件，可在open事件回调中进行。遇到的问题：el-dialog组件获取ref实例遇到报错。
2024-01-05 20:30:30
860
1
原创 vue3+element plus的上传组件（单独封装成组件）非自动上传的逻辑
upload-button这个插槽可以自定义上传的按钮样式，可以覆盖掉子组件的样式。这个是上传子组件的代码。
2024-01-03 15:13:32
933
1
原创 如何解决大模型的「幻觉」问题？
大模型的“幻觉”是指模型在没有明确依据的情况下生成错误或虚构的信息。这通常是由于训练数据的限制、模型的过度自信或理解上的误差造成的。幻觉可以说早就已经是LLM老生常谈的问题了，那为什么会产生这个现象该如何解决这个问题呢？快来和我们分享一下吧~方向二：造成大模型「幻觉」的原因。方向一：什么是大模型「幻觉」方向三：解决该问题的方法。方向四：大模型技术的未来。
2024-01-02 17:03:25
554
1
原创 控制用户不能打开f12控制台，和右键点击检查，以及浏览器右上角的三个点中的开发者工具
【代码】控制用户不能打开f12控制台，和右键点击检查，以及浏览器右上角的三个点中的开发者工具。
2024-01-02 14:39:26
1808
1
原创 使用scrollreveal.js，瀑布流页面滚动动画插件
在utils文件夹下创建一个scroll.js文件。然后在.vue文件中的使用，直接加在class上。
2023-12-13 10:54:27
300
原创 使用markdown展示流式输出的内容
在script中引入markdown.js文件。写一个markdown.js文件。安装markdown要用到的插件。在template中使用。
2023-12-04 16:41:58
4468
2
原创 gpt对话的流式输出
一键复制功能：注意：要在带有https域名下才能使用navigator.clipboard.writeText否则不会复制出带有格式的文本。注意：后端和大模型返回的内容也要是流式输出的，不然前端做了流式输出也没用。//get、PUT、Post的请求方式。2、formData的请求方式。1、封装 fetch请求。
2023-12-04 16:20:46
457
原创 项目管理使用coding，前端使用ssh自动化部署-持续集成vue3+pnpm
1.选中coding的中要自动化部署的项目。8. 选择流程配置，将以下代码填写上去就行。4.按照图片上的提示填上去就行。3. 本项目使用ssh。10.点击立即构建即可。2.点击创建构建计划。
2023-11-29 10:58:45
778
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人