最新前端--医院设置信息批量删除功能实现,【最全总结】

总结

为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。

内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

前端面试题汇总

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

性能

linux

2、 定义页面组件模板

==========================================================================

2.1、添加批量删除工具按钮


在这里插入图片描述效果:

在这里插入图片描述

<el-button type=“danger” size=“mini” @click=“batchDelete()”>批量删除

2.2、给每一行添加批量删除复选框按钮


在这里插入图片描述代码:

效果:

在这里插入图片描述

2.3、绑定事件,获取复选框集合,即获取到用户要删除的id集合。


@selection-change:获取复选框集合

在这里插入图片描述

2.4、编写js代码,进行批量删除


  • 首先获取到用户选中的元素;

  • 遍历每个元素,获取到其id值;

  • 将遍历得到的所有id值方法数组中;

  • 将数组值传递给方法的参数,进行删除操作。

  • this.multipleSelection是个元素,所以要对其进行遍历,获取到每个元素的id值

在这里插入图片描述

//获取到复选框id集合

handleSelectionChange(selection) {

// console.log(selection)

this.multipleSelection = selection

},

//批量删除的方法

batchDelete(){

this.$confirm(‘此操作将永久删除该文件, 是否继续?’, ‘提示’, {

confirmButtonText: ‘确定’,

cancelButtonText: ‘取消’,

type: ‘warning’

}).then(() => {//点击确定执行then方法

var idList = []

//遍历this.multipleSelection获取到里边的id值,并存放到idList中

for(var i = 0;i<this.multipleSelection.length;i++){

var obj = this.multipleSelection[i]

var id = obj.id

ES6

  • 列举常用的ES6特性:

  • 箭头函数需要注意哪些地方?

  • let、const、var

  • 拓展:var方式定义的变量有什么样的bug?

  • Set数据结构

  • 拓展:数组去重的方法

  • 箭头函数this的指向。

  • 手写ES6 class继承。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

  • 简单描述一下微信小程序的相关文件类型?

  • 你是怎么封装微信小程序的数据请求?

  • 有哪些参数传值的方法?

  • 你使用过哪些方法,来提高微信小程序的应用速度?

  • 小程序和原生App哪个好?

  • 简述微信小程序原理?

  • 分析微信小程序的优劣势

  • 怎么解决小程序的异步请求问题?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值