Vue3的父子组件传值、绑定表单数据、UI库的二次封装、防抖等,想来大家都很熟悉了,本篇介绍一种使用Typescript的方式进行统一的封装的方法。基础使用方法Vue3对于表单的绑定提供了一种简单的方式:v-model。对于使用者来说非常方便,v-model="name"就可以了。自己做组件但是当我们要自己做一个组件的时候,就有一点麻烦:https://staging-cn.vuejs.org/guide/components/events.html#usage-with-v-modeldefineProps(['modelValue'])defineEmits(['update:modelV
目录前言正文安装axios封装请求api1.在src目录下新建个api目录,里面放请求相关的文件,新建`request.js`文件,首先引入`axios`2.创建一个`axios`实例3.axios请求拦截器4.axios响应拦截器5.封装请求函数,可以根据项目实际情况处理参数(此处仅处理了get与post请求)6.最后导出函数方法使用方式1.可以将接口全部定义在一个文件内(方便管理)2.另一种写法是直接在项目内使用总结扩展阅读前言axios的API很友好,可以在项目中直接使用。但是在大型项目中,http请求很多,且需要区分环境,每个网络请求有相似需要处理的部分,会导致代码冗余,破坏工程的可维
Biwen.QuickApi项目介绍[QuickApi("hello/world")]publicclassMyApi:BaseQuickApi{}提供一种简单集成的MinimalWebApi交互模块遵循了REPR设计(Request-Endpoint-Response)开箱即用的Api路由和权限,Bind,validator体验该库是NETWebApi/MinimalApi的补充,性能≈MinimalApi,遥遥领先于MVC和WebApi,但是提供了最简单的的使用体验writeless,domore;writeanywhere,doanything欢迎小伙伴们star&issue共同学习进步
目录1定义错误码类2定义业务异常类3全局异常处理器4使用5前端请求效果总结1定义错误码类 可以定义各种错误码枚举,比如业务,系统相关的报错信息/***错误代码*错误码**@authorleovany*@date2023/09/23*/publicenumErrorCode{SUCCESS(0,"success",""),ERROR_PARAMS(40000,"请求参数错误",""),ERROR_NULL(40001,"请求数据为空",""),ERROR_LOGIN(40100,"未登录",""),ERROR_NO_AUTH(41001,"无权限",""),ERROR_SYSTEM(50000
用到的技术父组件向子组件的传值类型检查和默认值:您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型,以及在没有传递数据时具有合理的默认值。例如:props:{message:{type:String,default:'DefaultMessage'},count:{type:Number,default:0}}在上述示例中,message的默认值是字符串'DefaultMessage',count的默认值是数字0。标签组件的效果如下封装代码{{tag}}×exportdefault{name:"InputTag",props:{dic:{type:A
标签组件的效果如下组件作用这是一个div,包含了两个文本框,后面是添加和删除按钮添加按钮复制出新的div,除了文本框没有内容,其它都上面一样删除按钮将当前行div删除组件实现添加|删除exportdefault{name:"AuthorUnit",props:{dic:{type:Array,default:[]}},data(){return{tags:[],};},created(){if(this.dic!=null&&this.dic.length>0){this.tags=this.dic;//关键字初始化,dic的值来自于父组件(调用它的组件叫父组件)}},methods:{add
目录一,Lombok简介二,添加依赖三,Springboot统一返回封装3.1,创建一个工具包util和一个JsonData类四,示例实体类五,@Data注解一,Lombok简介java工程中,我们要创建很多的javaBean。这些javaBean中都会写getter,setter,equals,hashCode和toString的模板代码,这些代码都没啥技术含量。那么我们就是使用Lombok来自动生成这些代码,通过注解的方式。提高我们的工作效率。Lombok的原理:JSR269插件化注解处理。就是在编译生成字节码之前,Lombok根据自己编写的注解处理器,动态地修改AST增加新的节点(
前言PermalinkFlutter简介Flutter是Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过Dart语言开发App,一套代码同时运行在iOS和Android平台。Flutter提供了丰富的组件、接口,开发者可以很快地为Flutter添加native扩展。同时Flutter还使用Native引擎渲染视图,这无疑能为用户提供良好的体验。WebSocket简介Http协议是无状态的,只能由客户端主动发起,服务端再被动响应,服务端无法向客户端主动推送内容,并且一旦服务器响应结束,链接就会断开(见注解部分),所以无法进行实时通信。WebSocket协议正是
一、封装(一)封装的概述1、封装:隐藏事物的实现细节,对外提供公开的访问方式2、好处:(1)隐藏事物的实现细节(2)提高了代码的复用性(3)提高了安全性3、封装的原则(1)隐藏事物的属性(2)隐藏事物的实现细节(3)对外提供公开的访问方式(二)private关键字1、private,含义:私有的;权限修饰符:规定了被修饰的代码在哪里能被访问,在哪里不能被访问2、可以修饰的内容(1)修饰成员变量(2)修饰成员方法(3)修饰构造方法(4)修饰内部类3、修饰之后的效果只能在本类中进行访问,本类之外无法访问4、private关键字注意private只是封装思想的一种体现形式,封装还可以使用其他修饰符来
博客制作不易,欢迎各位点赞👍+收藏⭐+关注前言在学习面向对象编程语言时,封装、继承、多态则是我们必须学习和使用的三大特征。本文通过举例,说明了该三大特征的基本权限特点。一、访问限定符范围private默认权限protectedpublic同一包中的同一类√√√√同一包中的不同类√√√不同包中的子类√√不同包中的非子类√注:访问权限用来控制方法或成员变量能否直接在类外使用。二、封装什么是封装封装:将数据和操作数据的方法进行有机结合,隐藏对象的属性和实现细节,仅对外公开接口来和对象进行交互。顾名思义,保护或防止类中的属性或方法被破坏,同时又提供一个接口,使对象可以使用该对象的封装属性或方法。主要使