Vue和Redis_简答题

本文详细探讨了Vue.js的相关知识,包括前后端分离的优劣、跨域问题及解决方案、Vue生命周期、组件通信等。同时,还介绍了Redis的基础概念、优势、应用场景和持久化机制,为读者提供了全面的面试准备资料。
摘要由CSDN通过智能技术生成

Vue

1. 什么都是前后端分离开发?它的优劣是啥?

  • 优点
    前端专门负责前端页面和特效的编写
    后端专门负责后端业务逻辑的处理
    前端追求的是页面美观、页面流畅、页面兼容等
    后端追求的是三高(高并发、高可用、高性能)
    让他们各自负责各自的领域,让专业的人负责处理专业的事情

  • 缺点:
    1 当接口发生改变的时候,前后端都需要改变
    2 当发生异常的时候,前后端需要联调–联调是非常浪费时间的

2.什么是跨域?

当两个系统之间的域名不同、子域名不同、协议不同、端口不同、域名和ip地址,等都会引起跨域问题

3.为什么会有跨域问题?

浏览器的同源策略引起跨域问题,浏览器的同源策略只要是防止ajax攻击
跨域不一定会一起跨域问题
比如:

1 跨域没有引起跨域问题:script脚本的src不受同源策略影响
比如<script src=""> <img src="">
2 跨域引起了跨域问题: 跨域只要是针对ajax请求的
3 跨域的解决方案: a. jsonp–>
最早的跨域解决方案,它的特点:只能接收get请求,而且必须必须提供getMapping的方法 b. nginx–>
反向代理,解决跨域问题 c. cors–>当下的 标准的解决方案,它是w3c颁布的规范

4.什么是cors?

cors就是w3c提供的一套跨域解决方案,他需要浏览器和服务器同时支持
目前,主流的浏览器都支持cors跨域,无需开发者设置
而目前服务器需要通过过滤器的方式来配置跨域请求方案
在过滤器中,可以配置允许请求的url地址,以及允许该url地址发送哪些具体的请求(get,post,put,delete),这些请求,都是允许用户去配置

5. nginx搭建静态资源服务器

每个大型的项目都有搭建nginx集群,所有用户访问的服务器,是先经过nginx,然后再向后端服务器发起请求

6.token和session的区别

token和session没有关系
token只是一个32位的UUID:SSSSSSSSUDUDUDUDUDUUDUDUDUD
session是浏览器与服务器的一次会话,在这次会话中包含多次的request(请求)

7.发送请求时,toke是不是自动携带到请求头中?

在vue中,使用axios发送ajax请求,所以在axios允许携带信息,
代码如下:axios.defaults.headers[‘Authorization’] = ‘Bear poiuytrrewqasdfghjkll’

8.vue的好处

双向数据绑定
具体实现过程: 双向数据绑定只存在于form表单元素中 首先双向数据的绑定需要通过 v-model 来将数据关联起来,其次在
data 中一定要定义好通过 v-model 关联的数据,Vue 在实现数据监听只能够监听到 data 中的数据,如果在 data
中没有定义该数据,那么将无法实现监听 ,同时也无法实现表单的双向数据绑定

9.localStorage和cookie有什么区别?

  • localStorage全部浏览器都支持,cookie全部浏览器也都支持
  • localStorage可以存储5m的大小,cookie存储4kb的大小
  • localStorage都是以字符串的方式存储,所以存储内容是json的时候,未来存储这个数据或者使用这个数据的时候需要使用JSON转化

10.vue中this关键字的用法

1 this代表当前的vm对象,访问属性的时候,可以借助this.属性,相当于就vm.属性访问
2 在html标签中,访问vue的属性的时候,不能加this关键字
3 // 匿名函数,此时this就指当前的function函数,所以通过this.goodsInfo访问的不是vue的data数据,所以会失败
  getGoodsInfo(this.skuid).then(function(res){
   
   console.log(res.data)
   // 此处的赋值 为什么会失败
Vue是一种渐进式的JavaScript框架,专门用于开发单页面应用程序。Vue的主要特点是轻量、灵活、易于学习和理解。以下是Vue的一些简答题: 1. Vue的MVC架构是怎样的? Vue采用的是MVVM架构,即Model-View-ViewModel。Model表示数据模型层,View表示视图层,ViewModel充当了连接两者的桥梁。Vue的实现方法是通过指令进行数据绑定。ViewModel会根据数据模型的变化自动更新视图,而用户操作视图时,ViewModel也会自动更新数据模型。 2. Vue中的生命周期函数有哪些? 在Vue中有8个生命周期函数:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。这些生命周期函数按顺序被调用,分别表示实例在某个阶段需要执行的操作。比如在beforeCreate生命周期函数中可以进行全局变量的定义,而mounted生命周期函数中可以进行DOM操作、获取数据等等。 3. 如何进行Vue中的组件通信? Vue中的组件通信可以通过props和emit两种方式来实现。props可以将数据从父组件传递给子组件,而emit则是子组件向父组件发送事件。除此之外,Vue还提供了一个事件总线的概念。可以通过创建一个空的Vue实例进行通信。 4. Vue的响应式原理是什么? Vue的响应式原理是通过数据劫持来实现的。当数据发生变化时,Vue会自动更新视图。这是因为Vue会对对象和数组的所有属性进行监听,当属性发生变化时,Vue就会自动触发视图更新。Vue是通过Object.defineProperty方法来实现数据劫持的。 5. Vue如何实现异步组件加载? Vue可以利用webpack的代码分割功能来实现异步组件加载。这个功能可以将一个应用程序分割成多个块,每个块都可以异步加载。这样可以减少初始加载时间,并提高应用程序的性能。Vue中的异步组件可以使用import进行导入,然后在组件定义中使用一个特殊的语法来标识异步组件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值