- 博客(13)
- 收藏
- 关注
原创 uniapp 开发刮刮乐抽奖功能
刮刮乐抽奖功能实现使用canvas标签进行实现,不过uniapp使用的canvas 不可以像原生js那样使用,需要使用uniapp中的方法。
2024-12-11 20:13:02
273
原创 模仿element-ui 开发的季度选择器
因为element时间组件中只有,年 月 周 日 时 相关的选择内容,有一些业务可能触及到季度相关的时间段,自己在为了快速实现在网上找了一些模板并进行借取和完善成自己需要的数据这些自己写也可以比较简单,不过我这里面还是借助的一些element相关的组件,如图是最终的样式。
2024-12-05 15:47:06
173
原创 vue 通过dom元素将页面导出成word文档
根据项目需求,通过dom元素将页面导出成word文档,支持word文档的查看和编辑,(来人,直接上代码)4 代码演示(注意一定要写行内样式 不然导出来的样式不生效)2 在进行下载file-saver,将文件进行本地下载。1 先下载html-docx-js依赖,官网。3 页面内使用下载的依赖。
2024-10-15 15:45:00
354
2
原创 vue 实现窗口飘窗效果
在开发项目时,防一个网站上面的动态飘窗效果,网站是使用jq进行开发的,不过自己的项目用的是vue进行开发,准备手写一个飘窗效果,网上看了vue很多案例,感觉功能不是很完善,会存在一些问题,自己根据一套使用js编写的案例进行完善了下vue的飘窗效果。
2024-08-21 11:23:51
742
原创 H5微信支付
H5进行静默微信授权_微信h5静默授权 state-优快云博客在H5公众号项目中使用的是uniapp进行开发,在开发中需要用到一些微信的支付、扫码等功能,这些都需要进行一个微信授权获取到code,由于uniapp的方法不支持h5直接获取code,所以只能使用微信授权链接进行获取,但是根据需求获取还需要不能显示授权页,所以就使用一个静默授权的操作项目我们要用到自己appid和当前线上地址的回调页面,根据自己需求进行设置不同的回调页面。_微信h5静默授权 state。
2024-08-12 10:37:45
1253
原创 H5进行静默微信授权
在H5公众号项目中使用的是uniapp进行开发,在开发中需要用到一些微信的支付、扫码等功能,这些都需要进行一个微信授权获取到code,由于uniapp的方法不支持h5直接获取code,所以只能使用微信授权链接进行获取,但是根据需求获取还需要不能显示授权页,所以就使用一个静默授权的操作项目我们要用到自己appid和当前线上地址的回调页面,根据自己需求进行设置不同的回调页面。
2024-08-09 10:45:44
763
2
原创 实现el-table表格动态合并
如上图所示 我们要根据左侧三列进行每一列的相同名称合并,对每一行相同名称也进行一个合并,当时也在网上查找了一些案例 该图也是其中一个案例的数据,不过那是写死的需要一个一个去配置 如果数据过多就比较麻烦 ,下面是全部的代码 数据可以自己添加调试一下。在Vue项目中,我们经常使用的组件库就是element,但是根据一些夸张的需求我们可能要进行一些数据处理和组件的处理,对于el-table单元格的合并组件中也存在案例,但是那都是写死的 我们需要一个动态的合并。
2024-03-15 17:27:37
943
1
原创 前端js实现输入框、富文本、文字脱敏
请注意,这个示例仅用于演示目的,并没有考虑性能优化和边界情况。在实际应用中,你可能需要添加更多的逻辑来处理不同的脱敏需求,例如处理大小写、部分匹配、多个连续敏感词等。此外,对于大型应用或高频更新的输入,你可能需要考虑使用防抖(debounce)或节流(throttle)来优化性能。会自动更新,显示脱敏后的内容。这里使用了正则表达式来匹配和替换敏感词汇,将其替换为相同长度的星号。输入框中的内容进行多词汇的脱敏处理,你可以使用Vue的双向数据绑定(变化时重新计算,并对输入内容进行脱敏处理。
2024-02-28 14:44:43
516
原创 vue获取本地xlsx文件数据内容
请注意,由于这是一个静态资源,因此文件路径是相对于项目根目录的,并且不会受到Webpack别名或路径解析的影响。文件作为静态资源放在项目中,并直接读取它,你需要使用不同的方法,因为静态资源文件在构建过程中会被Webpack处理,并且路径会变成相对于构建输出的路径。文件并不常见,因为这通常用于在开发过程中提供测试数据,而不是在生产环境中动态读取用户上传的文件。文件并读取其内容,你应该使用前端表单处理和后端文件上传API来接收和处理这些文件,而不是将文件硬编码到项目中。在你的Vue组件中,你可以使用。
2024-02-28 14:37:56
1670
原创 echarts图表 tooltip提示框,xAxis X轴,formatter自定义
实现echarts x轴自定义、悬浮框自定义、双y轴重叠问题
2022-08-02 13:58:33
5229
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人