- 博客(57)
- 收藏
- 关注
RSS订阅原创 echarts图表在页面中（tabs）切换修改数据时，控制台警告There is a chart instance already initialized on the dom.
使用echarts.getInstanceByDom。：销毁实例，实例销毁后无法再被使用；如果已经有实例了，说明不是初始化，所以先使用。
2025-12-17 17:38:25
113
原创 uniapp开发微信小程序，在微信小程序中怎么关注公众号或者怎么引导关注公众号（CV=＞文心一言）
在uni-app中开发微信小程序时，引导用户关注公众号通常是通过放置公众号二维码图片或者利用微信小程序的官方API来实现的。但需要注意的是，微信小程序本身并没有直接的API可以一键关注公众号，因为这会涉及到用户的隐私和微信的安全策略。
2025-11-11 23:13:34
312
原创 vue开发中，如果出现了反显数据有问题（后端明明返回的有数据，但就是不反显，没有值）是什么原因
在Vue开发中，当编辑页面获取详情数据后，部分数据未能正确显示，常见原因是后端返回对象中存在null值（如info:null），导致模板访问深层属性时抛出异常。解决方法：1）数据处理时确保对象结构完整（如this.form.info={}）；2）建议后端返回规范化数据（空对象而非null）；3）前端可封装数据规范化方法或使用v-if保护。这样可避免渲染中断，确保所有字段正常显示。
2025-10-21 14:33:15
290
原创 element-ui使用中的问题
摘要 在Vue+Element-UI项目中，当使用el-date-picker组件时，若在el-form中设置验证规则type为'date'，会导致必填验证失效不显示提示信息。解决方案是将验证规则中的type属性改为'array'，这样就能正常触发required验证并显示"请选择时间"的提示信息。
2025-09-28 15:20:55
123
原创 element时间选择组件type=“monthrange“配置限制最大选择三个月
这段代码实现了一个3个月范围的时间选择器功能。通过onPick事件监听，当用户选择起始日期后，会自动限制可选择范围为起始月的前后各1个月（共3个月区间）。未选择起始日期或已选择结束日期时，则恢复所有日期可选。主要使用moment.js进行日期计算，通过动态设置disabledDate函数来控制日期禁用状态，确保用户只能在3个月范围内选择日期。
2025-09-09 11:33:28
149
原创 git常用操作
本文总结了Git版本控制系统的核心操作流程，涵盖从基础配置到高级管理的完整指南。主要内容包括：Git基本概念（工作区、暂存区、仓库）；初始化配置与基础操作（init、clone、add、commit）；分支管理（创建/切换/合并分支）；远程仓库操作（pull/push/关联）；撤销回退方法（reset/checkout）；以及标签管理和常见问题处理（冲突解决、.gitignore使用）。文章特别强调了项目开发的标准流程：克隆仓库→创建开发分支→提交变更→推送更新，并针对有无远程分支的情况分别提供了具体操作命
2025-08-14 15:21:29
282
原创 微信小程序图片上传配置，默认选择压缩导致的限制失败(限制上传图片的大小和格式）
摘要：使用Taro开发微信小程序时，图片上传功能在开发者工具中正常，但在真机预览时出现5M限制失效和GIF被转为JPG的问题。原因是微信自动压缩机制导致图片大小和格式被修改。解决方案是移除sizeType中的compressed选项，只允许上传原图，确保文件大小和格式校验准确生效。修改后的代码已去除压缩选项，直接校验原图属性。
2025-08-04 14:29:43
760
原创 taro+react重新给userInfo赋值后，获取的用户信息还是老用户信息
摘要： 在Taro+React项目中，当组件A在最外层通过const user = Taro.getStorageSync(userInfo)获取用户信息时，若用户退出登录后重新登录，组件仍显示旧数据。原因是该代码被错误地放在组件函数外部，导致初始值不会更新。解决方案是将该代码移至组件函数内部，确保每次渲染都能获取最新存储值。正确位置应放在useEffect或组件函数体内部，使数据能响应存储变化。
2025-07-29 15:50:47
361
原创 We‘re sorry but visitor_h5 doesn‘t work properly without JavaScript enabled. Please enable it to...
摘要：在使用three.js加载静态资源时，开发环境正常但生产环境报错，控制台显示无法解析JSON的错误。问题原因是静态资源路径配置不当，特别是在qiankun微前端框架下。解决方案是区分环境变量，开发环境使用固定URL，生产环境改用window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__作为基路径。同时需确保主应用的反向代理或nginx能正确转发子应用的静态资源请求。关键代码示例展示了如何动态拼接资源路径以兼容不同环境。
2025-07-25 16:53:15
156
原创 three初体验
本文介绍了使用Three.js创建3D场景的基本流程。核心思想是将场景视为一个"鱼缸"，通过向场景中添加各种元素来构建3D环境。重点包含两个关键函数：initThreeJS()用于初始化场景、相机、光源、渲染器等基础元素，并加载3D模型；animate()则实现动画循环，通过requestAnimationFrame持续更新渲染。文章还详细说明了资源清理、窗口大小自适应等实用技巧，并提供了添加用户标记和沿路径动画的实现思路。整个过程体现了Three.js"组装式"的开
2025-07-18 11:50:51
192
原创 three 创建平铺到地面的轨迹
这段代码使用Three.js创建了一条平滑的3D路径。通过Catmull-Rom曲线算法生成路径点，然后构建几何体形成宽度为0.5单位的半透明蓝色路径带。代码实现了切线计算、顶点生成和三角形索引连接，最终将路径网格添加到场景中。路径贴近地面（y=0.1），并可选添加方向标记。该方法通过单一几何体优化性能，避免了使用多个小平面。
2025-07-14 14:37:30
475
原创 给卡片使用伪类元素添加箭头，卡片加上box-shadow ，箭头的颜色就不对了
CSS伪元素箭头应用box-shadow时可能出现颜色异常，有两种解决方案：1)将box-shadow放在独立容器而非包含箭头的元素上，通过嵌套结构隔离阴影效果；2)使用filter:drop-shadow()替代box-shadow，该滤镜不会影响伪元素。两种方法都能保持箭头样式不受阴影干扰，前者通过结构分离，后者利用滤镜特性实现视觉一致性。
2025-07-09 17:28:18
266
原创 vue3、pinia、vue Router、unocss、vant、axios、javascript项目搭建
本文介绍了如何使用Vite快速搭建一个包含Vue 3、Pinia、Vue Router、Sass等技术的完整项目。首先通过npm init vite初始化项目，然后安装各种依赖包，包括核心框架(Pinia、Vue Router)、样式处理器(Sass、PostCSS)、UI组件库(Vant)、工具链(UnoCSS、ESLint)和HTTP客户端(Axios)。文章详细说明了如何配置Vite、ESLint、PostCSS和UnoCSS，提供了完整的vite.config.js配置示例。最后指导开发者如何引入这
2025-07-01 13:58:25
564
原创 echarts柱状图要给柱子顶部加一个顶的写法方案
本文介绍了一种Echarts柱状图顶部装饰的实现方案。通过创建与数据长度相同的数组barTop，其数值设置为最大值的1/100（若最大值为0则取0）。该方法使用两个bar系列叠加显示，第二个系列作为顶部装饰，设置30%宽度和指定颜色，通过stack属性与主柱状图对齐。作者欢迎提出改进方案，并提供了完整的option配置示例，包括xData、yData定义和两个series的具体设置。
2025-06-27 17:04:46
226
原创 vue渲染中断（模板编译报错：Cannot read property ‘***‘ of null），会导致后续Dom的渲染混乱
Vue响应式数据突变导致的渲染中断问题分析：当data从对象变为null时，未使用可选链直接访问data.notice会抛出错误，导致组件渲染中断，影响后续元素显示。解决方案包括使用可选链(?.)、添加v-if判断、赋值时设置默认值({})等防御性编程。关键是要保持数据结构稳定，避免null导致的渲染中断。这种问题凸显了Vue响应式系统中数据突变的风险，以及防御性编码的重要性。
2025-06-27 10:50:04
371
原创 记录bug：vscode编辑器中改变了代码，但是页面中还是原样，没有变化
在qiankun框架下的Vue后台管理系统中，分包资源配置错误导致问题。主包（含框架结构）的qiankun配置中，分包的entry字段未按环境区分前缀，导致开发和生产环境使用相同资源路径。正确做法应根据process.env.NODE_ENV判断环境，分别设置不同的资源前缀，确保在不同环境下正确加载分包资源。
2025-06-12 17:29:04
438
原创 echarts坐标轴数值，生成的数值是0,100,200,300...，怎么不设置min和max的情况下，让坐标轴的数值相隔200
在此配置中，interval 被设为 200，表示每两个相邻刻度之间的差值为 200。同时设置了 minInterval 和 maxInterval 以确保实际渲染时不会偏离此间隔1。当不提供 min 和 max 参数时，ECharts 默认会根据数据集自动计算合适的范围。此时，只需确保 interval 符合需求即可完成定制化配置4。注意，在某些情况下可能还需要考虑数据分布特性以及图表整体美观程度做适当微调。全文来自 CSDN-C知道。
2025-04-25 15:41:24
245
原创 uniapp开发微信小程序 TypeError: Cannot read property ‘ref‘ of undefined
uniapp开发微信小程序使用插件t-captcha，标签中不能使用 ref。
2024-09-28 09:52:01
625
原创 uniapp开发微信小程序 嵌套(uniapp开发/其他)H5，H5点击跳转微信小程序页面（通信
uniapp开发微信小程序，嵌套webview，H5页面也是用的uniapp框架开发，H5页面点击商品后，需要跳转到微信小程序的详情页面。
2024-09-14 11:52:49
1923
原创 uniapp开发 swiper内部循环后 渲染没问题，但是通过@click 又拿不到 item
uniapp开发 swiper内部循环后 渲染没问题，但是通过@click 又拿不到 item。
2024-08-10 19:12:12
325
原创 uniapp开发npm i卡住不动或报错Module parse failed: Unexpected token File was processed with these loaders...
问题二：uniapp相关依赖版本过高，package.json种的依赖。问题一：npm版本过高。
2024-08-05 11:03:09
813
原创 vant4的组件气泡弹出框van-popover，在列表中遍历后点击一个全部/显示隐藏，解决办法
vue开发，vant4组件库中的 van-popover组件，遍历后显示隐藏问题
2024-06-27 16:17:48
2129
5
原创 JS通过canvas获取旋转90度后的图片
本文介绍了在Vue3+vant4环境下实现横屏签名功能的解决方案。由于vant4签名组件内部canvas无法直接获取，作者采用签名后旋转图片的方案：通过van-signature组件获取签名base64数据，利用canvas进行90度旋转处理，最终生成符合横屏要求的签名图片。代码展示了如何获取签名数据、使用canvas旋转图像，并提供了清除和提交按钮的实现方法。此外，文中还提供了两种实现方案：一种是基于vant组件的封装方案，另一种是更基础的canvas直接实现方案。
2024-06-03 15:08:24
1680
1
原创 vite搭建vue3项目（vue3+vite+js+vant+eslint+postcss+pinia+vueRouter+unocss）
文心一言，既能写文案、读文档，又能绘画聊天、写诗做表，你的全能伙伴！快来看看我和文心一言的奇妙对话～点击链接。
2024-05-22 15:38:16
429
原创 微信小程序打开地图选择位置，返回位置并且调用高德API获得对应位置的省市区
【代码】微信小程序打开地图选择位置，返回位置并且调用高德API获得对应位置的省市区。
2024-05-10 15:35:59
861
原创 uniapp开发微信小程序uview，u-navbar的custom-back无效问题
环境：uniapp，微信小程序，uview1.x，vue2。
2024-04-20 14:43:02
921
原创 uniapp开发微信小程序，小程序上传图片/视频到阿里云oss（调用接口的方式，让后端放）
【代码】uniapp开发微信小程序，小程序上传图片/视频到阿里云oss（调用接口的方式，让后端放）
2024-04-18 17:50:37
631
2
空空如也
uniapp开发H5 uni.navigateBack的delta 页面刷新后无效
2024-09-06
uniapp,uview
2024-02-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人