2024年vue引入js数字小键盘，字节跳动+阿里+华为+腾讯等大厂Web前端面试题

最后

四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~

祝大家都能收获大厂offer~

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

篇幅有限，仅展示部分内容

}

},

computed: {

showKeyboard(){

return this.option.show

}

},

mounted() {

this.keyList = this.lowercase

},

methods: {

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)

}

}

}

}