草庐IT

vue面试

全部标签

Vue3:Typescript与组合式API、defineProps、defineEmits等使用

标注类型:props使用defineProps()使用在使用时,defineProps()宏函数支持从它的参数中推导类型:运行时声明/***type:参数类型*required:必须传参(默认:false)*default:默认值*/constprops=defineProps({name:{type:String,required:true},title:{type:Number,required:false},status:Boolean})基于类型的声明/***方式一:通过泛型参数*/constprops=defineProps()/***方式二:编写单独接口*/interfacePro

vue2+element-ui 通用表格组件封装

vue3的通用表格我也封装了,是下面链接喔~ TS+vue3.2+vite2+element-plus通用表格组件封装1、父组件调用方式:未制作2、参数详解: 其实我定义的参数还蛮多的,基本能够把常用的功能包含进去了,我着重讲几个:1、tableLabel:表格头部标题有以下四个参数,最重要的是render,他的参数是从slot-scope抛出,可以进行判断显示{label:'制作格式',prop:'handleType',width:150,render(row){return`${row.handleType===1?'查题格式':(row.handleType===2?'拍题格式':'未

网易音乐网站系统|前后端分离springboot+vue实现在线音乐网站

作者主页:编程千纸鹤作者简介:Java、前端、Python开发多年,做过高程,项目经理,架构师主要内容:Java项目开发、毕业设计开发、面试技术整理、最新技术分享收藏点赞不迷路 关注作者有好处文末获得源码项目编号:BS-PT-104前言:网易音乐网站系统是一个在线的音乐网站,普通用户通过注册的账号进行登录并且进入客户端首页,用户使用鼠标点击某音乐进行收听播放,网站提供个人空间,用户可以把喜欢的歌曲进行收藏,以便于之后反复收听。用户平台还提供歌曲评价功能,对喜欢与不喜欢的歌曲进行打分和评论,管理员用户通过账户登录可以对音乐网站的基本数据进行管理,如音乐数据,用户数据等,还可以通过后台的数据展示来

关于Vue3的defineProps用法

之前只是单纯的会用,因为vue关于父子组件通讯差别有一点点大。1.在父组件内传递变量的时候,需要加冒号:,否则你就只是单纯的传递了一个字符串而已。2.在子组件里不需要引入defineProps就可调用该函数去接收父组件传来的属性。我个人在这里给自己提醒⏰,可能我太迷糊了。这里需要注意!!这是definePropsAPI是一个函数,它的返回值就是父亲传来的属性。3.刚开始让我感到奇怪的是,我好像不用变量去接收,在template里也能正常使用。那我还用变量接收干啥呢?这个API的返回值有毛线用啊?也不用像React那样变量前面都得加一个props.才可以访问,也没有结构去拿。这么方便吗?4.恍然

VUE3 中实现拖拽和缩放自定义看板 vue-grid-layout

VueGridLayout官方文档VueGridLayout中文文档1.npm下载拖拽缩放库npminstallvue-grid-layout@3.0.0-beta1--save2. vue3使用vue-grid-layout报错:external_commonjs_vue_commonjs2_vue_root_Vue_default.aisnotaconstructor 解决方案: vue3版本记得下载对应vue-grid-layout@3.0.0-beta1版本的库,因为vue-grid-layout是vue2版本的,但用的是vue3版本,所以要安装vue3的依赖和相关配置3. 在main

通过栗子来学习MySQL高级知识点(学习,复习,面试都可)

前言:首先很感谢各位小伙伴对我上一篇文章的支持,给我的创作带来了很大的动力。其次最近要考试MySQL高级这个课程了,这块内容也是面试中重要的考点,所以正好借此机会看了之前看过的网课笔记和网上的资料,记录一下面试中常问的问题和这个课程里重要的知识点,以帮助自己和各位小伙伴儿应对期末考试,巩固学习,以后面试用,在这里先感谢大佬们的支持。如果文章中有什么不对的地方或者需要改进的地方,还请大佬们不吝赐教。文章目录MySQL索引什么是索引索引都有哪些数据结构索引的原理索引底层是怎么实现的Hash索引二叉树索引平衡二叉树B树(多路平衡查找树)B+树B+树优于B树原因什么是覆盖索引什么是聚簇索引联合索引最左

Naïve UI——一个 Vue 3 组件库

注意,naive-ui仅支持Vue3。如果你在使用Vue2,可以去看看别的库。官网文档地址:https://www.naiveui.com/zh-CN/light/docs/introduction目录一、安装NaiveUI二、如何使用(1)局部安装(推荐)(2)全局安装(不推荐)三、支持的平台四、简单总结一、安装NaiveUInpmi-Dnaive-ui然后安装NaiveUI需要的字体:npmi-Dvfonts二、如何使用(1)局部安装(推荐)你可以直接导入组件并使用它。这种情况下,只有导入的组件才会被打包。naive-uiimport{defineComponent}from'vue'im

【2023】DevOps、SRE、运维开发面试宝典之Kafka相关面试题

文章目录1、消息队列的流派2、kafka的优势3、Kafka与Zookeeper的关系4、Kafka消息队列各组件概念5、Kafka消息队列应用场景6、Kafka消息收发的过程7、Kafka消息数据存储概念8、kafka消息的偏移量概念原理9、Kafka消息数据的顺序消费概念原理10、Kafka单播消费消息的原理11、Kafka多播消费概念12、Kafka集群模式下Broker|主题|分区|副本的概念13、Kafka集群中各组件的概念14、kafka如何防止消息被重复消费15、如何保证消息的顺序消费16、如何解决消息积压的问题1、消息队列的流派1)有Broker的消息队列中间件

xml - 从 Axios 响应中解析 XML,推送到 Vue 数据数组

在我的Vue应用程序中,我使用Axios获取一个XML文件并使用parseString将XML解析为JSON。然后我需要将result传递给Vue数据(this.events)。我的console.log将解析后的XML显示为JSON,但我无法在此函数内推送Vue数据。varparseString=require('xml2js').parseString;axios.get(`http://url.to/events.xml`).then(response=>{parseString(response.data,function(err,result){console.log(res

c# - 为什么面试官要问高级问题?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭9年前。Improvethisquestion我已经使用C#和XML进行了几年的编程。我只使用了这些语言的基础知识,并且在网络上幸存下来以获取诸如数组和文本操作之类的信息。但是当我接受面试时,面试官只问高级问题——我后来在有关该主题的书籍的高级部分中找到了答案。为什么面试官会问这么高级的问题?这项工作看起来与我之前所做的几乎相同,因此需要高级知识,例如什么是类委托(delegate)或XPath命令。问题是:.NET3.5使用什么版本