- 博客(40)
- 收藏
- 关注
RSS订阅原创 Ant Design Vue的上传图片组件Upload封装和遇到的问题
问题：上传图片后图片会打印两次的问题(因为什么引起的--也是看了文档找了一圈 主要是因为没有传uid这个参数 )需求--封装Upload组件（这是我封装的 大家看看就好）
2024-04-24 15:57:08
226
原创 uniapp 小程序实现微信授权登录（前端和后端）
后端：https://gitee.com/ZHANG_6666/express–vue3–ant-design2/blob/master/routes/users.js。前端：https://gitee.com/ZHANG_6666/uni-app/blob/master/pages/myCenter/myCenter.vue。原文链接：https://blog.csdn.net/weixin_43835425/article/details/131147690。2.后端代码（node.js）
2024-04-11 16:57:00
350
原创 解决前端笔记本电脑屏幕显示缩放比例125%、150%对页面大小的影响问题--数据可视化大屏
2. 在入口文件main.js引入。1.新建一个js文件。
2024-04-10 14:38:26
520
原创 uniapp实现页面无法进行任何操作
touchstart.stop.prevent @touchmove.stop.prevent 这两个方法加在标签上 就能实现 有什么缺陷目前我还没发现。问题：uniapp的项目中 某一个页面不能进行任何操作 主要应用于详情。
2024-03-28 20:02:01
91
1
原创 Permissions policy violation: fullscreen is not allowed in this document. uniapp的webview内嵌视频组件的页面
uni-app开发使用video报错：The element has no supported sources.问题1：uniapp的web-view 内嵌 视频组件的页面的时候 视频不能全屏问题。问题2: 视频能全屏操作了 但是全屏后的视频是 竖着 不能横屏全屏展示。
2024-03-28 11:26:48
234
原创 前端-js实现文本复制到剪切板
navigator.clipboard.readtext这个方法开发的时候有用,编译后测试却不生效。功能需求：右键的时候可以复制当前的文本 到剪切板 能直接粘贴。
2023-12-26 22:00:44
98
原创 uniapp-实现弹窗(对话窗)拖动--或者任一元素拖动
movable-view css上加 pointer-events: auto。能解决uniapp movable-view组件层级太高，导致里面事件无响应解决办法。实现：小程序自带拖动标签 <movable-area><movable-view/></movable-area> 这两个标签组合就能实现。movable-area css加 pointer-events: none。需求：能实现popup的那个弹窗进行拖动。
2023-11-08 09:26:37
349
原创 webSocket原理介绍-使用-相应方法等-浏览器实现 和 uniappwebSocket实现
【代码】WebSocket原理介绍-使用-相应方法等。
2023-10-12 11:43:28
44
原创 promise.all和promise.race的应用场景并举例说明
弹框弹出后的初始情况下，就让这个弹出框处于数据加载中的状态，当这两部分数据都从接口获取到的时候，才让这个数据加载中状态消失。让用户看到这两部分的数据。那么此时，我们就需求这两个异步接口请求任务都完成的时候做处理，所以此时，使用Promise.all方法，就可以轻松的实现，我们来看一下代码写法。比如：用户点击按钮，会弹出一个弹出对话框，对话框中有两部分数据呈现，这两部分数据分别是不同的后端接口获取的数据。Promise.all( ).then( )适用于处理多个异步任务，且所有的异步任务都得到结果时的情况。
2023-10-11 15:13:46
66
原创 vue 前端截图实现自定义截图
问题：需要在项目上实现自定义截图功能 截图区域是自定义的 并不是固定宽高截图所以没用html2Canvas。直接复制代码 到一个页面上 是能出来效果的 但是截图完成后的操作 需要自己定制一下 改代码。解决方法：安装js-web-screen-shot 这个包。
2023-10-09 16:09:25
203
原创 前端url地址实现中英文解码编码
问题：中文路径的地址给后 会将中文编码为%英文。从一个URL中看起：http://www.baidu.com/s?wd=%E6%88%91%E6%98%AF%E5%A5%BD%E4%BA%BA 而实际的数据是 http://www.baidu.com/s?wd=一段中文文字 当你需要进行遍历的话 是匹配不上的 你需要进行解码。解决：通过decodeURI函数 decodeURI(地址路径行了)
2023-09-08 10:21:59
245
原创 vue3+vue3-video-play实现视频预览
问题：自带的video功能还是较少 vue3-video-play(^1.3.1-beta.6)这个组件我觉得功能还是挺多的。功能：设置里镜像/循环/关灯 还有画中画模式。
2023-09-07 18:00:14
711
原创 react+react-draggable的表格头能进行拖拽
解决：react-draggable(4.4.5)我用的是这个版本 使用这个后 表格的宽度好像是必须给的。问题：react的antd Design组件库的表格不支持表格头拖拽 又增需求让拖拽。
2023-09-07 17:51:53
109
原创 vue3+vuedraggable的上传图片后 图片列表的拖拽排序
技术：vue3 + vuedraggable(4.1.0) + element plus的el-upload 代码如下。问题：实现图片列表的拖拽排序 更方便调整图片位置--如果用的v2我文章也有。
2023-09-07 17:36:31
381
原创 vue2使用Swiper实现图片轮播-任意图片匀速轮播等等
/ 基础使用 我命名的组件名是 SmoothCarousel v-if和类名是必须传的 类名传的字符串都可以 唯一就行swiper类型不唯一 多个地方使用 会共用一份数据 v-if是异步数据问题 不加的话 可能动画没效果。// 扩展 不想自动播放想要左右箭头 传参数 autoplay='false' isButton='true'解决：使用的是"swiper": "4.5.1", 版本是4.5.1 代码如下。// 上面代码 在vue2上 复制就可以直接使用。
2023-09-07 15:08:15
643
原创 vue的图片预览 点击按钮或者别的地方实现大图预览el-image
解决：我使用的是el-image的功能 能进行大图预览 代码如下。问题：实现点击按钮或者别的地方 能预览大图。
2023-09-07 15:00:28
1893
原创 Vue2库打包sdk文件
2.需要准备一个入口文件 我在App.vue同级创建了index.js打包导出需要打包的组件。下面是vue.config.js的文件。问题：需要把组件打包为sdk文件。
2023-06-28 14:12:50
394
1
原创 vue + vuedraggable 实现拖拽上传图片预览删除功能
第一段代码整洁使用 需要先下载vuedraggable插件 npm i vuedraggable。问题：vue2+el-upload组件上传的图片 实现图片拖拽。
2023-06-07 16:25:35
476
原创 el-tree树形节点过滤--不生效
问题:树节点过滤结果不生效 组件很简单 事件也很简单 我就不多说了 我遇见的问题是因为我还做了 树 X轴 溢出显示滚动条 导致 过滤数据不变化了。解决:我这个是样式导致的 display:block这个。
2023-06-01 16:46:08
1416
原创 vue2项目实现动态路由 component报错
使用动态路由的时候 component这个属性 报错 找不到模块 地址明明看着一模一样 但是就是找不到 写死就没问题！个人理解 可能是数据库和前端底层有关系。返回的地址 @/views/deviceManagement/workshop这样错误 出不来。/deviceManagement/workshop这样错误 出不来。后端存的地址 不能包括@/views/
2023-05-31 18:19:56
354
原创 uniapp 基于单选框多选框实现上拉触底多选/单选、回显
showPickerCheckbox弹层显示 label和value 类似下拉框的label和value一个意思 键和值。结果:可以传接口(接口只能post请求) 可以搜索 下面是结果图片展示 单选多选都可以。fieldValue回显传的值 传的是字符串 数组的话[1,2]转为1,2格式传入。mode是控制的单选还是多选 true为多选默认值 其余参数 单选多选一样。fieldName字段名 确定后会返回该字段名 根据字段名找对应的传入值。问题:在uniapp上 实现分页多选的操作。下面是组件的完整代码。
2023-05-25 17:39:46
1851
3
原创 vue 基于el-table实现多页多选/单选、翻页回显过程
type="selection"可以设置表格进行多选 row-key 指定数据的 Key，用来优化 Table 的渲染。@selection-change="handleSelectionChange"这一个事件 是单选使用的 二选一。2.能实现的效果 一.表格多选 和 表格多选进行回显 二.表格单选 和 表格单选进行回显。@select单选的事件 @select-all多选的事件 这两个事件用于多选使用。1、问题：表格可以多选/单选 分页的时候 表格数据能进行回显。
2023-05-24 17:12:35
3202
4
原创 vue2动态表单的 prop校验 多层数据结构
data里面的数据是这样的data：{form：{extraList:[ { tables: [] } ] } } 动态表单校验。这是部分代码 最下面是完整代码 表单里嵌套表格 可以新增每个表格。我这里用了Collapse 折叠面板--
2023-04-11 14:07:25
729
原创 echarts二级页面展示响应式 和 resize事件报错
echarts图表实现自适应 和 resize事件报错 Cannot read properties of null (reading 'getAttribute')
2023-02-27 10:30:05
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人