没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
Vue or React⾯试题汇总
Vue or React⾯试题汇总
Vue篇
vue2.0组件通信⽅式有哪些?
v-model是如何实现双向绑定的?
Vuex和单纯的全局对象有什么区别?
Vue 的⽗组件和⼦组件⽣命周期钩⼦执⾏顺序是什么?
v-show 和 v-if 有哪些区别?
computed 和 watch 有什么区别?
Vue 中的 computed 是如何实现的
Vue 中 v-html 会导致什么问题
Vue 的响应式原理
Object.defineProperty有哪些缺点?
Vue2.0中如何检测数组变化?
nextTick是做什么⽤的,其原理是什么?
Vue 的模板编译原理
v-for 中 key 的作⽤是什么?
为什么 v-for 和 v-if 不建议⽤在⼀起
vue-router hash 模式和 history 模式有什么区别?
vue-router hash 模式和 history 模式是如何实现的?
vue 中组件 data 为什么是 return ⼀个对象的函数,⽽不是直接是个对象?
MVVM 的实现原理
vue3.0 相对于 vue2.x 有哪些变化?
那你能讲⼀讲MVVM吗?
你知道Vue3.x响应式数据原理吗?
Vue2.x和Vue3.x渲染器的diff算法分别说⼀下
你都做过哪些Vue的性能优化?
React篇
你的技术栈主要是react,那你说说你⽤react有什么坑点?
怎么去设计⼀个组件封装
react 的虚拟dom是怎么实现的
react hooks 原理是什么?
useState 中的状态是怎么存储的?
如何遍历⼀个dom树
数据双向绑定单向绑定优缺点
React fiber 的理解和原理
解释 React 中 render() 的⽬的
调⽤ setState 之后发⽣了什么?
触发多次setstate,那么render会执⾏⼏次?
react中如何对state中的数据进⾏修改?setState为什么是⼀个异步的?
为什么建议传递给 setState的参数是⼀个callback⽽不是⼀个对象?
为什么setState是⼀个异步的?
原⽣事件和React事件的区别?
React的合成事件是什么?
什么是⾼阶组件(HOC)
Vue篇
vue2.0组件通信⽅式有哪些?
⽗⼦组件通信:
⾮⽗⼦组件通信:
v-model是如何实现双向绑定的?
vue 2.0
v-model 是⽤来在表单控件或者组件上创建双向绑定的,他的本质是 v-bind 和 v-on 的语法糖,在
⼀个组件上使⽤ v-model ,默认会为组件绑定名为 value 的 prop 和名为 input 的事件。
Vue3.0
在 3.x 中,⾃定义组件上的 v-model 相当于传递了 modelValue prop 并接收抛出的
update:modelValue 事件
Vuex和单纯的全局对象有什么区别?
Vuex和全局对象主要有两⼤区别:
1. Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发⽣变
化,那么相应的组件也会相应地得到⾼效更新。
2. 不能直接改变 store 中的状态。改变 store 中的状态的唯⼀途径就是显式地提交 (commit)
mutation。这样使得我们可以⽅便地跟踪每⼀个状态的变化,从⽽让我们能够实现⼀些⼯具帮助
我们更好地了解我们的应⽤。
Vue 的⽗组件和⼦组件⽣命周期钩⼦执⾏顺序是什么?
props` 和 `event`、`v-model`、 `.sync`、 `ref`、 `$parent` 和 `$children
$attr` 和 `$listeners`、 `provide` 和 `inject`、`eventbus`、通过根实例`$root`访问、
`vuex`、`dispatch` 和 `brodcast
渲染过程:
⽗组件挂载完成⼀定是等⼦组件都挂载完成后,才算是⽗组件挂载完,所以⽗组件的mounted在⼦组
件mouted之后
⽗beforeCreate -> ⽗created -> ⽗beforeMount -> ⼦beforeCreate -> ⼦created -> ⼦beforeMount
-> ⼦mounted -> ⽗mounted
⼦组件更新过程:
1. 影响到⽗组件: ⽗beforeUpdate -> ⼦beforeUpdate->⼦updated -> ⽗updted
2. 不影响⽗组件: ⼦beforeUpdate -> ⼦updated
⽗组件更新过程:
1. 影响到⼦组件: ⽗beforeUpdate -> ⼦beforeUpdate->⼦updated -> ⽗updted
2. 不影响⼦组件: ⽗beforeUpdate -> ⽗updated
销毁过程:
⽗beforeDestroy -> ⼦beforeDestroy -> ⼦destroyed -> ⽗destroyed
看起来很多好像很难记忆,其实只要理解了,不管是哪种情况,都⼀定是⽗组件等待⼦组件完成后,才
会执⾏⾃⼰对应完成的钩⼦,就可以很容易记住
v-show 和 v-if 有哪些区别?
v-if 会在切换过程中对条件块的事件监听器和⼦组件进⾏销毁和重建,如果初始条件是false,则什么
都不做,直到条件第⼀次为true时才开始渲染模块。
v-show 只是基于css进⾏切换,不管初始条件是什么,都会渲染。
所以, v-if 切换的开销更⼤,⽽ v-show 初始化渲染开销更⼤,在需要频繁切换,或者切换的部分
dom很复杂时,使⽤ v-show 更合适。渲染后很少切换的则使⽤ v-if 更合适。
computed 和 watch 有什么区别?
computed 计算属性,是依赖其他属性的计算值,并且有缓存,只有当依赖的值变化时才会更新。
watch 是在监听的属性发⽣变化时,在回调中执⾏⼀些逻辑。
所以, computed 适合在模板渲染中,某个值是依赖了其他的响应式对象甚⾄是计算属性计算⽽来,
⽽ watch 适合监听某个值的变化去完成⼀段复杂的业务逻辑。
Vue 中的 computed 是如何实现的
流程总结如下:
1. 当组件初始化的时候, computed 和 data 会分别建⽴各⾃的响应系统, Observer 遍历 data
中每个属性设置 get/set 数据拦截
2. 初始化 computed 会调⽤ initComputed 函数
1. 注册⼀个 watcher 实例,并在内实例化⼀个 Dep 消息订阅器⽤作后续收集依赖(⽐如渲染
剩余13页未读,继续阅读
资源评论
beiyu_123
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功