文末
从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。
个人将这段时间所学的知识,分为三个阶段:
第一阶段: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 映射到局部计算属性,
- 引入mapGetters
import { mapGetters } from 'vuex'
- 使用
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请求中间件如何处理并发
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】