JavaScript
-
js的基本类型有哪些?引用类型有哪些?null和undefined的区别。
-
如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)
-
Object是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?
-
JS常见的dom操作api
-
解释一下事件冒泡和事件捕获
-
事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?
-
对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?
-
this有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?
-
call,apply,bind
-
显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链
-
创建对象的多种方式
-
实现继承的多种方式和优缺点
-
new 一个对象具体做了什么
-
手写Ajax,XMLHttpRequest
-
变量提升
-
举例说明一个匿名函数的典型用例
-
指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?
-
attribute和property的区别
-
document load和document DOMContentLoaded两个事件的区别
-
JS代码调试
-
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
生命周期
组合式 API 上的生命周期钩子与选项式 API 的名称相同,但前缀为 on:即 mounted 看起来像 onMounted。
setup() {//setup组合式api的入口函数,在beforeCreate之前执行
const count=ref(0)
console.log(‘setup’);
onBeforeMount(() => {//组件挂载到节点之前执行
console.log(‘组件挂载到节点之前onBeforeMount’);
})
onMounted(() => {
console.log(‘onMounted组件挂载完成’);
})
onBeforeUpdate(() => {//组件更新前执行
console.log(‘组件更新前执行onBeforeUpdate’);
})
onUpdated(() => {//组件更新完成后执行
console.log(‘组件更新完成后执行onUpdated’);
})
onBeforeUnmount(() => {
console.log(‘组件卸载之前执行onBeforeUnmount’);
})
onUnmounted(() => {
console.log(‘组件卸载完成后onUnmounted’);
})
return{
count
}
}
父传子
// father组件
setup() {
//father作为父级组件,通过provide函数提供数据共享(不限层次)
// provide只能向下传递数据,向子孙组件传递数据
provide(‘globalVal’,‘这是father组件传递过来的值’)
const str = ref(‘str’)
provide(‘globalStr’,str)
return{
str
}
}
// One组件
setup() {
const val = inject(‘globalVal’)
const str = inject(‘globalStr’)
provide(‘globalStr’,‘这是one组件传递过来的值’)
return {
val,
str
}
}
// Two组件
setup() {
// inject通过自定的函数名获取到父级组件的共享数据
const val = inject(‘globalVal’)
// 父组件和爷组件都有globalStr,引用近的父组件内容
const str = inject(‘globalStr’)
return {
val,
str
}
}
常用加值方法
JavaScript
-
js的基本类型有哪些?引用类型有哪些?null和undefined的区别。
-
如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)
-
Object是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?
-
JS常见的dom操作api
-
解释一下事件冒泡和事件捕获
-
事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?
-
对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?
-
this有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?
-
call,apply,bind
-
显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链
-
创建对象的多种方式
-
实现继承的多种方式和优缺点
-
new 一个对象具体做了什么
-
手写Ajax,XMLHttpRequest
-
变量提升
-
举例说明一个匿名函数的典型用例
-
指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?
-
attribute和property的区别
-
document load和document DOMContentLoaded两个事件的区别
-
JS代码调试
-
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】