算法
-
冒泡排序
-
选择排序
-
快速排序
-
二叉树查找: 最大值、最小值、固定值
-
二叉树遍历
-
二叉树的最大深度
-
给予链表中的任一节点,把它删除掉
-
链表倒叙
-
如何判断一个单链表有环
由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!
如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Vue概述
是什么
vuex是一个vue的状态管理工具,状态就是数据
大白话:vuex是一个插件,可以帮我们管理vue通用的数据(多组件共享的数据)
场景:
某个状态在 很多组件 来使用(个人信息)
多个组件 共同维护 一份数据 (购物车)
优势
- 共同维护一份数据,数据集中化管理
- 响应式变化
- 操作简洁(vuex提供了一些辅助函数)
构建多组件共享环境
目标:基于脚手架创建项目,构建vuex多组件数据共享环境
创建一个空仓库
目标:安装vuex插件,初始化一个空仓库
//这里存放的是vuex相关的核心代码 目录 store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
//安装插件
Vue.use(Vuex)
//创建仓库
const store=new Vuex.Store()
export default store
4. 在main.js导入挂载
new Vue({
render: h => h(App),
store:store
}).$mount('#app')
核心概念 - state 状态
目标:明确如何给仓库提供数据,如何 使用 仓库的数据
1. 提供数据
- State提供唯一的公共数据源,所有共享数据都要统一放到Store中的State中存储
- 在state对象中,可以添加我们要共享的数据
//这里存放的是vuex相关的核心代码
import Vue from 'vue'
import Vuex from 'vuex'
//安装插件
Vue.use(Vuex)
//创建仓库
const store=new Vuex.Store({
//state 状态,即数据,类似于Vue组件中data
/**区别:
* 1.data是组件自己的数据
* state是所有组件共享的数据
*/
state:{
count:101
}
})
export default store
2.使用数据
1.通过store直接访问
通过辅助函数(简化)
mapState是辅助函数,帮我们把store中的数据自动映射到组件的计算属性中
<template>
<div>{{ title }}</div>
</template>
<script>
//导入mapState
import { mapState } from "vuex"
export default({
created(){
console.log(this.$store.state.title)
},
computed:{
//展开运算符映射
...mapState(["count",'title'])
}
})
</script>
<style scoped>
</style>
核心概念 - mutations
**目标:**明确vue同样遵循单向数据流。组件不能直接修改仓库的数据,掌握mutations的操作流程,来修改state数据,state数据的修改只能通过mutations
通过 strict:true 开启严格模式(检测错误语法)
步骤:
- 定义mutations对象,对象中存放修改state的方法
const store=new Vuex.Store({
//state 状态,即数据,类似于Vue组件中data
/**区别:
* 1.data是组件自己的数据
* state是所有组件共享的数据
*/
state:{
count:101,
title:"我是大标题"
},
//定义mutations
mutations:{
//第一个参数是state属性
addCount(state){
state.count+=1;
}
}
})
组件中提交调用mutations
addCount(){
this.$store.commit("addCount");
}
传参:
目标:掌握mutations传参语法
提交mutation是可以传参数的,this.$store.commit(‘xxx’,参数)
- 提供mutation函数(带参数-提交载荷payload)提交载荷只有一个参数
const store=new Vuex.Store({
//state 状态,即数据,类似于Vue组件中data
/**区别:
* 1.data是组件自己的数据
* state是所有组件共享的数据
*/
state:{
count:101,
title:"我是大标题"
},
//定义mutations
mutations:{
//第一个参数是state属性
addCount(state,n){
state.count+=1;
}
}
})
页面中提交调用mutation
addCount(){
this.$store.commit("addCount",10);
}
注意mutation参数有且只有一个参数,如果需要多个参数,包装成一个对象
辅助函数:mapMutations
目标:掌握辅助函数mapMutations,映射方法
mapMutations和mapState很像,他是位于mutations中的方法提取出来,映射到组件method中
核心概念 - actions
**目标:**明确actions的基础语法,处理异步操作
总结
我在成长过程中也是一路摸爬滚打,没有任何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
[外链图片转存中…(img-xYa2qdlZ-1715719879035)]
[外链图片转存中…(img-o0VQaywO-1715719879036)]