草庐IT

DragLine封装

全部标签

微信小程序封装请求

封装请求解决的问题很多页面中请求的url前半部分都是一样的,重复书写导致页面代码冗余复杂同时逻辑容易不清晰,所以采用单独将请求封装成一个文件(模块)使得这些问题得到解决。前期基础知识uni.request(wx.request)Promise具体步骤创建文件夹及文件在根目录下创建一个文件夹,名为utils(可自行修改),在此文件夹下新建一个名为request.js(可自行修改)的文件。分析request请求基本参数url:请求地址一般url都是有一个固定前缀(域名),只是后面不同。https://xfxuezhang.cn:8080/village/v1/media/activity/newe

Vue实战【封装一个简单的列表组件,实现增删改查】

文章目录🌟前言🌟table组件封装🌟父组件(展示表格的页面)🌟控制台查看父子组件通信是否成功🌟Vue2父子组件传递参数🌟写在最后🌟JSON包里写函数,关注博主不迷路🌟前言大家好,上一期的Vue实战都阅读了吗?上一期主要是对Vuex的一个基本操作,通过Vuex我们可以实现全局的状态(数据)共享,以便与我们更好的实现一些需求。不知道大家在日常工作当中是否被频繁的列表增删改查困扰,功能很简单但确实是非常繁琐的一项工作;今天这一期呢我会从Vue2父子组件如何传值并结合Element来封装一个简单的列表组件;一次封装,多次复用。🌟table组件封装在你的component目录下创建一个Table.vue

Vue实战【封装一个简单的列表组件,实现增删改查】

文章目录🌟前言🌟table组件封装🌟父组件(展示表格的页面)🌟控制台查看父子组件通信是否成功🌟Vue2父子组件传递参数🌟写在最后🌟JSON包里写函数,关注博主不迷路🌟前言大家好,上一期的Vue实战都阅读了吗?上一期主要是对Vuex的一个基本操作,通过Vuex我们可以实现全局的状态(数据)共享,以便与我们更好的实现一些需求。不知道大家在日常工作当中是否被频繁的列表增删改查困扰,功能很简单但确实是非常繁琐的一项工作;今天这一期呢我会从Vue2父子组件如何传值并结合Element来封装一个简单的列表组件;一次封装,多次复用。🌟table组件封装在你的component目录下创建一个Table.vue

目标检测 YOLOv5 - ncnn模型的加密 C++实现封装库和Android调用库示例

目标检测YOLOv5-ncnn模型的加密C++实现封装库和Android调用库示例flyfish文章目录目标检测YOLOv5-ncnn模型的加密C++实现封装库和Android调用库示例前言模型版本库的版本示例程序的编译环境模型的转换库的制作主要接口部分模型初始化部分推理的输入输出CMakeList的配置示例部分前言源码下载地址在文章末尾将模型和重要代码全部封装到库中,生成静态库a或者动态库so,如果是windows下就是lib或者dll。上层应用程序使用库和一个头文件,对于应用程序开发者,模型和重要代码是不可见的,达到加密的目的。如需更多的加密方法,请参考nihui的如何加密ncnn模型此r

目标检测 YOLOv5 - ncnn模型的加密 C++实现封装库和Android调用库示例

目标检测YOLOv5-ncnn模型的加密C++实现封装库和Android调用库示例flyfish文章目录目标检测YOLOv5-ncnn模型的加密C++实现封装库和Android调用库示例前言模型版本库的版本示例程序的编译环境模型的转换库的制作主要接口部分模型初始化部分推理的输入输出CMakeList的配置示例部分前言源码下载地址在文章末尾将模型和重要代码全部封装到库中,生成静态库a或者动态库so,如果是windows下就是lib或者dll。上层应用程序使用库和一个头文件,对于应用程序开发者,模型和重要代码是不可见的,达到加密的目的。如需更多的加密方法,请参考nihui的如何加密ncnn模型此r

vue3发送验证码倒计时 (防止连点、封装复用)

一、实现思路倒计时流程图二、实现一个简单的验证码倒计时//倒计时初始变量constcodeNum=ref(60);//定时器idletclearId:number;//发送验证码constsendCode=async()=>{//防止下次点击如果倒计时的时间不是60就不执行下面逻辑if(codeNum.value!=60)return;//掉接口constres=awaitgetCode(mobile.value,"login");//把定时器赋值给变量clearId目的:清除定时器clearId=setInterval(()=>{//每次时间1s-1codeNum.value--;//时间=

vue3发送验证码倒计时 (防止连点、封装复用)

一、实现思路倒计时流程图二、实现一个简单的验证码倒计时//倒计时初始变量constcodeNum=ref(60);//定时器idletclearId:number;//发送验证码constsendCode=async()=>{//防止下次点击如果倒计时的时间不是60就不执行下面逻辑if(codeNum.value!=60)return;//掉接口constres=awaitgetCode(mobile.value,"login");//把定时器赋值给变量clearId目的:清除定时器clearId=setInterval(()=>{//每次时间1s-1codeNum.value--;//时间=

微信小程序获取用户头像昵称组件封装(最新版)

一、前言微信小程序将在2022年11月08日对获取用户头像昵称信息的API再一次进行改动,这次的改动比较大。更多详情查看公告:公告直达链接我的项目比较多,而且大部分都是只需要获取用户的头像以及昵称,并不需要像官方的“最佳实践案例”那样,还需要用户设置其他信息。因此自己进行了一个组件封装,以弹窗形式让用户授权或设置头像以及昵称。博客中也会浅谈一下该如何对新旧接口进行业务逻辑的开发,让兼容性更强。先看看效果:二、组件使用下载组件先把组件下载下来。组件下载链接组件有点大,27K。是因为有使用图片的缘故,对代码包大小比较紧张的项目,建议将图片去掉或者使用字体图标代替,我这就不做处理了。组件导入下载压缩

微信小程序获取用户头像昵称组件封装(最新版)

一、前言微信小程序将在2022年11月08日对获取用户头像昵称信息的API再一次进行改动,这次的改动比较大。更多详情查看公告:公告直达链接我的项目比较多,而且大部分都是只需要获取用户的头像以及昵称,并不需要像官方的“最佳实践案例”那样,还需要用户设置其他信息。因此自己进行了一个组件封装,以弹窗形式让用户授权或设置头像以及昵称。博客中也会浅谈一下该如何对新旧接口进行业务逻辑的开发,让兼容性更强。先看看效果:二、组件使用下载组件先把组件下载下来。组件下载链接组件有点大,27K。是因为有使用图片的缘故,对代码包大小比较紧张的项目,建议将图片去掉或者使用字体图标代替,我这就不做处理了。组件导入下载压缩

微信小程序使用Promise对wx.request()进行封装详细教程(附完整代码)

1.原生wx.request()的缺点wx.request官网说明回调地狱,可能会出现多层success套用的情况(用Promise封装解决)效率低,代码冗杂,每次都要写共同的参数(比如headers,公共的url)可维护性差,后续查看和改代码不方便,封装后都在同一个文件,一目了然wx.request({url:'example.php',//仅为示例,并非真实的接口地址data:{x:'',y:''},header:{'content-type':'application/json'//默认值},success(res){console.log(res.data)}})作为一个合格的前端开发