草庐IT

前端面试

全部标签

前端vben框架中表格table问题汇总

1.template中的代码新增导入导出删除-->2.script中代码:const[registerTable,{reload}]=useTable({//api:list,//请求接口columns:columns,//设置表格的表头dataSource:dataSources,//表格的数据formConfig:{labelWidth:80,schemas:searchFormSchema,resetFunc:resetFunc,},pagination:true,//展示表格下方的分页clickToRowSelect:true,//点击当前行多选框不选中,默认是true//stripe

前端魔法:掌握动态 class,让网页元素随心所欲

前言当你动态的添加类名,在某个变量匹配需求时自动切换到某个类名,实现其对应的效果。这个过程就是我们常说的动态class,今天就和大家一起聊聊前端中的动态class。一、对象语法1.1绑定单个class我们可以传给v-bind:class一个对象,以动态地切换class,如下案例:template>div>el-button@click="clickOn"v-bind:class="{'active':isActive}">点击我el-button>div>template>script>exportdefault{data(){return{isActive:true,};},methods:

【运维】Linux安装Nginx并部署前端项目的两种方式【内/外网-保姆级教程】

目录第一种方式1准备nginx安装包并解压2执行以下命令,安装nginx依赖包3编译安装nginx4验证安装第二种方式1下载所需要的安装包2安装步骤2.1将下载的完整文件夹通过压缩包的形式,上传到你的路径下解压.2.2进入到gcc文件夹下,执行命令:2.3进入到gcc-c++文件夹下,执行命令:2.4检查gcc、gcc-c++是否安装成功2.5执行gcc-v , g++-v 出现带有success或版本信息代表安装成功;2.6安装PCRE:2.7安装libtool 2.8安装nginx3如何进行操作3.1进入到linux服务器切换到root用户3.2直接进入到nginx默认安装的位置3.3ng

揭秘Java三宝:final,static,volatile,面试中的关键字秘籍!

大家好,我是小米,一名热爱技术分享的程序员。最近在和小伙伴们聊天时,发现有不少小伙伴对于Java中的一些关键字,比如final,static,volatile等,还是感到有些懵懂。为了帮助大家更好地理解这些概念,今天我就来给大家详细解析一下这个面试经常被问到的题目:“final,static,volatile的作用分别是什么?”final:终结无尽的更改我们先来聊聊final关键字,这个关键字在Java中应用广泛,它主要用于声明不可变的类、方法和变量。那么,它的作用究竟是什么呢?1.1不可变的类当我们使用final修饰一个类时,意味着这个类不能被继承,也就是说,它是一个终结类,不允许其他类再来

【Kafka面试】Kafka如何保证消息不丢失?

使用Kafka时,在消息的收发过程中都有可能会出现消息丢失。一、生产者发送消息到broker过程中丢失1.设置异步发送同步发送:会产生阻塞,一般使用异步发送。异步发送:实现回调方法,消息发送失败时记录日志,或者重新发送,最终确保消息能够成功发送。2.设置消息重试机制由于网络抖动问题,很快就会恢复正常,造成的消息丢失。二、消息在broker中存储过程中丢失Kafka中提供了一种发送确认机制,当生产者发送的消息到broker中,这些消息会存储在分区中。分区又分为leader和follower两种副本角色,其中,leader只有1个,follower可能有多个。分区收到消息后,首先保存到leader

在线选课的微信小程序(微信前端+网站后端)

目录一、前言二、微信小程序端(老师、学生)1.学生用户前端小程序界面 2.老师前端小程序界面三、后端(管理员、老师、学生)3.老师后端4.管理员后端四、代码获取与调试一、前言这是一个在线选课的微信小程序,使用了idea+Navicat+maven+vue+微信开发者工具。二、微信小程序端(老师、学生)1.学生用户前端小程序界面   2.老师前端小程序界面 三、后端(管理员、老师、学生)3.老师后端功能:有个人中心,课程信息管理,学生选课管理,课程成绩管理 4.管理员后端功能:有个人中心,修改个人资料和密码,学院管理,专业管理,班级管理,学生管理,教师管理,课程名称管理,班级课表管理,课程信息管

再也不怕面试官问watch、computed、watchEffect的区别了

在Vue中,数据响应式是一个核心概念,它使得当数据变化时,相关的视图会自动更新。为了更灵活地处理数据的变化,Vue提供了多种方式,其中包括watch、computed和watchEffect。watchwatch是Vue中一个非常强大的特性,它允许你监听数据的变化并做出相应的反应。它有两种用法:一是监听一个具体的数据变化,二是监听多个数据的变化。//监听单个数据watch('someData',(newVal,oldVal)=>{//做一些事情});//监听多个数据watch(['data1','data2'],([newVal1,newVal2],[oldVal1,oldVal2])=>{/

消息队列中间件面试笔记总结RabbitMQ,Kafka,RocketMQ

文章目录(一)RabbitMQRabbitMQ核心概念消息队列的作用Exchange(交换器)Broker(消息中间件的服务节点)如何保证消息的可靠性如何保证RabbitMQ消息的顺序性如何保证RabbitMQ高可用的?如何解决消息队列的延时以及过期失效问题消息堆积问题怎么解决(二)kafkaKafka的数据时存储是磁盘中的,为什么可以满足每秒百万级别消息的生产和消费?组件介绍:(三)RocketMQ核心概念RocketMQ的架构图工作流程(一)RabbitMQRabbitMQ核心概念消息队列的作用异步解耦削峰Exchange(交换器)在RabbitMQ中,消息并不是直接被投递到Queue(消

微信小程序 内容评论-回复评论-回复回复的实现(纯前端)

wxml共{{comment_list.length+comment_list2.length}}条评论{value}}"placeholder="{{placeholder2}}"placeholder-class="container_place"bindconfirm="bindconfirm">{comment_list}}"wx:for-item="list"wx:key="key">{list.comment_user_avatar}}">{{list.comment_user_name}}{list.comment_user_name}}'data-cid='{{list.com

前端显示分页详解

    我们在浏览页面的时候,是不是经常看到网页经常是以页面的形式给我们展现出来的,我们以淘宝的页面为例(如下图),那这样按照页面呈现有什么好处呢?这篇文章让我们来深入探究了解这其中的奥秘。 优点:分页可以减少数据库的搜索次数,降低数据库的压力,每次只需要查询该页的数据,不需要向原来一样每次查询都查询数据库里的全部的数据。前端: 1.我们在Element中找到对应组件  2.找到一个合适的组件,赋值粘贴到HTML中  后续操作后端说完再进行介绍后端:以前在数据库中,我们经常用limit进行分页/*分页;一个显示一部分数据,可以分页显示假定有5条数据,每一页想显示2条数据第一页查询