最后

四轮技术面+一轮hr面结束,学习到了不少,面试也是一个学习检测自己的过程,面试前大概复习了 一周的时间,把以前的代码看了一下,字节跳动比较注重算法,面试前刷了下leetcode和剑指offer, 也刷了些在牛客网上的面经。大概就说这些了,写代码去了~

祝大家都能收获大厂offer~

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

篇幅有限,仅展示部分内容

在这里插入图片描述

  • 当页面中的路由模块比较多的时候,有一些模块只是偶尔会被使用到,我们就可以在当这个路由被执行的时候再加载这个路由的组件,这样可以提升整体的运行性能

在这里插入图片描述

  • 路由守卫:当有一些路由是需要验证的情况下才能够被访问,就比如用户信息等等的模块是需要提前登录的前提下才可以访问,我们可以给这些需要验证的模块在配置路由时配置meta对象属性,将auth定义成true,这样之后在路由守卫的时候同意来判断要to的模块的meta中是否含有auth属性为true,如果有就进行校验之后再允许访问,没有这个信息的话就直接放行。

在这里插入图片描述

在这里插入图片描述

  • 当用户没有token要访问一下需要token的路由时,直接通过守卫的next()转向登录页面,并设置一个query对象为to.path为的是记录一下要前往的路由,当登录成功的时候可以直接跳转到要去的路由,这个也是更加人性化的操作

在这里插入图片描述

vuex的细节:
  • vuex是对状态统一管理,用户登录成功之后后端一般会传递一个token令牌到localstroage里面,单凭一这个来判断用户登录状态是不够的,最好是在vue的state中定义一个变量来作为用户是否登录进行判断

在这里插入图片描述

  • 当用户在账号密码输入正确,后端也反馈了我们正确的消息之后,通过mutatimuons里面的方法来修改state中的isloging状态,使用mutatimuons里面的方法需要使用commit()来启动

在这里插入图片描述

  • vuex中的actions对象中的方法都是异步处理异步函数的方法,为了让代码更加的整洁明了,也更加的优雅,我们可以将一些逻辑化的代码放在actions里面来处理,组件中就只要对返回的结果进行处理即可

在这里插入图片描述

与后端处理的代码

可以在src下单独建立一个service文件夹,文件夹下放的就是所有模块化的与后端处理的代码,通过导入导出的方式,实现在组件中能够使用到这些与后端处理事务的代码

在这里插入图片描述

在这里插入图片描述

其他模块中要使用这个模块的代码就通过导入的方式使用,实例如下:

在这里插入图片描述

http拦截

在前后端交互中,比如与这个例子相似的项目中,只要我含有token这个令牌,我在访问后端的任意接口中都必须要在请求头上添加这个这个token,如果项目比较大,有100个1000个接口,需要在每个接口都添加一行设置请求头?这个显然是不明智的,程序员要学会偷懒,我们只需要在发起ajax请求之前,就添加上这个请求头,就会省事很多,这个就是http拦截

  • 请求拦截:发起请求时的拦截,使用的是类似中间键的形式拦截。axios有一个interceptors对象,这个对象包含request和response,得到这个就可以配置拦截

在这里插入图片描述

响应拦截
  • 当我们账号或者密码输入错误、或者是令牌过期的时候,后端都会响应一个401的状态码,在拦截到这个401的响应码的时候就需要重新登录,删除前端过期的token

在这里插入图片描述

触发拦截器
  • 这个拦截器我们只是定义好了,并没有触发,触发的最好地方是在main.js中触发,只需要在main.js中导入这个模块的函数,在执行一下这个函数即可

在这里插入图片描述

后台的功能细节:
  • 后台正常的跨域处理中间键、路由中间键、获取post中间键已经写过很多遍了,也很简单,这里就不花时间写了
token

算法

  1. 冒泡排序

  2. 选择排序

  3. 快速排序

  4. 二叉树查找: 最大值、最小值、固定值

  5. 二叉树遍历

  6. 二叉树的最大深度

  7. 给予链表中的任一节点,把它删除掉

  8. 链表倒叙

  9. 如何判断一个单链表有环

由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!

如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

的介绍,每个小节点里面都有更细化的内容!

如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Logo

前往低代码交流专区

更多推荐