- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue中的watch用法
watch监听器是惰性的，监听的数据没有改变，就不会触发，如果想组件创建时触发，可以使用immediate为true进行触发，deep为true 开启深度监听，用于深度监听一个对象或数组的变化，lush选项可以设置watch的回调函数在何时执行， pre 组件更新之前调用 sync 同步执行 post 组件更新之后执行。watch 是一个监听器，是Vue实例的一个属性，是用来监听数据的变化，当被监听的数据发生变化时，watch会自动触发对应的回调函数。2.vue2中watch的用法。
2024-08-23 18:06:16
341
原创 uniapp 小程序上传图片
首先通过uni.chooseImage(OBJECT)，从本地相册选择图片或使用相机拍照。获取到图片的临时路径，再通过uni.getFileSystemManager().readFile(OBJECT），将图片转换为base64格式，然后将参数传递给后端，就可以ok。大家好，在小程序中实现上传图片，需要传base64格式的，而且图片的路径不能是真实的路径。uni.getFileSystemManager().readFile(OBJECT）详情请参照下面的链接。
2024-07-23 13:02:33
908
原创 tree扁平化数据转换为树状结构，树状结构数据扁平化
大家好，在日常工作中，我们经常会在项目中用到树状数据结构，但是有时候那，跟后端同事对接过程中，返回给前端的数据并不是处理好的树状数据，所以就需要我们自己独立去处理它。下面我封装两个简单的方法，来处理普通数据和树状数据的转换。2.2使用堆栈（stack）来模拟递归过程，这种方法可以避免使用递归函数的调用栈溢出问题，特别是当树的层级非常深时。2.1 使用递归函数来遍历树状结构，并将每个节点转换为一个扁平化的对象，存储在一个数组中。
2024-07-21 10:00:00
334
原创 uniapp 小程序实现使用骨架屏
大家好，今天测试大佬，让我在项目中使用骨架屏技术，优化一下用户的体验，当时第一反应是，可不可以使用vue3内置组件 Suspense 来实现，使用后，发现报了一堆红。然后会有弹框提示，确定后会在微信开发者工具当前页面同级目录下生成xxx.skeleton.wxml和xxx.skeleton.wxss两个文件，分别为骨架屏代码的模板和样式。骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容，这样极大的优化了用户的体验。
2024-07-20 10:31:03
694
原创 uniapp 小程序实现文件预览功能
大家好，最近工作时遇见了个需求，要求用户在小程序中实现文件预览功能，查阅uniapp官网后，找到了方法如何去实现这个功能，话不多说，上代码。要记得在微信公众平台配置域名 https://www.xxxx.com.cn:xxxx。有问题，请大家及时评论指出，加以改正！
2024-07-19 17:05:52
634
原创 ES6新增的属性和方法
Object.assign()、Object.keys()、Object.values()、Object.entries() Object.is() Object.assign() 等等。Array.prototype.find()、Array.prototype.findIndex()、Array.prototype.includes() 等等。大家好，想必大家在面试的过程中，经常会问到自从ES6以后新增了什么属性和方法？以上是我总结的常用的属性和方法，欢迎大家评论补充，有错误指出错误，即使改正！
2024-07-18 22:49:16
599
原创 数组的常用方法，是否改变原数组，返回值是什么
17.findIndex() 返回数组中满足提供的测试函数的第一个元素的索引，改变原数组：否， 返回值:找到的元素索引，没有找到则返回-1。16.find() 返回数组中满足提供的测试函数的第一个元素的值， 改变原数组：否， 返回值:找到的元素，没有找到则返回undefined。改变原数组：否，返回值：满足条件的元素组成的新数组, 没有满足条件的元素则返回空数组。11.map() 通过指定函数处理数组的每个元素，并返回处理后的数组。6.reverse() 颠倒数组中元素的顺序，并返回逆序后的数组。
2024-07-15 13:07:44
883
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人