2024年前端最新vue引入js数字小键盘(4)，2024年最新轻松面试问题

最后

资料过多，篇幅有限

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

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

tabHandle({ value = ‘’ }) {

if(value.indexOf(‘tab-num’) > -1){

this.status = 2

//数字键盘数据

}else if(value.indexOf(‘key-delete’) > -1){

console.log(value.indexOf(‘key-delete’))

this.emitValue(‘delete’)

}else if(value.indexOf(‘tab-blank’) > -1){

this.emitValue(’ ')

}else if(value.indexOf(‘tab-enter’) > -1){

this.emitValue(‘\n’)

}else if(value.indexOf(‘tab-point’) > -1){

this.emitValue(‘.’)

}else if(value.indexOf(‘tab-symbol’) > -1){

this.status = 3

}else if(value.indexOf(‘tab-top’) > -1){

if(this.status === 0){

this.status = 1

}else{

this.status = 0

this.keyList = this.lowercase

}

}else{

}

},

clickKey(event) {

// if(event.type === ‘click’ && this.equip) return

let value = event.srcElement.innerText;

let id = event.srcElement.id;

let target = event.srcElement ? event.srcElement : event.target;

if(id !== ‘’ && id === ‘del’){//如果点击的是id为del的表示是删除

this.emitValue(id);

}else{//否则

value && id !== ‘del’? this.emitValue(value) : this.tabHandle(target.classList);

}

},

emitValue(key) {

console.log(key)

this.$emit(‘keyVal’, key)

},

closeModal(e) {

if (e.target !== this.option.sourceDom) {

// this.showKeyboard = false

this.$emit(‘close’, false)

}

}

}

}

在使用页面引入代码：

html代码

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

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

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

[外链图片转存中…(img-3Avc8hyq-1715595456178)]

[外链图片转存中…(img-vFyh9c8Y-1715595456178)]

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