- 博客(30)
- 收藏
- 关注
RSS订阅原创 uniapp引入ucharts组件不显示
在自行封装组件的过程中经常遇到的问题就是不显示问题，很多开发者把官网【演示】中的【原生】代码直接变成组件引用，这样的作法是错误的。我们将官网给出的例子里面的onReady()，换成我们开发的平台的生命周期即可，例如我正在开发vue2+uniapp，我可以换成mounted()。
2025-02-21 11:45:25
467
原创 开发完的小程序如何分包
把拖到分包里面的文件从“pages”里面删除，添加到“subPackages”的 root为 “pagesIndex”的分包里面，但是还有非常非常重要的一步，你的页面里面或许含有路径跳转的url信息，例如。我最开始并不会给小程序分包，然后我就各种搜，发现讲的基本上都是开发之前的小程序分包，可是我都开发完要发布了，提示我说主包太大需要分包，所以我就不会了。好几次了，终于想起来写个笔记记一下。好了现在我来描述一下我的方法吧。
2025-02-10 17:05:52
475
原创 uniapp编辑的代码在开发者工具里面不能得到及时的更新
经过本师傅一上午的忙碌，终于发现了好几个报错，这个报错我之前为什么没有发现呢，是因为之前的我是直接把项目放到开发者工具里面了，而这次，我是把项目放到了hbuilder里面，然后运行到小程序模拟器，然后小程序模拟器给了我很多报错，我一个个修改完成之后，惊奇的发现，居然可以改动了，实现边改代码边看效果的好日子了。但是我如果在我外面的文件进行编译，发现根本编译不动，无论是改样式还是该数据，微信开发者工具里面的页面据没有任何变化。没法直接在里面编译，因为这个文件是自动生成的，里面的内容非常之乱。
2025-02-08 15:25:52
177
原创 uniapp原生组件picker延伸出来的 ref 和 reactive 的差异
但是，如果你直接替换整个对象或数组（即分配一个新的引用），Vue 将无法追踪这个变化，因为新的对象或数组不是响应式的。等）来修改现有数组，或者创建一个新数组并使用 Vue 的响应式方法来确保它是响应式的。然而，在上面的场景中，由于我们是从 API 获取整个数组，所以使用。属性时，你是在更新引用所指向的数据，而不是替换引用本身。，需要确保不替换整个数组，而是更新数组的内容。数组本身不是错误的，但关键在于如何正确地处理响应式数据的更新。现在指向了一个新的数组，这个新数组不是响应式的。是更简单和更安全的选择。
2025-02-06 16:00:04
360
1
原创 avue-crud的page属性 分页器不显示 找不到
一般情况下，我们在onLoad里面把数据加载出来的时候就已经有数据了，但是这一次我没有调接口，而且又设置成了0，所有分页器没显示。后来发现我把分页器的total设为了0，所以分页器隐藏了，我已按照官网要求将分页器配置完成，但是仍然不显示。这样就好了，切记要让 total > 0。
2025-01-14 17:00:56
301
原创 前端购物车的全选功能小tips
场景：我们在做购物车功能的时候，需要实现全选功能。① 点击全选按钮，则所有商品变为被选中的状态；② 当所有商品被选中后，取消某商品的选中状态，则全选按钮变为未选中状态③ 手动将所有商品点为选中状态，则全选按钮变为选中状态。
2025-01-10 14:04:34
304
原创 Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidde
用element ui的 el-cascader 选择的时候都会报这样一个错。在App.vue里添加样式。
2024-12-21 14:49:38
6267
1
原创 uniapp获取手机屏幕顶部和底部的安全区域（例如iPhone的刘海屏）
好了，现在我们就能成功的获取到安全区域了，这样就是可以做样式适配了。打印得到的结果：（下图机型为iPhone15ProMax）现在切换一下机型再尝试一下：（切换为iPhoneX）上面图片的打印结果就是我们得到的该机型的安全区域。uniapp有这么一个方法。
2024-11-22 09:09:58
970
原创 uniapp打包后图片不显示
事情是这样的，二次开发了一个uniapp的项目，好不容易搞定了，打算打包上线测试一下，结果下载的apk居然没有我更新的那几张图片文件，奇了怪了，img标签的图片就没显示，但是背景图的图片显示了，所以可以排除静态资源没加载这一个情况。然后我又注意到，之前的图片文件都是用的uniapp人家官方提出的标签“image”，而我用的是js原生标签“img”，所以没有显示，后来我又换成了image标签之后就成功显示了。非得加个类名才能改样式，什么破毛病，导致我一拌又一拌。真是一个巨大无比的坑啊。
2024-11-20 16:36:55
529
原创 vscode打开uniapp项目之后 view text等标签报错
找到这个扩展，点击卸载右面的下拉框，选择2.0.12版本重新安装。安装完之后关闭vscode再打开，重新运行一下项目就可以了。
2024-11-20 13:29:59
730
原创 两种对象赋值方式避坑
做一个项目（vue2）的时候输入框（el-input）绑定了一个值，这个值应该是字符串类型的，但是后端需要传进去一个数字类型的，所以我在调接口传值的时候需要手动把它变为字符串类型，像下面这样，我怕不小心修改了原对象的值，所以我定义了一个新的数组，通过修改这个新数组的值来达到上面的效果。因此，对于这种嵌套的对象或数组，修改它们的内容将影响原始对象和新对象中的对应属性（因为它们引用的是同一个嵌套对象或数组）。我改了新对象里面的值之后，原对象里面的值也随之发生改变了，因为我是这么进行赋值操作的，我是大傻春。
2024-10-21 09:34:08
208
原创 vue3手写nextTick
这个Promise在下一个事件循环中被解析时，会执行微任务队列中的所有任务，包括nextTick添加的回调函数。在下面这段代码中，我将num设为了0，按理说res应该也是0，但其实不是，第16行打印第4行这个dom元素的时候，这个元素其实还没有渲染完，所以获取不到。在vue3的生命周期中，nextTick是极为特殊的一个，它可以提前获取到更新后的dom元素。最后，了解到nextTick的运行机制后，我们就可以通过手写的方式来实现nextTick了。其次我们先通过引入的方式来展现nextTick的作用。
2024-09-25 15:32:55
276
原创 css按钮点击后高亮
最近发现css有个很厉害的样式，点击当前按钮后，当前按钮变为高亮状态，其他按钮恢复默认状态，如下图所示。需要注意的一点是，要想在下一次点击之前保持高亮状态，需要用。来充当按钮，其他标签无效。
2024-09-20 16:55:43
496
原创 JS数组遍历之 Map 和 forEach
二者都可以遍历一个数组，不同的是，map可以生成一个新数组，for不能。输出结果中返回值为undefined。输出结果中，返回值是一个新数组。
2024-09-20 15:44:20
297
原创 vue用懒加载进行加载的页面放到线上之后不显示
在中秋假期之前，我想给项目做一个首页优化，然后用到了懒加载，如图，这两个页面我打算用懒加载的方式进行加载的，前端大佬肯定一眼就看出问题所在了，我tm忘了写 () => ，我真无语了，而且这次修改是中秋节之前发生的，等放完假回来我早忘了改了哪里了，用git版本回退也没用。（我总是忽略浏览器给的warning，以后大家一定要仔仔细细看人家给的建议，救了我一条小命）插播一句，其实遇到页面不显示的问题，而且控制台没报错，一般就是路由出问题了，也怪我经验不足，在这里摔了一跤，多多总结多多总结。
2024-09-19 15:53:17
299
原创 JS数组去重各方法效率对比
ps：在测试代码的首尾分别添加 console.time("time");和console.timeEnd("time");即可测出该部分代码运行时长。
2024-09-18 14:15:55
689
原创 js定时器和延时器
3000毫秒之后执行延时器里的内容，里面的内容只执行一次。每隔一段时间执行一次定时器里的内容。1、定时器setInterval。2、延时器setTimeut。
2024-09-10 13:15:01
410
原创 vue3配置常用代码片段
vscode左下角齿轮--->代码片段 ---> 输入vue.json--->复制以下代码粘贴到vue.json文件里即可。
2024-09-09 14:39:38
843
原创 vue3拦截器获取不到路由实例
说明了这个router有问题，然后我就打印了一下router，发现获取不到，是undefined，后来查了各种资料，发下如下问题。↑这个方式是用于在Vue组件内部获取路由的实例的方式，但我这不是组件内部，而是封装的一个ts/js文件。通过直接引入router实例，你可以。当你需要直接在JavaScript/TypeScript文件（如入口文件。at"，意思是，router里面不存在push这个方法。地访问和配置路由，比如添加路由守卫、修改路由配置等。这样就可以获取到路由信息了，然后就可以进行跳转。
2024-09-06 12:00:41
537
原创 a-select点击编辑回显的是数字
下图，我这条数据是“维护”状态，但是我点击编辑的时候，显示的是数字“2”，原因如下：我们在添加这条数据的时候，传进去的是“维护”状态对应的值“2”，所以我们在点击编辑的时候，后端返回来的也是一个integer类型的数字2，导致我们回显有误，那个如何解决呢。
2024-08-09 15:14:19
376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人