- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue3 代替vue2中的export default 中的name
摘要 Vite项目中可以通过安装vite-plugin-vue-setup-extend插件来扩展Vue单文件组件的setup语法支持。安装后，在vite.config.js配置文件中引入vueSetupExtend插件，并将其添加到plugins数组中即可完成配置。该插件能够增强Vue3的setup语法功能，提升开发体验。
2025-08-15 14:27:15
67
原创 uniapp 使用高德地图创建图层 在h5正常显示 安卓应用不能正常显示出图片
摘要：本文解决了高德地图API中图片图层(ImageLayer)无法正常显示的问题，通过改用CanvasLayer实现图片渲染。原代码使用ImageLayer时，返回的图片可能因尺寸过大无法显示。优化方案包括：1)创建Canvas元素并设置固定尺寸；2)处理图片加载和绘制逻辑，保持宽高比；3)添加错误处理机制。改进后的代码通过createCanvas方法动态绘制图片，解决了显示异常问题，同时保留了原有的图层添加和删除功能。该方法有效提升了图片加载的稳定性和兼容性。
2025-08-11 15:53:54
198
原创 uniapp 在线预览pdf文件h5和安卓手机端
本文介绍了一个基于uni-app的PDF阅读器实现方案。通过在static目录下创建pdf文件夹并配置pdfjs库，修改viewer.js文件解除跨域限制，实现PDF文件在线预览功能。组件包含加载状态提示、错误处理和PDF展示区域，通过web-view组件加载PDF文件。关键点包括：1)使用PDF.js库的viewer.html作为基础；2)通过encodeURIComponent处理文件路径；3)添加加载动画和错误处理机制；4)组件卸载时释放资源。该方案适用于需要在线预览PDF文件的移动应用场景，具有较好
2025-08-07 15:19:40
175
原创 高德地图清除聚合点 聚合点显示隐藏
摘要：通过设置weatherCluster聚合数组的setMap属性，可以控制地图上聚合点的显示与隐藏。当传入map参数时显示聚合点，传入null时则隐藏。这种操作方式简洁高效，便于动态管理地图上的聚合点显示状态。
2025-07-29 15:59:22
83
原创 uniapp echarts适配h5和安卓
摘要：在uniapp中使用ECharts时，H5端正常显示但安卓端出现报错"TypeError: Cannot read property 'getElementById' of undefined"。解决方案是使用renderjs模块专门处理安卓端渲染，通过change:msg属性触发图表初始化。代码中同时提供了H5端和安卓端两种实现方式，H5端直接在onMounted中初始化ECharts，安卓端则在renderjs模块中通过initChart方法渲染图表。两种方式都实现了包含两条折
2025-07-23 09:34:47
169
原创 vue2大屏适配
本文实现了一个Vue的可缩放容器组件ScaleBox.vue及其在可视化大屏中的应用。ScaleBox组件通过监听窗口resize事件，动态计算并应用缩放比例，确保内容始终适配不同屏幕尺寸。组件支持自定义宽高（默认1920×1080），采用CSS transform实现缩放效果，并添加了防抖优化。 父组件App.vue中集成了三个ECharts图表，使用ScaleBox作为容器，实现了大屏可视化布局。图表配置包括饼图示例、白色文本样式调整等，同时处理了组件的生命周期和内存管理。整体方案通过背景图、固定布局和
2025-07-17 00:22:29
110
原创 uniapp 安卓APP应用 进行微信支付和支付宝支付
本文介绍了微信支付和支付宝支付在uniapp中的实现方法。微信支付需要注意包名和应用签名一致，需构造包含appId、nonceStr等参数的orderInfo对象，并处理支付成功/失败的场景。支付宝支付相对简单，直接传入订单字符串参数即可。两者都实现了支付成功跳转回上级页面和失败提示的功能。微信支付还特别区分了iOS和Android平台，并处理了用户取消支付的场景。
2025-06-10 16:19:32
361
原创 JAVA 继承中 访问构造方法的特点
子类在初始化的时候，有可能会使用到父类中的数据，如果父类没有完成初始化，子类将无法使用父类的数据。子类构造方法的第一行语句默认都是：super(),不写也存在，且必须在第一行。子类初始化之前，一定要调用父类构造方法先完成父类数据空间的初始化。子类中所有的构造方法默认先访问父类中的无参构造,在执行自己。如果想调用父类有参构造,必须手动写super进行调用。父类中的构造方法不会被子类继承。
2025-03-19 17:55:16
134
原创 Java 继承的方法重写概念
子类重写父类方法时,访问权限子类必须大于等于父类(eg: 空着不写<protected<public)可以继承的方法是:非private、非static、非final的，可以继承的方法会加载到虚方法表里。子类重写父类方法时,返回值类型子类必须小于等于父类。重写方法的名称、形参列表必须与父类中的一直。只有被添加到虚方法表中的方法才能被重写。建议:重写的方法尽量和父类保持一致。
2025-03-19 17:38:21
112
原创 java Scanner 控制台录入
接受字符串 next();遇到空格、制表符、回车就停止接受。这些符号后面的数据就不会接受了。接受字符串 nextLine();接受字符串,可以接受空格、制表符,遇到回车才停止接受数据。接受小数: nextDouble();接受整数: nextInt();Scanner的键盘录入使用。Scanner录入的语法。
2025-03-12 11:00:56
191
原创 git 操作
git commit -m “描述内容”git checkout -b 分支名。git branch -d 分支名。git push 分支名。
2024-05-22 10:50:54
156
原创 git切换http地址
切换http地址可能会涉及到登录凭证的修改，如果你已经存储有旧的凭证信息，可能需要重新输入新的凭证信息。– 切换到https地址后，每次推送代码都需要输入用户名和密码进行验证，而不是使用之前的ssh密钥验证方式。如果输出显示你所设置的新的http地址，则表示切换成功。[新的http地址]
2024-04-11 09:26:10
636
2
原创 uniapp 自定义下拉框
根据 https://gitee.com/kcren/uniapp-dropdown-filter/tree/master自己加了一层封装 可以进行切换选择下拉内容模板 在components下创建ren-dropdown-filter/ren-dropdown-filter.vue图标的引用 和颜色 可以自己进行修改请选择{{ navData[actNav?
2023-03-17 10:25:56
4308
原创 el-tree 动态数据默认选中
el-tree： element ui 树形组件在data中有一个固定变量 让el-tree组件 一加载就渲染默认选中想要高亮的项<template> <div class="home"> <!-- 方式一: 直接在el-tree中 添加以下属性:current-node-key="curren" --> <el-tree highlight-current node-key="label" ..
2022-03-29 21:55:58
11954
1
原创 Vue-生命周期的理解+生命周期图示的理解
了解组件 从创建-> 运行->销毁 的三个阶段了解 vue 生命周期的一个过程生命周期生命周期(Life Cycle) 是指一个组件从创建 -》 运行 -》 销毁的整个阶段,强调的是一个时间段。生命周期函数是由 vue 框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行。注意: 生命周期强调的是时间段,生命周期函数强调的是时间点组件生命周期函数的分类生命周期图示可以参考 vue 官方文档给出的“生命周期图示”，进一步理解组件生命周期执行的过程： ( 侧边栏-.
2021-12-12 22:42:01
662
原创 AJAX+FormData 实现头像上传和图片预览
主要的实现步骤：① 使用文件选择器选择图片文件② 把用户选择的文件存入 FormData 对象③ 使用 axios 把 FormData 发送给服务器④ 模拟文件选择器的点击事件ajax提交服务器formdata存放数据获取文件对象 files获取文件对象地址 URL.createObjectURL();以下是全部代码:html <div class="thumb-box"> <!-- 头像 --> <img src="./image
2021-11-01 20:05:06
356
原创 JS-手风琴
手风琴主要是排他思想<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>手风琴</title> <style> ul { list-style: none; } * { margin: 0; padding: 0; } div { .
2021-10-12 20:06:34
166
原创 JS-轮播图案例
**分析：需求①：小图标鼠标经过事件鼠标经过小图片，当前高亮，其余兄弟变淡 添加类需求② ：大图片跟随变化对应的大图片跟着显示，如果想要过渡效果，可以使用opacity效果，可以利用CSS淡入 淡出的效果，还是添加类需求③：右侧按钮播放效果点击右侧按钮，可以自动播放下一张图片需要一个变化量 index 不断自增然后播放下一张图片如果到了最后一张，必须要还原为第1张图片教你一招： 索引号 = 索引号 % 数组长度 （放到播放前面）需求④：解决一个BUG点击右侧按钮可以实现播放下一张，
2021-10-12 19:52:47
287
原创 JS-仿京东固定导航栏案例
需求：当页面滚动到秒杀模块，导航栏自动滑入，否则滑出JavaScript获取HTML距离浏览器的距离: document.documentElement,scrollTop获取元素距离父节点的距离: 元素.offsetTop<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" con
2021-10-12 19:46:25
754
原创 页面滚动显示返回顶部按钮
需求：当页面滚动500像素，就显示返回顶部按钮，否则隐藏， 同时点击按钮，则返回顶部JavaScript获取页面HTML的滚动条距离获取HTML页面: document.documentElement获取内容距离: document.documentElement.scrollTop<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h
2021-10-12 19:35:51
414
原创 JS-模拟京东倒计时效果
计算到下课还有多少时间事件戳全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /
2021-10-09 19:24:13
268
原创 JS-实现案例渲染
需求：按照数据渲染页面节点操作: 添加节点全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="i
2021-10-09 19:17:46
374
原创 JS-发布微博案例
需求1：检测用户输入字数需求2： 输入不能为空需求3： 新增留言JS、css、html主要运用 节点操作，日期对象，克隆节点全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <met
2021-10-09 19:09:08
808
1
原创 JS-购物车加减操作
需求：用户点击加号，则文本框+1，点击减号，则文本框-1，如果文本框为1，则禁用减号JavaScript点击事件监听全部源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h
2021-10-07 19:47:25
2429
原创 JS-监听文本输入事件——计算文字字数
需求：用户输入文字，可以计算用户输入的字数JavaScript监听事件 input全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-C
2021-10-07 19:39:42
664
原创 JS-实现 Teb 栏切换
JS-实现 Teb 栏切换需求：点击不同的选项卡，底部可以显示 不同的内容javascript全部代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8" /> <title></title> <style type="text/css"> * { margin: 0;
2021-10-07 19:29:01
464
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人