- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue通过iframe嵌入别的项目
是 HTML 中的一个标签，用于在当前网页中嵌入另一个文档（通常是另一个网页），实现页面内的 “嵌套” 效果。它可以将外部资源（如其他网站、视频、地图等）整合到当前页面中，而无需跳转。假如你要在A项目嵌入B项目的页面。
2025-11-04 08:50:27
116
原创 vue-plugin-hiprint嵌入自己vue的项目
首先 下载 vue-plugin-hiprint 插件。我用的是它的拖拽设计，具体的代码可以参考。先根据官方的开发文档来添加配置。然后在pulbic中引入css。其次，在main.js 中引入。引入完基本上可以使用了。
2025-10-11 09:42:25
390
原创 vue使用vue-plugin-hiprint打印（代码模式）最简单！！最实用！！！
vue-plugin-hiprint这个打印是一个拖拽模式下的打印，基于hiprint打印二次封装的，但上面一些功能也能继续使用。这个打印最方便的是拖拽成自己想要的样式，并生成一个模版JSON，然后在对应的id赋值就可以了，如果你刚接触就先看。最后就是直接调用就行了，对了在赋值的时候看一下JSON模版的field字段，要和你的数据相对应。这个是预览打印的，如果需要直接打印则需要把print改为 print2。做好之后会有一个查看JSON模版，然后需要把json复制保存。引入之后，就可以先做你的打印模版。
2025-09-23 15:43:42
1949
1
原创 Element-ui table 实现数据行上下拖动排序效果
sort: true, // boolean 定义是否列表单元是否可以在列表容器内进行拖拽排序。首先在 html中定义 table的 id 或者ref 以便后续号获取 Dom节点。然后在mounted中执行方法，必须写sort：true配置。然后 引入 Sortable.js npm。最好要做唯一的key值。
2025-09-03 14:34:19
324
原创 vue3 reactive定义的数据清空
要清空响应式对象而不破坏响应性，应删除属性而非替换整个对象。对于对象obj=reactive({name:'123'})，使用Object.keys(obj).forEach(key=>delete obj[key])清空属性。对于数组arr=reactive([])，直接设置arr.length=0即可。注意Object.assign(obj,{})方法无效。这些操作会保留原始响应式对象，仅清除内容。
2025-06-20 09:40:50
703
原创 图片base64显示
摘要：本文介绍了如何在前端HTML中嵌入Base64编码的图像数据。通过使用<div class="pic">标签和<img>元素，将后端返回的Base64数据与data:image/gif;base64,前缀拼接，即可直接显示图像。这种技术常用于动态加载图片或减少HTTP请求，但需注意数据大小可能影响性能。
2025-06-18 11:55:20
314
原创 vue/uniapp 仿淘宝、京东搜索框关键词高亮
在写搜索模块时，要实现关键词搜索高亮，具体实现思路要用html结构。this.reqData.searchValue：是搜索的内容。代码 html 结构。
2024-10-22 14:37:05
259
原创 vue前端页面的瀑布流
做了一层js代码构造，把原先的一个数组，分解成两个，新的出现元素，会重新分配到两个属组中，不会影响到组件的排序和页面的结构。之前做瀑布流，单纯的用纯css样式修改，会出现重绘页面结构，原先的组件位置会发生混乱。Product：里面放置的是接口返回的数据。listArr:用来做渲染的数据。渲染的时候要做两次for循环。
2024-10-18 14:24:09
229
原创 vue组件通信、组件传参
组件通信、传参：props、自定义事件、mitt事件、$attrs、$refs、$parent、provide\inject、slot插槽
2024-07-29 17:24:03
401
1
原创 vue3的路由、路由传参、路由模式
编程式导航 js跳转 需要用到 useRouter（整个应用的路由器）路由重定向 redirect。to 的两种跳转模式。路由的 props配置。
2024-07-26 12:02:16
313
原创 vue 使用 pinia （pinia正确的打开方式）
创建一个js文件，名字随便起，这里创建了一个user.js，暴露出一个useStore的方法，state是存贮数据的地方，使用的话要新建一个store目录，和vuex类似。使用的话就是在vue文件中引入。在main.js注册使用。修改的话可以用三种方式。
2024-07-25 11:00:25
338
原创 react18
useEffect 渲染操作 事件没有参与 （副作用函数）使用 import _ from 'lodash'父子组件： 子组件props接收，只读属性。id-----uuid 独一无二的id。使用context机制跨层组件通信。classnames 优化类名。redux 集中状态管理工具。useEffect清除副作用。lodash 数据排序。dayjs格式化时间。
2024-05-10 17:50:17
264
原创 vue/uniapp 仿微信聊天列表的日期显示
在搞websocket的聊天时，遇到了一个小问题，就是判断列表的时间，有意思的是，怎么让它和微信一样展示，判断消息的时间，同一天的只显示时间，不是同一天但小于一天的“昨天”+时间显示，大于一天小于7天按星期几显示，其他的就按日期+时间显示。我这里的时间显示的格式为xxxx-xx-xx xx:xx:xx,在哪需要改动时间的显示样式，就在那调用函数formatSendTime。
2024-03-06 10:39:51
895
原创 uniapp 滑动代码块 获取验证码
整体的思路是让ui给你一个整图，然后抠出来一个滑块图，把深色的缺口图，随机放到某一个位置，用滑块的x轴数值去对比缺口的x值，可以留一些空间，验证通过就写别的方法，我这里的y轴是固定的，如果不想，可以试着改改。
2024-03-04 11:13:02
2259
3
原创 css瀑布流
用纯css样式搞定瀑布流，上次用了一个特殊的代码实现了，不过代码忘记保存导致找不到了，这里就先说两种方法，一个是flex布局，另一个是使用column-count属性。这里使用的都是组件，如果只给组件外面的盒子加这行代码，可以实现瀑布流效果，但会出现排版错误，这个是根据最短列的高度决定的（内容在列之间断开了），要解决的使用以下。这样也可以实现所想要的效果。
2023-10-19 13:37:59
170
1
原创 uniapp引用地图map的页面错误（logo隐藏）
划红线的地方，是页面会出现的错误，这是引用api自带的,在uniapp中,map组件的层级是最高的，如果我们引用的时候，下面出现底部按钮或者需要遮盖的时候，哪一行的字，会出现在最上方，达不到想要的效果，这就需要设置层级，由此差不多想到的是z-index，这个通常会用的层级代码，这里试过了不管用，如果想要的效果，得使用如下代码;
2023-10-19 12:21:32
1070
2
原创 gitee解决代码合并冲突 易懂 易会 易掌握
一般开发的时候，会在dev分支上开发，有的公司不严格要求的话，可以按照自己一个分支的写，但是合并的时候可能会麻烦一下，不过问题都好解决。上一篇文章写的是远程分支合并问题，本章写一下本地分支合并的问题，傻瓜式操作，仅供参考使用。代码行的分支已经从master 改成 order 这样切换分支成功。3.我演示用order分支（名字随便起的 做演示用的）8.删除分支，本次分支解决完，不需要留存了，直接删除。本次演示的是都在dev的代码上进行合并的时候。7.把解决好的代码push到要合并的分支。
2023-09-16 16:13:49
1025
3
原创 gitee/git 使用 以及解决合并冲突（代码类型）
通常在代码库中，没有权限去合并代码，要通过申请才可以，当我们写完某个功能或者页面时，可以通过gitee的 +Pull Request 进行代码合并提交申请，如下图。正文：一般开发会创建自己的分支，并逐渐合并到dev分支上，并且更新到master上，自然而然在合并的时候会产生一些错误，本次解决问题用代码合并问题。如果代码改动的样式并不影响上次代码的话，两者合并会出现绿色的提示，当有绿色的时候，可以直接合并，不需要解代码合并冲突。如果代码有冲突，使用下面的命令查看冲突文件，这时候可以在代码编辑器。
2023-09-12 11:56:00
1248
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人