政采云前端二面

- 项目中完整的功能

参加需求评审时会关注哪些内容

在参加需求评审时，通常会关注以下几个方面的内容：

需求完整性：确保需求文档完整、清晰，并覆盖了所有相关的功能和业务流程。评审过程中需要确认所有的需求都已经明确定义，并且没有遗漏或冲突的部分。
需求一致性：确保需求之间没有矛盾或冲突，各项功能和业务流程之间的逻辑关系和约束条件是统一的。评审过程中需要检查是否存在重复、模糊或矛盾的描述。
需求可行性：评估需求是否在技术上可行，并且是否符合项目的实际情况和可承受的成本。需要考虑到现有系统的架构、技术栈、资源限制等因素。
需求优先级：确定需求的优先级和紧急程度，以便在开发过程中合理安排工作和资源。评审过程中需要根据项目的目标和战略，对各项需求进行优先级排序。
需求可测性：需求是否能够被准确、完整地测试，是否具有明确的验收标准和测试用例。评审过程中需要检查需求是否具有明确的输入、输出和预期结果。
需求变更管理：评估需求变更的影响和风险，以及变更管理流程是否合理和有效。评审过程中需要考虑到变更的原因、影响范围、优先级和风险，以便及时做出决策和调整。

综上所述，需求评审是确保项目成功的重要环节之一，参与评审时需要全面、系统地审查和分析需求文档，确保项目目标的达成和客户满意度的提高。

- 开发之前会写技术方案吗?
- 先设计再写代码还是一边设计一边写代码?
- 项目是屎山,你会改吗?
- 多人协作的时候,代码冲突了怎么解决

在软件开发项目中，编写技术方案是一种常见的做法，尤其是对于复杂或大型项目。技术方案通常包括项目的架构设计、技术选型、模块划分、接口设计、数据库设计等内容，它可以作为开发团队的指导方针，有助于统一开发思路、提高开发效率和降低开发风险。

至于是先设计再写代码还是一边设计一边写代码，这取决于具体的项目和团队情况。在一些较为复杂的项目中，通常会先进行需求分析和架构设计，编写技术方案，然后再开始编写代码。这样可以确保开发过程更加有序、高效，并且可以避免后期的重构和修改。但在一些较为简单的项目或迭代开发中，也可以采取一边设计一边写代码的方式，根据实际情况灵活调整。

对于项目是“屎山”的情况，即代码质量较差、架构混乱、功能混乱、bug较多等情况，一般情况下应该进行重构或重写。这样可以提高代码的可维护性、可扩展性和稳定性，降低后期维护的成本。当然，在进行重构或重写之前，需要进行充分的评估和规划，确保重构或重写过程顺利进行，并且不影响项目的正常运行。

在多人协作的项目中，代码冲突是一个常见的问题。为了解决代码冲突，可以采取以下几种方法：

定期合并代码：团队成员应该定期提交代码，并及时进行代码合并，以减少冲突的可能性。
使用版本控制工具：使用像Git这样的版本控制工具可以帮助团队更好地管理和协作代码，及时发现和解决冲突。
代码Review：在提交代码之前，进行代码Review可以帮助发现潜在的冲突和问题，提前解决。
沟通和协作：团队成员之间应该保持良好的沟通和协作，及时共享信息和解决问题，以避免代码冲突的发生。

综上所述，编写技术方案、规划开发流程、及时解决问题、良好的团队协作是保证项目顺利进行和高效交付的关键因素。

vue中通信方式

在Vue中，组件之间的通信可以通过多种方式实现，主要包括：

**Props / $emit**：父子组件通信的常用方式。父组件通过props向子组件传递数据，子组件通过$ emit触发事件来通知父组件。这种方式适用于父子组件之间简单的数据传递和事件通知。
Event Bus：通过一个空的Vue实例作为事件中心，用它来触发事件和监听事件，从而实现任意组件间的通信。这种方式适用于跨越多级组件关系的通信，但容易导致全局事件污染，不够清晰。
Vuex：Vue官方提供的状态管理库，适用于中大型应用。Vuex 将组件的共享状态抽取出来，以一个全局单例模式管理，包括状态的改变和订阅通知。通过Vuex的状态管理，可以实现组件间的状态共享和数据通信。
$parent /$ children：通过访问父组件和子组件的引用来实现通信。这种方式通常用于较为简单的父子组件通信场景，但会使组件之间的关系紧密耦合，不够灵活。
provide / inject：祖先组件通过provide来提供数据，后代组件通过inject来注入数据。这种方式适用于跨多级组件的数据传递，但需要注意provide / inject不是响应式的，也不会在使用时进行类型检查和props验证。

根据实际场景和需求，选择合适的通信方式可以更好地管理和维护Vue应用。

状态管理库有实际使用吗?应用场景是什么呢

是的，状态管理库在实际的Vue和React应用中被广泛使用。最常见的状态管理库包括Vue的Vuex和React的Redux。

状态管理库的应用场景包括但不限于以下几种情况：

全局状态管理：当多个组件需要共享同一状态时，可以使用状态管理库来统一管理这些状态，避免组件之间的数据传递和耦合。
跨组件通信：状态管理库可以帮助组件之间进行通信，包括父子组件、兄弟组件以及跨级组件之间的通信。
复杂数据流管理：对于复杂的数据流操作，如异步请求、数据处理、状态更新等，使用状态管理库可以更好地组织和管理这些数据流，提高代码的可维护性和可读性。
中大型应用的状态管理：对于中大型的应用，组件之间的状态管理变得复杂而繁琐，使用状态管理库可以帮助管理和维护这些状态，降低代码的复杂度。
开发调试和性能优化：状态管理库提供了开发工具和调试工具，可以帮助开发人员更方便地调试代码、监控状态变化，并优化性能。

总的来说，状态管理库适用于需要管理全局状态、跨组件通信、复杂数据流管理以及中大型应用的状态管理等场景。它可以帮助开发人员更好地组织和管理应用的状态，提高开发效率和代码质量。

在页面中拿store里的值,如果没有值是怎么处理的?

在页面中获取状态管理库（如Vuex或Redux）中的值时，如果该值不存在，可以通过一些方式进行处理，以确保应用的正常运行和用户体验：

默认值设置：在获取值的地方，可以设置一个默认值，以防止值不存在时出现错误。
```
const value = store.state.someValue || defaultValue;
```

条件判断：在使用值之前进行条件判断，确保值存在后再进行后续操作。

if (store.state.someValue) {
    // 执行操作
} else {
    // 处理值不存在的情况
}

空值处理：根据业务需求，可以对值不存在的情况进行特定的处理，例如显示默认提示信息、隐藏相关UI元素等。
```
const value = store.state.someValue;
if (!value) {
    // 显示默认提示信息
}
```

异步获取值：如果需要从异步源获取值，可以在获取值的地方进行异步操作，并在获取成功后更新值，以确保获取到的值是最新的。

async function fetchData() {
    try {
        const data = await fetchSomeData(); // 异步获取数据
        store.commit('updateValue', data); // 更新值到store中
    } catch (error) {
        console.error('Failed to fetch data:', error);
    }
}

fetchData(); // 调用异步函数获取数据

错误处理：在获取值的地方捕获可能出现的错误，并进行相应的错误处理。

try {
    const value = store.state.someValue;
    // 执行操作
} catch (error) {
    console.error('Failed to get value from store:', error);
}

通过以上方式，可以有效地处理状态管理库中值不存在的情况，保证应用的稳定性和用户体验。

vuex存储的实例化是放在哪的?

在Vue应用中，通常会在根组件中（如App.vue）进行Vuex的实例化，并将其注入到Vue实例中，以便在整个应用中共享状态。

具体而言，一般会在main.js（或其他入口文件）中进行Vuex的实例化和注入操作。以下是一个示例：

// main.js

import Vue from 'vue';
import App from './App.vue';
import Vuex from 'vuex'; // 引入Vuex
import store from './store'; // 引入Vuex实例

Vue.use(Vuex); // 使用Vuex插件

new Vue({
  el: '#app',
  render: h => h(App),
  store: store // 将Vuex实例注入到Vue实例中
});

在上述示例中，我们首先引入了Vuex和根组件App.vue，然后使用Vue.use(Vuex)来使用Vuex插件。接着，我们将之前实例化好的Vuex实例通过store属性注入到了Vue实例中。

在实际项目中，Vuex的实例化和注入操作可能会根据具体需求和项目结构有所不同，但通常会遵循类似的步骤进行。这样可以确保整个应用都能够使用Vuex提供的状态管理功能。

前端都能拿到的用户信息,为什么要再传给后端?后端不应该可以直接拿到吗?

前端可以获取的用户信息通常包括用户在浏览器中的一些基本信息，例如浏览器类型、操作系统、屏幕分辨率等，以及用户在网站或应用中的行为数据，例如点击、浏览历史等。虽然前端可以获取这些信息，但它们仅仅是客户端的数据，对于后端来说并不具备权威性和可信度。

在实际的应用场景中，为了保障数据的安全性、完整性和一致性，后端通常会要求前端将用户信息传递给后端进行处理和存储。主要原因包括：

数据验证和安全性：后端需要对接收到的数据进行验证和过滤，确保数据的有效性、合法性和安全性，防止恶意攻击和非法操作。
业务逻辑处理：后端可能需要根据用户信息进行业务逻辑处理，例如用户身份认证、权限控制、个性化推荐等功能。
数据存储和管理：后端负责将用户信息存储到数据库或其他持久化存储介质中，以便后续的查询、分析和管理。
数据传输加密：通过前后端的数据传输通常采用加密方式，确保数据在传输过程中的安全性和隐私性。

虽然后端也可以直接获取部分客户端信息，例如通过用户的请求头信息来获取用户的浏览器类型和操作系统等信息，但这些信息仍然需要通过前端传递给后端，以确保数据的完整性和一致性，并进行后续的处理和管理。因此，前端和后端之间的数据传输和处理是相互配合、协同工作的。

直接使用另外一个服务的接口不存在跨域问题吗?

- 直接使用另外一个服务的接口通常不存在跨域问题，前提是该接口没有进行跨域限制的设置。跨域问题通常是由于浏览器的安全策略所引起的，限制了页面中的JavaScript代码访问不同域名下的资源。

当前端页面通过JavaScript向另外一个服务发送请求时，如果请求的目标域名与当前页面的域名不同，则存在跨域问题。但如果另外一个服务的接口没有设置跨域限制，即在响应中没有包含跨域相关的头部（如Access-Control-Allow-Origin），那么前端页面可以正常访问该接口，而不会受到跨域问题的影响。

需要注意的是，即使直接使用另外一个服务的接口不存在跨域问题，也需要确保服务的接口是公开且可访问的，且符合相关的安全策略和协议。同时，建议在开发过程中遵循合理的安全措施，例如对敏感信息进行加密传输、防止恶意请求等，以确保数据的安全性和完整性。

vue2中数组是怎么做的处理,怎么只影响data中的数组,不影响其他的原生数据

在Vue2中，数组的变化是通过Vue的响应式系统来处理的。Vue会在数组的原型上重写数组的一些方法，如push、pop、shift、unshift、splice、sort、reverse等，以便捕获这些操作，并通知Vue更新视图。

具体来说，Vue2会对数组的原型方法进行劫持，当调用这些方法时，Vue会检测到数组的变化，并立即更新相关的视图。这样做的好处是可以使数据的变化自动响应到视图上，从而实现数据驱动视图的目的。

另外Vue2的响应式系统只对在data中声明的数据进行劫持，不会影响其他原生数据。这是因为Vue在实例化时会对data中的数据进行递归地遍历和劫持，而其他原生数据并不在Vue的监控范围之内。

举例来说，如果在data中声明了一个数组：

data() {
    return {
        myArray: [1, 2, 3]
    }
}

那么对myArray数组的操作会被Vue监测到并响应更新，而对其他普通数组的操作则不会影响到Vue的响应式系统。

需要注意的是，直接修改数组的索引或长度是无法触发Vue的响应式更新的， 因为Vue无法监测到这种变化。如果需要触发更新，应该使用Vue提供的特定方法，如push、pop等。

- 有多个选择时offer怎么选

感觉没啥八股,一面二面基本上都是抛出一个问题,然后基于问题深入提问
两位面试官反馈都还可以,而且这两位面试过程中会有引导和解答,这是我觉得很好的
但是二面还是挂了
二面很多问题没接触过,就是临场发挥.还有一些非技术上的问题,估计我说的不是面试官想听的吧
秋招一面没挂过,正儿八经二面就通过一次,真难顶

信息分享:
政采云前端技术氛围还可以,掘金有前端技术团队的博客
要提前实习,原本过了真打算去实习一下
某脉评价极差,995,官僚味加阿里味
在杭州,薪资不高

#面经##前端面经#

作者：清风拌酒
链接：www.nowcoder.com/feed/main/d…
来源：牛客网

前端面试题详解整理40|直接使用另外一个服务的接口跨域？需求评审，vuex存储的实例化，vue中通信方式，在页面中拿store里的值，状态管理库有实际使用吗，