- 博客(50)
- 收藏
- 关注
RSS订阅原创 vue + element-ui 季度选择器组件 el-quarter-picker
vue + element-ui 季度选择器组件 el-quarter-picker-CSDN博客。控件，无奈element-ui框架没有，想着自己实现一个出来，参考的日期选择器实现的。最近项目中需要用到季度。
2025-03-07 14:05:05
405
原创 vue(vue2和vue3)项目打包去除console.log 和禁用Source Map
【代码】vue(vue2和vue3)项目打包去除console.log。
2024-08-05 16:43:45
694
原创 实现el-tree的过滤节点树-的数据
目的：a-tree的组件库默认不支持过滤节点树--只能展示全部树-搜索的内容部分高亮展示。解决-需要自己写一个递归 根据搜索内容返回树的数据。
2024-07-23 11:38:27
479
原创 url参数含有特殊字符-问题
在使用url进行参数传递时，经常会传递一些中文名（或含有特殊字符）的参数或URL地址，在后台处理时会发生转换错误。这些特殊符号在URL中是不能直接传递的，如果要在URL中传递这些特殊符号，那么就要使用他们的编码了。编码的格式为：%加字符的，即一个百分号%，后面跟对应字符的ASCII（16进制）码值。例如空格的编码值是"%20"。下表中列出了一些URL特殊符号及编码。一般来说，URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。
2024-06-20 08:59:34
1083
原创 JavaScript：a-calc解决前端精度问题
a-calc是一个用于计算数学表达式的npm包。除此之外，a-calc还提供了一些常用的数学函数，如平方根、求幂和取模运算。使用a-calc非常简单。你只需要引入a-calc包，然后通过调用其提供的方法来进行计算。例如，你可以使用a-calc的add方法来计算两个数的和，使用multiply方法来计算两个数的乘积。除了这些基本的操作，a-calc还提供了evaluate方法，可以用于计算复杂的数学表达式。无论是简单的算术运算还是复杂的数学表达式，a-calc都可以帮助你轻松地进行计算。
2024-06-07 15:23:24
448
原创 vue-封装上下(垂直方向)轮播
一个垂直方向(上下)的轮播demo 分为两种情况一.上下平滑轮播-移入停止-移出继续轮播。二.加了控制条件的上下轮播-我只是写了个demo(我这个控制条件是5s停顿一次 接着轮播)需求：没有找到特别好的上下轮播插件-所以自己写了一个简单的demo。
2024-05-23 10:34:55
755
1
原创 Ant Design Vue的上传图片组件Upload封装和遇到的问题
问题：上传图片后图片会打印两次的问题(因为什么引起的--也是看了文档找了一圈 主要是因为没有传uid这个参数 )需求--封装Upload组件（这是我封装的 大家看看就好）
2024-04-24 15:57:08
536
原创 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
2010
5
原创 解决前端笔记本电脑屏幕显示缩放比例125%、150%对页面大小的影响问题--数据可视化大屏
2. 在入口文件main.js引入。1.新建一个js文件。
2024-04-10 14:38:26
3192
原创 uniapp实现页面无法进行任何操作
touchstart.stop.prevent @touchmove.stop.prevent 这两个方法加在标签上 就能实现 有什么缺陷目前我还没发现。问题：uniapp的项目中 某一个页面不能进行任何操作 主要应用于详情。
2024-03-28 20:02:01
391
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
2172
原创 前端-js实现文本复制到剪切板
navigator.clipboard.readtext这个方法开发的时候有用,编译后测试却不生效。功能需求：右键的时候可以复制当前的文本 到剪切板 能直接粘贴。
2023-12-26 22:00:44
178
原创 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
633
原创 webSocket原理介绍-使用-相应方法等-浏览器实现 和 uniappwebSocket实现
【代码】WebSocket原理介绍-使用-相应方法等。
2023-10-12 11:43:28
129
原创 promise.all和promise.race的应用场景并举例说明
弹框弹出后的初始情况下，就让这个弹出框处于数据加载中的状态，当这两部分数据都从接口获取到的时候，才让这个数据加载中状态消失。让用户看到这两部分的数据。那么此时，我们就需求这两个异步接口请求任务都完成的时候做处理，所以此时，使用Promise.all方法，就可以轻松的实现，我们来看一下代码写法。比如：用户点击按钮，会弹出一个弹出对话框，对话框中有两部分数据呈现，这两部分数据分别是不同的后端接口获取的数据。Promise.all( ).then( )适用于处理多个异步任务，且所有的异步任务都得到结果时的情况。
2023-10-11 15:13:46
163
原创 vue 前端截图实现自定义截图
问题：需要在项目上实现自定义截图功能 截图区域是自定义的 并不是固定宽高截图所以没用html2Canvas。直接复制代码 到一个页面上 是能出来效果的 但是截图完成后的操作 需要自己定制一下 改代码。解决方法：安装js-web-screen-shot 这个包。
2023-10-09 16:09:25
435
原创 前端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
553
原创 vue3+vue3-video-play实现视频预览
问题：自带的video功能还是较少 vue3-video-play(^1.3.1-beta.6)这个组件我觉得功能还是挺多的。功能：设置里镜像/循环/关灯 还有画中画模式。
2023-09-07 18:00:14
1292
2
原创 react+react-draggable的表格头能进行拖拽
解决：react-draggable(4.4.5)我用的是这个版本 使用这个后 表格的宽度好像是必须给的。问题：react的antd Design组件库的表格不支持表格头拖拽 又增需求让拖拽。
2023-09-07 17:51:53
273
原创 vue3+vuedraggable的上传图片后 图片列表的拖拽排序
技术：vue3 + vuedraggable(4.1.0) + element plus的el-upload 代码如下。问题：实现图片列表的拖拽排序 更方便调整图片位置--如果用的v2我文章也有。
2023-09-07 17:36:31
635
原创 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
1186
1
原创 vue的图片预览 点击按钮或者别的地方实现大图预览el-image
解决：我使用的是el-image的功能 能进行大图预览 代码如下。问题：实现点击按钮或者别的地方 能预览大图。
2023-09-07 15:00:28
3074
原创 Vue2库打包sdk文件
2.需要准备一个入口文件 我在App.vue同级创建了index.js打包导出需要打包的组件。下面是vue.config.js的文件。问题：需要把组件打包为sdk文件。
2023-06-28 14:12:50
771
1
原创 vue + vuedraggable 实现拖拽上传图片预览删除功能
第一段代码整洁使用 需要先下载vuedraggable插件 npm i vuedraggable。问题：vue2+el-upload组件上传的图片 实现图片拖拽。
2023-06-07 16:25:35
607
原创 el-tree树形节点过滤--不生效
问题:树节点过滤结果不生效 组件很简单 事件也很简单 我就不多说了 我遇见的问题是因为我还做了 树 X轴 溢出显示滚动条 导致 过滤数据不变化了。解决:我这个是样式导致的 display:block这个。
2023-06-01 16:46:08
2267
原创 vue2项目实现动态路由 component报错
使用动态路由的时候 component这个属性 报错 找不到模块 地址明明看着一模一样 但是就是找不到 写死就没问题！个人理解 可能是数据库和前端底层有关系。返回的地址 @/views/deviceManagement/workshop这样错误 出不来。/deviceManagement/workshop这样错误 出不来。后端存的地址 不能包括@/views/
2023-05-31 18:19:56
640
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人