vuex03Getter与mapGetters,15个经典面试问题

17 阅读3分钟

文末

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;

  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。 开源分享:docs.qq.com/doc/DSmRnRG…

computed: {

shopTotal() {

return this.$store.getters.getShopTotal;

},

shopMoney() {

return this.$store.getters.getShopMoney;

}

},

Getter传参

在上面的例子我们可以返现,getter里面其实就是一个属性,我们当然可以让这些属性来接收一个函数。

在上面,我们发现,想计算利润的话需要在里面减去200,如果不同的超市,都想调用这个getter的话,但是成本不是200的話,就需要写好多函数,所以我们考虑getter可以接受参数。

getters: {

getShopMoney: function (state, getters) {

return (zhichu) => {

return getters.getShopTotal - 200 - zhichu

}

}

}

computed: {

shopMoney() {

return this.$store.getters.getShopMoney(100);

}

},

mapGetters 辅助函数

mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性,

  1. 引入mapGetters

import { mapGetters } from 'vuex'

  1. 使用

computed: {

// 使用对象展开运算符将 getter 混入 computed 对象中

...mapGetters([

'getShopTotal',

'getShopMoney',

]),

或者

React

  • 介绍一下react

  • React单项数据流

  • react生命周期函数和react组件的生命周期

  • react和Vue的原理,区别,亮点,作用

  • reactJs的组件交流

  • 有了解过react的虚拟DOM吗,虚拟DOM是怎么对比的呢

  • 项目里用到了react,为什么要选择react,react有哪些好处

  • 怎么获取真正的dom

  • 选择react的原因

  • react的生命周期函数

  • setState之后的流程

  • react高阶组件知道吗?

  • React的jsx,函数式编程

  • react的组件是通过什么去判断是否刷新的

  • 如何配置React-Router

  • 路由的动态加载模块

  • Redux中间件是什么东西,接受几个参数

  • redux请求中间件如何处理并发

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