2024年前端最新Vue3(50)，2024年最新字节跳动+京东+美团+腾讯面试总结

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

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

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。

}

})

plusOne.value = 1

console.log(count.value) // 0

• watchEffect: 为了根据反应状态自动应用和重新应用副作用，我们可以使用 watchEffect 方法。它立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。

• watchEffect与watch的区别

1. watchEffect不需要指定监听的属性，依赖是自动收集的

2. watch可以收集到变更前后的value，而watchEffect不行

3. watchEffect会在组件初始化时执行一次，用以收集依赖，同computed，而watch不需要

4. watchEffect可清除副作用

export default {

setup() {

const keyword = ref(‘’)

const asyncPrint = val => {

return setTimeout(() => {

console.log('user input: ', val)

}, 1000)

}

watchEffect(

onInvalidate => {

const timer = asyncPrint(keyword.value)

onInvalidate(() => clearTimeout(timer))

},

{

flush: ‘post’ // 默认’post’，同步’sync’，'pre’组件更新之前

}

)

return {

keyword

}

}

}

composition API

• setup()

1. props & context

2. lifecycle

|

选项 API

|

Hook inside inside setup

|

| — | — |

| beforeCreate | Not needed* |

| created | Not needed* |

| beforeMount | onBeforeMount |

| mounted | onMounted |

| beforeUpdate | onBeforeUpdate |

| updated | onUpdated |

| beforeUnmount | onBeforeUnmount |

| unmounted | onUnmounted |

| errorCaptured | onErrorCaptured |

| renderTracked | onRenderTracked |

| renderTriggered | onRenderTriggered |

1. provide/inject

• 根组件

setup() {

const location = ref(‘North Pole’)

const geolocation = reactive({

longitude: 90,

latitude: 135

})

provide(‘location’, location)

provide(‘geolocation’, geolocation)

}

• 孙组件

setup() {

const userLocation = inject(‘location’, ‘The Universe’)

const userGeolocation = inject(‘geolocation’)

return {

userLocation,

userGeolocation

}

}

typescript

• 在vue2.0中，一般把组件改写成tsx形式来提供ts类型检查

• Vue3.0可使用Vue cli添加ts支持

npm install --global @vue/cli@next

vue create my-project-name

vue add typescript

• vue3.0中，只需要在script标签上添加lang=ts即可支持ts类型检查

总结

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

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