- 博客(17)
- 收藏
- 关注
原创 小程序得分包详解
独立分包是指将小程序的页面和资源拆分成一个单独的包,与主包互相独立。这种分包方式通常应用在功能复杂完整、独立使用场景较多的小程序中。表示该分包是否独立分包,当不设置该属性或者设置为 false 时,表示该分包依赖主包,而设置为 true 时则表示该分包为独立分包。需要注意的是,在独立分包中,每个子包都必须包含一个 app.js 文件作为入口文件,以便微信客户端正确地识别和加载分包。小程序开启分包后,可以将不同的功能或页面放到不同的子包中进行管理,以达到减轻主包体积、提高启动速度和加载效率的目的。
2023-06-08 17:51:12
165
原创 useIntervalFn让定时更简单
在项目开发中,我们经常遇到需要定时的功能,类似于轮播图的自动播放,倒计时,在js中我们都是使用setInterval来进行,使用clearInterval来清除定时器,但你要是使用的vue框架开发的话,那么就会简单很多,我们可以使用vueuer库里的useIntervalFn来实现。首先是先进行了引入,其中pause是暂停定时器(也相当与是清除),resume是打开定时器,isActive是看当前定时器是否在执行,在回调函数里可以做出逻辑。
2023-06-08 00:44:34
940
原创 把组件封装成一个massage方法
模板弄好了,可以直接引入当组件使用,但是我们比如请求失败或者成功的时候给提示,那么还需要引入组件,还要给组件使用v-if做变量判断,特别麻烦,所有我们可以把它封装成一个方法,可以直接调用的,只需要传入状态和文本就可以使用的那种。首先我们需要一个组件,组件可以自己根据自己的业务需求进行封装,这边我给你一个我自己的模板,可以先根据这个模板做调试,或二次修改使用、这里呢创建了一个Massage的js文件,引入了createVNode和render来创建和渲染虚拟dom,接下来就可以直接引入使用了。
2023-06-07 00:59:56
122
原创 封装分页组件
首先的话肯定是需要接收到传入的props ,包含了总条数,默认显示页(这个是因为我这边又筛选,筛选的话是需要重置页码为1的,所有需要这个参数),每页条数,按钮个数(按钮个数就是显示几个页码)手写封页组件,类似于element的组件封页,只需要传入,总数量,和每页显示数量便可以使用,还可以控制按钮的显示。点击上一页下一页或者页码的时候直接把算好的值传入函数内进行接收,然后触发emit事件给父元素。拿到了总条数,和每页显示的条数,那么就可以算出来一共多少页,这边可以使用计算属性。下面开始讲解实现逻辑。
2023-06-01 22:14:45
46
原创 解决if...else..的大量嵌套
大量的if...else,会造成代码的可阅读性变差,高维护成本,例如需要再家一个判断,需要小心翼翼的找到地方,再if...else中间进行加入。
2023-05-31 11:46:14
217
原创 mouseenter 和 mouseleave,mousemove 和 mouseout 的区别
事件在鼠标离开元素时触发。这两个事件只会在鼠标进入或离开元素的边界时触发一次,不会在元素内部移动时重复触发。事件在鼠标移出元素时触发。这两个事件会在鼠标在元素内部移动时持续触发,但在鼠标移出元素时只会触发一次。由于这些事件的触发方式不同,所以在使用时需要根据具体的需求来选择合适的事件。事件是在鼠标进入和离开元素时触发的。如果需要在鼠标在元素内部移动时执行一些操作,可以使用。事件在鼠标进入元素时触发,而 mouseleave。事件是在鼠标移动时触发的。事件在鼠标移动时触发,而 mouseout。
2023-05-18 11:37:38
1375
原创 冒泡排序法
冒泡排序的作用是将一个无序的数组变成有序的数组。它可以用来解决排序问题,例如从小到大排序或从大到小排序。由于冒泡排序的实现非常简单,所以它适用于小型数组的排序,但对于大型数组,它的效率较低,不如快速排序等高效的排序算法。冒泡排序的时间复杂度为O(n^2)。
2023-05-18 10:23:35
42
1
原创 async await
async 表示声明一个异步函数,内部用await关键字等待这个异步函数返回的结果。重要规则:只能在以async关键字声明的函数内部使用await关键字。函数加了async, 它的返回值会被包装成promise对象。是处理异步的一种方式,比起promise写法更加简洁。接收promise并把结果转换为返回值或者一个异常。await会阻塞async函数内部在它之后的代码。需要等待某个异步操作的返回值,再进行其他操作;如果用在不存在依赖关系的方法中,会浪费请求时间。最明显的就是写法更简洁,是同步风格的代码。
2023-05-16 17:36:20
41
1
原创 uni.app的uni-popup:this.popup.disableMask is not a function
出现这个错误是因为popup.js中getParent()方法中name是u是小写的,而下面parent.$options.name获取到的是的是而所有返回的是false,this.popup是false,里面什么都没有。
2023-04-23 15:26:47
1049
2
原创 封装自定义指令实现图片懒加载 vue
使用时需要去掉img的src,直接使用v-lazy,因为图片又src的话会直接进行图片亲求,上面等到进入可视区以后再进行给img的src赋值亲求。callback 被观察dom进入可视区离开可视区都会触发,返回一个回调函数,接收两个参数。使用js的原生API方法进行观察,判断是否进入了可视区内,进入以后再进行图片的src请求。entries:一个对象的数组,每个被触发的阈值,都或多或少与指定阈值有偏差。vue3,app.directive进行自定义指令封装注册。的形式声明一个对象,接收两个参数。
2023-04-13 11:44:30
125
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人