- 博客(51)
- 收藏
- 关注
RSS订阅原创 微信小程序图片上传的问题(限制上传图片的大小和格式
摘要：使用Taro开发微信小程序时，图片上传功能在开发者工具中正常，但在真机预览时出现5M限制失效和GIF被转为JPG的问题。原因是微信自动压缩机制导致图片大小和格式被修改。解决方案是移除sizeType中的compressed选项，只允许上传原图，确保文件大小和格式校验准确生效。修改后的代码已去除压缩选项，直接校验原图属性。
2025-08-04 14:29:43
265
原创 taro+react重新给userInfo赋值后，获取的用户信息还是老用户信息
但是退出登录后，再重新登陆，重新给userInfo赋值后，再次进入页面后，组件A获取的用户信息还是老用户信息。taro+react 在页面中的组件A中最外层获取存储中的用户信息。这行代码放置的位置不对。
2025-07-29 15:50:47
288
原创 We‘re sorry but visitor_h5 doesn‘t work properly without JavaScript enabled. Please enable it to...
摘要：在使用three.js加载静态资源时，开发环境正常但生产环境报错"Unexpected token '<'"或JS未启用提示。问题源于qiankun框架下路径配置错误。解决方案是：开发环境使用固定地址，生产环境改用qiankun提供的window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__作为基础路径加载资源（如/images/sky.png）。同时需确保主应用的反向代理/Nginx能正确转发子应用静态资源请求。（148字）
2025-07-25 16:53:15
108
原创 three初体验
本文介绍了使用Three.js创建3D场景的基本流程，重点解析了initThreeJS()和animate()两个核心函数。initThreeJS()负责初始化场景、相机、渲染器、光源等基础元素，并加载3D模型；animate()则是动画循环函数，持续更新场景渲染。整个构建过程采用"鱼缸"理念：先创建场景容器，再逐步添加背景、模型、标记等元素。代码还包含了资源清理、窗口自适应等细节处理，以及如何添加用户标记并实现沿路径运动的动画效果。这种模块化构建方式便于逐步扩展3D场景功能。
2025-07-18 11:50:51
144
原创 three 创建平铺到地面的轨迹
该代码实现了在三维场景中绘制半透明蓝色路径的功能。通过CatmullRom曲线生成平滑路径点，计算每个点的垂直方向来创建宽度为0.5的带状路径。使用BufferGeometry优化性能，将所有顶点和索引存储在单一几何体中。路径采用双面半透明材质（透明度0.7），并计算顶点法线实现光照效果。最后可添加可选的方向标记。该方法比使用多个小平面更高效，适合需要流畅展示的3D路径效果。
2025-07-14 14:37:30
440
原创 给卡片使用伪类元素添加箭头，卡片加上box-shadow ，箭头的颜色就不对了
使用CSS伪类元素添加箭头时，box-shadow可能会影响箭头样式，导致视觉异常。解决方法：1）将阴影应用于独立容器，使箭头不继承阴影；2）使用filter: drop-shadow()替代box-shadow，该滤镜效果不会影响伪元素。两种方法都能有效避免箭头颜色异常问题，保持卡片和箭头的视觉一致性。代码示例展示了两种解决方案的具体实现方式。
2025-07-09 17:28:18
214
原创 vue3、pinia、vue Router、unocss、vant、axios、javascript项目搭建
摘要：使用Vite搭建Vue3项目的步骤包括：1)通过npm init vite初始化项目；2)安装核心依赖（Vue3、Pinia、Vue Router）；3)添加样式工具链（Sass/PostCSS/UnoCSS）；4)集成UI库Vant和HTTP客户端Axios；5)配置代码规范工具ESLint；6)调整Vite配置文件支持各插件；7)设置PostCSS自动前缀；8)编写应用代码。注意需区分Vant的小程序版和Web版，推荐配合TypeScript使用。
2025-07-01 13:58:25
486
原创 echarts柱状图要给柱子顶部加一个顶的写法方案
本文介绍了一种Echarts柱状图顶部装饰的实现方案。通过创建与数据长度相同的数组barTop，其数值设置为最大值的1/100（若最大值为0则取0）。该方法使用两个bar系列叠加显示，第二个系列作为顶部装饰，设置30%宽度和指定颜色，通过stack属性与主柱状图对齐。作者欢迎提出改进方案，并提供了完整的option配置示例，包括xData、yData定义和两个series的具体设置。
2025-06-27 17:04:46
168
原创 vue的data（data: {}）值为null时，模板取{{data.notice}}，模板编译报错：Cannot read property ‘notice‘ of null。导致了后续dom显示
Vue响应式数据突变导致的渲染中断问题分析：当data从对象变为null时，未使用可选链直接访问data.notice会抛出错误，导致组件渲染中断，影响后续元素显示。解决方案包括使用可选链(?.)、添加v-if判断、赋值时设置默认值({})等防御性编程。关键是要保持数据结构稳定，避免null导致的渲染中断。这种问题凸显了Vue响应式系统中数据突变的风险，以及防御性编码的重要性。
2025-06-27 10:50:04
321
原创 记录bug：vscode编辑器中改变了代码，但是页面中还是原样，没有变化
在qiankun框架下的Vue后台管理系统中，分包资源配置错误导致问题。主包（含框架结构）的qiankun配置中，分包的entry字段未按环境区分前缀，导致开发和生产环境使用相同资源路径。正确做法应根据process.env.NODE_ENV判断环境，分别设置不同的资源前缀，确保在不同环境下正确加载分包资源。
2025-06-12 17:29:04
325
原创 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
202
原创 uniapp开发微信小程序 TypeError: Cannot read property ‘ref‘ of undefined
uniapp开发微信小程序使用插件t-captcha，标签中不能使用 ref。
2024-09-28 09:52:01
533
原创 uniapp开发微信小程序 嵌套(uniapp开发/其他)H5，H5点击跳转微信小程序页面（通信
uniapp开发微信小程序，嵌套webview，H5页面也是用的uniapp框架开发，H5页面点击商品后，需要跳转到微信小程序的详情页面。
2024-09-14 11:52:49
1556
原创 uniapp开发 swiper内部循环后 渲染没问题，但是通过@click 又拿不到 item
uniapp开发 swiper内部循环后 渲染没问题，但是通过@click 又拿不到 item。
2024-08-10 19:12:12
303
原创 uniapp开发npm i卡住不动或报错Module parse failed: Unexpected token File was processed with these loaders...
问题二：uniapp相关依赖版本过高，package.json种的依赖。问题一：npm版本过高。
2024-08-05 11:03:09
661
原创 vant4的组件气泡弹出框van-popover，在列表中遍历后点击一个全部/显示隐藏，解决办法
vue开发，vant4组件库中的 van-popover组件，遍历后显示隐藏问题
2024-06-27 16:17:48
1827
5
原创 JS通过canvas获取旋转90度后的图片
本文介绍了在Vue3+vant4环境下实现横屏签名功能的解决方案。由于vant4签名组件内部canvas无法直接获取，作者采用签名后旋转图片的方案：通过van-signature组件获取签名base64数据，利用canvas进行90度旋转处理，最终生成符合横屏要求的签名图片。代码展示了如何获取签名数据、使用canvas旋转图像，并提供了清除和提交按钮的实现方法。此外，文中还提供了两种实现方案：一种是基于vant组件的封装方案，另一种是更基础的canvas直接实现方案。
2024-06-03 15:08:24
1507
1
原创 vite搭建vue3项目（vue3+vite+js+vant+eslint+postcss+pinia+vueRouter+unocss）
文心一言，既能写文案、读文档，又能绘画聊天、写诗做表，你的全能伙伴！快来看看我和文心一言的奇妙对话～点击链接。
2024-05-22 15:38:16
408
原创 微信小程序打开地图选择位置，返回位置并且调用高德API获得对应位置的省市区
【代码】微信小程序打开地图选择位置，返回位置并且调用高德API获得对应位置的省市区。
2024-05-10 15:35:59
803
原创 uniapp开发微信小程序uview，u-navbar的custom-back无效问题
环境：uniapp，微信小程序，uview1.x，vue2。
2024-04-20 14:43:02
844
原创 uniapp开发微信小程序，小程序上传图片/视频到阿里云oss（调用接口的方式，让后端放）
【代码】uniapp开发微信小程序，小程序上传图片/视频到阿里云oss（调用接口的方式，让后端放）
2024-04-18 17:50:37
555
2
原创 utils公共函数
该代码片段包含多个实用函数，主要用于处理手机号、登录状态、系统信息、数据同步、时间格式化、数字转换等操作。具体功能包括：手机号中间四位替换为****、检查用户是否登录、判断是否为iOS系统、检测是否在微信环境中、数据同步处理、判断对象是否相同、获取小程序导航栏高度、处理订单数量、时间对比与格式化、数字转时间、价格序列化、数字转汉字等。这些函数适用于前端开发中的常见需求，能够提升开发效率。
2024-02-22 16:28:31
143
原创 Property or method “rightList“ is not defined on the instance but referenced during render.
这是我放在瀑布流中的数据，我需要加工一下，但是这个方法有问题，输出的值不对，所以影响了瀑布流的加载。：把放在瀑布流卡片中的数据全部删掉，再一个个的加上，就能判断是哪个节点除了问题，然后…：uniapp 微信小程序 uview u-waterfall 报错。
2024-02-17 15:40:42
726
原创 uniapp开发移动端项目UI库建议
大部分情况都是用 uview-ui和vant-ui/vant-weapp，根据项目要求选择UI库的版本。vant-weapp — vant官方为了兼容微信小程序专门开发的一套UI库。uni-ui — 没有用过，但是uniapp官方自己的UI库，肯定是没什么兼容性问题。uview2.x — vue3 + vite（因为。的环境，所以运行后会报错，别问我为什么知道！vant-ui — app，移动端H5等。官方新的API，而这些API又是。中有部分组件使用了某些。
2024-02-16 15:27:16
1491
2
原创 uniapp使用 uview组件的u-waterfall，this.$set无效，数据改变视图不变，修改某个item某个属性无效，解决办法
uview1.x, u-waterfall组件，this.$set, 数据改变视图不变
2024-02-05 16:16:47
1637
空空如也
uniapp开发H5 uni.navigateBack的delta 页面刷新后无效
2024-09-06
uniapp,uview
2024-02-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人