Vuex 4与状态管理实战指南

news2024/7/6 18:34:40

title: Vuex 4与状态管理实战指南
date: 2024/6/6
updated: 2024/6/6

excerpt:
这篇文章介绍了使用Vuex进行Vue应用状态管理的最佳实践，包括为何需要状态管理，Vuex的核心概念如store、actions、mutations和getters，以及如何处理异步操作和模块化组织状态。通过例子展示了如何动态注册模块，以实现可复用和可扩展的状态管理解决方案。

categories:

  • 前端开发

tags:

  • Vuex
  • 状态管理
  • Vue.js
  • 模块化
  • 异步操作
  • 状态变更
  • 动态注册

在这里插入图片描述

第一部分 Vuex基础

第1章 Vuex概述

1.1 Vue与Vuex的关系

Vue是一个渐进式JavaScript框架，它被设计为易于上手同时也能够强大到驱动复杂的单页应用（SPA）。Vue的核心库只关注视图层，不仅易于学习，而且容易与其他库或现有项目整合。Vuex是一个专门为Vue.js应用程序开发的状态管理模式和库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

Vuex与Vue的关系是互补的，Vue负责视图层的渲染，而Vuex则负责管理应用的状态。在没有Vuex的情况下，Vue组件之间的状态管理可能会变得复杂且难以维护，Vuex的出现解决了这一问题。

1.2 Vuex的核心概念

Vuex的核心概念包括以下几个部分：

  • State：是存储在Vuex中的状态（数据），可以是任意类型的数据。
  • Getters：可以看作是store的计算属性，用于派生出一些状态。
  • Mutations：是更改Vuex中状态的唯一方式，是同步操作。
  • Actions：类似于Mutations，但它包含任意异步操作。
  • Modules：Vuex允许将store分割成模块（module），每个模块拥有自己的state、mutation、action、getter。
1.3 Vuex的工作流程

Vuex的工作流程通常如下：

  1. 组件通过dispatch调用一个action。
  2. Action通过调用mutation来更改状态。
  3. Mutation直接更改状态。
  4. 由于状态变更，Vue组件会自动重新渲染，显示新的状态。

第2章 Vuex安装与初始化

2.1 Vuex的安装

Vuex可以通过npm进行安装：

npm install vuex@next --save # 安装Vuex 4版本
2.2 创建Vuex Store

创建Vuex Store通常需要定义一个store对象，并在其中包含state、mutations、actions、getters等：

import { createStore } from 'vuex';

const store = createStore({
  state() {
    return {
      // 初始状态
    };
  },
  mutations: {
    // 变更状态的方法
  },
  actions: {
    // 提交mutation的方法
  },
  getters: {
    // 获取状态的方法
  }
});
2.3 在Vue应用中集成Vuex

在Vue应用中集成Vuex，需要在Vue实例的创建过程中将store实例作为插件使用：

import { createApp } from 'vue';
import App from './App.vue';
import store from './store';

const app = createApp(App);

app.use(store);

app.mount('#app');

第3章 Vuex核心概念详解

3.1 State：状态管理

State是Vuex store的核心，它存储了所有组件的状态。组件可以通过mapState辅助函数或store.state直接访问状态。
归档 | cmdragon’s Blog

3.2 Getters：派生状态

Getters可以让我们从store的state中派生出一些状态，例如过滤列表、计数器的值等。它们可以被看作是store的计算属性。

getters: {
  filteredList: (state) => {
    // 返回过滤后的列表
  }
}
3.3 Mutations：同步状态变更

Mutations是更改Vuex store中状态的唯一方式，它们是同步的，每个mutation都有一个字符串类型的事件类型（type）和一个回调函数（handler）。

mutations: {
  increment(state) {
    // 更改状态的逻辑
  }
}
3.4 Actions：异步状态变更

Actions类似于mutations，但它们支持异步操作。Action提交的是mutation，而不是直接变更状态。

actions: {
  incrementAsync({ commit }) {
    setTimeout(() => {
      commit('increment');
    }, 1000);
  }
}
3.5 Modules：模块化管理

对于大型应用，Vuex允许将store分割成模块。每个模块拥有自己的state、mutation、action、getter，使得代码结构更清晰，易于管理。

const moduleA = {
  state() { /* ... */ },
  mutations: { /* ... */ },
  actions: { /* ... */ },
  getters: { /* ... */ }
};

const store = createStore({
  modules: {
    a: moduleA
  }
});

第二部分 Vuex 4新特性

第4章 Vuex 4新特性概述

4.1 Vuex 4的主要改进

Vuex 4是Vuex的最新版本，它与Vue 3兼容，并带来了一些重要的改进：

  • 与Vue 3的Composition API兼容：Vuex 4提供了与Vue 3的Composition API更好的集成，使得状态管理更加灵活和高效。
  • 改进的模块系统：Vuex 4增强了模块化管理，使得大型应用的状态管理更加清晰和易于维护。
  • API的现代化：Vuex 4更新了API，使其更加现代化，同时也保持了与Vuex 3的向后兼容性。
4.2 Vuex 4的API变化

Vuex 4的API变化主要包括：

  • createStore函数：用于创建一个新的store实例，替代了Vuex 3中的new Vuex.Store。
  • useStore函数：在Vue组件中使用，用于获取store实例。
  • 模块的自动命名空间：Vuex 4默认启用模块的自动命名空间，简化了模块的管理。

第5章 Vuex 4的模块化管理

5.1 模块的注册与自动命名空间

在Vuex 4中，模块的注册更加简单，并且默认启用了自动命名空间。这意味着每个模块都有自己的命名空间，可以避免不同模块之间的命名冲突。

const store = createStore({
  modules: {
    account: {
      state: () => ({ ... }),
      getters: { ... },
      mutations: { ... },
      actions: { ... }
    }
  }
});
5.2 模块的动态注册

Vuex 4支持动态注册模块，这使得模块的加载更加灵活。

store.registerModule('myModule', {
  state: () => ({ ... }),
  getters: { ... },
  mutations: { ... },
  actions: { ... }
});
5.3 模块的重写与合并

Vuex 4允许对现有模块进行重写或合并，这在需要更新或扩展模块时非常有用。

store.hotUpdate({
  modules: {
    myModule: {
      ...myModule,
      state: () => ({ ... }),
      getters: { ... },
      mutations: { ... },
      actions: { ... }
    }
  }
});

第6章 Vuex 4的Getters改进

6.1 直接访问Getters

在Vuex 4中，可以直接通过store实例访问getters，而不需要使用mapGetters辅助函数。

computed: {
  ...mapState(['myState']),
  myGetter() {
    return this.$store.getters.myGetter;
  }
}
6.2 使用Getters进行派生状态的简化

Vuex 4简化了使用getters进行派生状态的过程，使得代码更加简洁。

getters: {
  myGetter(state) {
    return state.myState.filter(item => item.active);
  }
}

在组件中使用时，可以直接访问：

computed: {
  myFilteredList() {
    return this.$store.getters.myGetter;
  }
}

这些改进使得Vuex 4在处理复杂状态管理时更加高效和易于维护。

第三部分 Vuex实战应用

第7章 Vuex在Vue组件中的应用

7.1 在组件中访问State和Getters

在Vue组件中，可以通过this.$store.state来访问store中的状态，通过this.$store.getters来访问getters。

computed: {
  // 直接访问state
  myState() {
    return this.$store.state.myState;
  },
  // 直接访问getter
  myGetter() {
    return this.$store.getters.myGetter;
  }
}
7.2 使用mapState、mapGetters辅助函数

为了简化组件中对store的访问，可以使用mapState和mapGetters辅助函数。

import { mapState, mapGetters } from 'vuex';

computed: {
  // 使用mapState
  ...mapState({
    myState: state => state.myState
  }),
  // 使用mapGetters
  ...mapGetters(['myGetter'])
}
7.3 在组件中调用Actions和Mutations

在组件中，可以使用this.$store.dispatch来调用actions，使用this.$store.commit来调用mutations。

methods: {
  updateState() {
    // 调用mutation
    this.$store.commit('updateMutation', payload);
    // 调用action
    this.$store.dispatch('updateAction', payload);
  }
}

第8章 Vuex与组件通信

8.1 Vuex状态与组件props的关系

Vuex的状态不应该直接作为组件的props，因为props通常用于父组件向子组件传递数据。如果需要在组件中使用Vuex状态，应该通过computed属性来访问。
AD：漫画首页

8.2 Vuex状态在组件间的共享

Vuex的状态是全局的，可以被多个组件共享。组件间通过访问相同的Vuex状态来保持数据的一致性。

8.3 Vuex状态与组件生命周期

组件的生命周期钩子可以用来监听Vuex状态的变化，并执行相应的操作。

watch: {
  '$store.state.myState': function(newValue, oldValue) {
    // 当myState变化时执行的操作
  }
},
created() {
  // 组件创建时获取数据
  this.$store.dispatch('fetchData');
}

第9章 Vuex在大型项目中的应用

9.1 Vuex在复杂应用中的结构设计

在大型项目中，Vuex的状态结构设计非常重要。通常建议按照功能模块来划分state、getters、mutations和actions。

const store = createStore({
  modules: {
    moduleA: moduleAState,
    moduleB: moduleBState,
    // 更多模块
  }
});
9.2 Vuex与路由的结合

在Vue项目中，经常需要结合Vuex和Vue Router来管理路由状态。可以在路由守卫中使用Vuex状态来控制访问权限或加载必要的数据。

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
    if (!store.getters.isAuthenticated) {
      next({ path: '/login' });
    } else {
      next();
    }
  } else {
    next();
  }
});
9.3 Vuex与服务器端的交互

Vuex经常与后端服务器进行交互，通过actions来处理异步请求。

actions: {
  async fetchData({ commit }) {
    try {
      const response = await axios.get('/api/data');
      commit('setData', response.data);
    } catch (error) {
      // 处理错误
    }
  }
}

在大型项目中，合理地使用Vuex可以极大地提高项目的可维护性和扩展性。

第四部分 Vuex高级特性

第10章 Vuex的插件系统

10.1 Vuex插件的概念

Vuex插件是一个返回函数的对象，这个函数接收store作为参数。插件可以在store创建之后被添加到store中，用于监听store的变化或执行一些额外的逻辑。

const myPlugin = store => {
  store.subscribe((mutation, state) => {
    // 当mutation被提交时执行的操作
  });
};
10.2 创建自定义插件

创建自定义插件时，你可以利用store.subscribe来监听mutation的变化，或者使用store.subscribeAction来监听action的变化。

const loggerPlugin = store => {
  store.subscribe((mutation, state) => {
    console.log(mutation.type, mutation.payload);
  });
  store.subscribeAction((action, state) => {
    console.log(action.type, action.payload);
  });
};
10.3 Vuex插件的最佳实践

使用Vuex插件时，以下是一些最佳实践：

  • 保持插件的功能单一，易于维护。
  • 插件中避免直接修改state，而是通过commit或dispatch来改变状态。
  • 在插件中处理错误和异常，避免影响到正常的应用逻辑。

第11章 Vuex的性能优化

11.1 Vuex的性能考量

在大型应用中，Vuex的状态树可能会变得非常庞大，这可能会影响到应用的性能。以下是一些性能考量的方面：

  • 减少不必要的mutation和action。
  • 使用计算属性和getters来避免重复的数据处理。
  • 避免在组件中直接监听整个state的变化。
11.2 Vuex状态树的扁平化

Vuex状态树的扁平化是指将嵌套的状态结构转换为扁平的结构，这有助于减少组件的计算负担。

// 假设原始状态树
const state = {
  user: {
    id: 1,
    name: '张三'
  },
  settings: {
    theme: 'dark'
  }
};

// 扁平化的状态
const flatState = {
  userId: state.user.id,
  userName: state.user.name,
  settingsTheme: state.settings.theme
};
11.3 Vuex的持久化与缓存

为了防止页面刷新导致Vuex状态丢失，可以使用持久化和缓存机制。

  • 持久化：通常结合本地存储（如localStorage）来保存状态。
  • 缓存：可以使用缓存策略，比如LRU（最近最少使用）缓存来存储常用的状态。
// 使用localStorage进行持久化
const saveStateToLocalStorage = state => {
  localStorage.setItem('vuexState', JSON.stringify(state));
};

const loadStateFromLocalStorage = () => {
  const state = localStorage.getItem('vuexState');
  return state ? JSON.parse(state) : undefined;
};

在实现持久化和缓存时，需要考虑数据的安全性和性能，避免敏感数据的泄露和性能的下降。

第五部分 Vuex与前端框架的集成

第12章 Vuex与Vue 3的集成

12.1 Vue 3的新特性

Vue 3带来了多项新特性，包括但不限于：

  • 组合式API（Composition API）：允许更加灵活地组合和复用逻辑。
  • 性能提升：通过Tree Shaking、Proxy-based observation等手段，提高了框架的性能。
  • 类型支持：更好的TypeScript集成。
  • 自定义渲染器API：允许开发者创建自定义渲染器。
  • 多事件监听和Teleport组件等新功能。
12.2 Vuex在Vue 3中的使用

在Vue 3中使用Vuex与Vue 2类似，但需要确保使用与Vue 3兼容的Vuex版本。在Vue 3中，你可以通过app.use(store)来安装Vuex。

import { createApp } from 'vue';
import { createStore } from 'vuex';

// 创建一个新的store实例
const store = createStore({ /* ... */ });

// 创建Vue应用实例并使用store
const app = createApp({ /* ... */ });
app.use(store);
app.mount('#app');
12.3 Vuex与Vue 3的组合式API

在Vue 3中，可以使用组合式API来使用Vuex。以下是如何在组件中使用Vuex的状态和操作：

import { computed } from 'vue';
import { useStore } from 'vuex';

export default {
  setup() {
    const store = useStore();

    // 使用store.state和store.getters
    const count = computed(() => store.state.count);
    const doubleCount = computed(() => store.getters.doubleCount);

    // 使用store.dispatch和store.commit
    function increment() {
      store.dispatch('increment');
    }

    function decrement() {
      store.commit('decrement');
    }

    return { count, doubleCount, increment, decrement };
  }
};

第13章 Vuex与其他前端框架的集成

13.1 Vuex在React中的应用

虽然Vuex是为Vue设计的，但理论上也可以在React应用中使用。然而，通常推荐使用更符合React生态的数据流管理库，如Redux。如果需要在React中使用Vuex，可以通过创建相应的包装器和桥接代码来实现。
AD：专业搜索引擎

13.2 Vuex在Angular中的应用

Vuex不是为Angular设计的，Angular有自己的状态管理库——NgRx。不过，如果你想在Angular项目中使用Vuex，需要创建一个服务来模拟Vuex的核心功能，但这通常不是一个好的实践。

13.3 Vuex在跨框架项目中的实践

在跨框架项目中使用Vuex是非常不常见的，因为每个框架都有自己的状态管理解决方案。如果确实需要在跨框架的项目中使用Vuex，可能需要创建一个统一的状态管理层，然后为每个框架提供适配器来与这个状态管理层交互。这种做法通常很复杂，并且可能带来不必要的性能和维护成本。

在实际开发中，推荐使用每个框架对应的状态管理解决方案，例如在React中使用Redux，在Vue中使用Vuex，在Angular中使用NgRx。这样可以更好地利用每个框架的特性和生态。

第六部分 Vuex的最佳实践

第14章 Vuex的项目结构设计

14.1 Vuex在项目中的目录结构

在项目中，Vuex的目录结构应当清晰明确，以下是一个推荐的目录结构示例：

src/
|-- store/
    |-- index.js          # Vuex的入口文件，用于创建store实例
    |-- modules/          # 存放各个Vuex模块
        |-- user.js       # 用户模块
        |-- products.js   # 产品模块
    |-- getters.js        # 公共getters
    |-- actions.js        # 公共actions
    |-- mutations.js      # 公共mutations
14.2 Vuex模块的划分原则

模块的划分应遵循以下原则：

  • 按功能划分：将逻辑上紧密相关的状态、getter、action和mutation组合在一起。
  • 单一职责：每个模块只处理一个具体的功能或领域。
  • 保持扁平：避免模块嵌套过深，保持模块结构的扁平化。
14.3 Vuex状态的命名规范

状态的命名应遵循以下规范：

  • 使用小写字母和下划线（snake_case）命名。
  • 保持命名简洁明了，易于理解。
  • 避免使用缩写，除非是广泛接受的缩写。

第15章 Vuex的测试

15.1 Vuex状态的单元测试

对Vuex状态进行单元测试时，可以使用Vue Test Utils和Jest等测试工具。以下是一个简单的测试示例：

import { createStore } from 'vuex';

const store = createStore({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++;
    }
  }
});

describe('Vuex state', () => {
  it('mutations should increment count', () => {
    store.commit('increment');
    expect(store.state.count).toBe(1);
  });
});
15.2 Vuex的集成测试

。AD：首页 | 一个覆盖广泛主题工具的高效在线平台
集成测试通常涉及组件和Vuex store的交互。以下是一个集成测试的示例：

import { mount } from '@vue/test-utils';
import MyComponent from '@/components/MyComponent.vue';
import { createStore } from 'vuex';

const store = createStore({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++;
    }
  }
});

const wrapper = mount(MyComponent, {
  global: {
    plugins: [store]
  }
});

// 触发组件中的方法，并断言状态的变化
wrapper.find('button').trigger('click');
expect(wrapper.vm.$store.state.count).toBe(1);
15.3 Vuex测试的最佳实践
  • 保持测试的独立性，每个测试用例只测试一个功能点。
  • 使用模拟数据和真实数据相结合，确保测试的准确性。
  • 保持测试的可维护性，随着Vuex状态的变化更新测试用例。

第16章 Vuex的维护与迭代

16.1 Vuex代码的维护

为了维护Vuex代码，以下是一些最佳实践：

  • 保持模块化和组件化。
  • 使用清晰的命名和文档。
  • 定期审查和重构代码。
16.2 Vuex状态的迭代管理

在迭代管理Vuex状态时：

  • 小步快跑，避免一次性进行大规模的重构。
  • 使用版本控制工具（如Git）来跟踪状态变化。
  • 保持与团队成员的沟通，确保状态的变更是可预测和可管理的。
16.3 Vuex的版本升级策略

当升级Vuex版本时：

  • 阅读官方的升级指南，了解所有的变更点。
  • 在升级之前，在分支或副本上进行测试，确保应用兼容性。
  • 如果可能，先升级到次要版本，逐步过渡到最新版本。

附录

Vuex资源列表

以下是一些Vuex学习的资源列表，可以帮助开发者更好地理解和掌握Vuex：

  1. 官方文档：Vuex官网，Vue.js官方提供的Vuex文档，是最权威的学习资源。
  2. Vue.js官方教程：Vue.js官方提供的 Vuex 教程，涵盖基础概念和高级用法。
  3. Vuex GitHub 仓库：Vuex GitHub，可以查看Vuex的源码和最新动态。
  4. Vue.js社区：Vue.js中文社区，国内Vue.js爱好者的交流社区，有关于Vuex的讨论和教程。
  5. 视频教程：Bilibili、慕课网等平台上有许多关于Vuex的视频教程，适合喜欢看视频学习的开发者。
  6. 开源项目：GitHub上有很多使用Vuex的开源项目，通过阅读源码可以学习到实际项目中Vuex的使用方式。

Vuex常见问题解答

以下是关于Vuex的一些常见问题及其解答：

  1. 什么是Vuex？ Vuex是Vue.js的官方状态管理库，用于集中管理所有组件的状态。
  2. Vuex与组件的data有什么区别？ Vuex是全局的状态管理，而组件的data是局部状态。Vuex的状态是响应式的，可以被多个组件共享和修改。
  3. 为什么要使用Vuex？ 在大型应用中，Vuex可以帮助你更好地组织状态，并保持组件间的状态同步。
  4. Vuex中的mutation和action有什么区别？ Mutation是同步操作，直接修改状态；Action是异步操作，提交mutation来修改状态。
  5. 如何调试Vuex中的状态变化？ 可以使用Vue Devtools来跟踪和调试Vuex的状态变化。
  6. Vuex如何处理模块化？ Vuex支持模块化，可以将状态分割成模块，每个模块拥有自己的状态、getter、action和mutation。

Vuex版本更新日志

以下是Vuex的一些主要版本更新日志摘要：

  • Vuex 3.x：引入了模块化，增强了插件系统，改进了性能。
  • Vuex 4.x：与Vue 3兼容，支持Composition API，改进了类型支持，移除了一些过时的API。

具体每个版本的详细更新内容，可以查看Vuex的官方GitHub仓库中的Release Notes。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1795161.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

AI大模型日报#0606：智谱AI开源GLM-4-9B、Pika再融5.8亿

AI大模型日报#0606：智谱AI开源GLM-4-9B、Pika再融5.8亿

导读：AI大模型日报，爬虫LLM自动生成，一文览尽每日AI大模型要点资讯！目前采用“文心一言”（ERNIE 4.0）、“零一万物”（Yi-Large）生成了今日要点以及每条资讯的摘要。欢迎阅读&#xf…
阅读更多...
计算机网络学习实践：配置主机通过DHCP获取IP并通过域名访问web服务器

计算机网络学习实践：配置主机通过DHCP获取IP并通过域名访问web服务器

计算机网络学习实践：配置主机通过DHCP获取IP并通过域名访问web服务器 点一点就能配置，不需要输入命令 1.实验准备 实验环境：思科的模拟器 实验设备： 3个服务器，1个二层交换机（不是三层的）&a…
阅读更多...
使用C++实现YOLO图像分类：从环境搭建到性能评估的完整指南

使用C++实现YOLO图像分类：从环境搭建到性能评估的完整指南

⭐️我叫忆_恒心，一名喜欢书写博客的研究生👨‍🎓。 如果觉得本文能帮到您，麻烦点个赞👍呗！ 近期会不断在专栏里进行更新讲解博客~~~ 有什么问题的小伙伴 欢迎留言提问欧，喜欢的小伙伴给个三连支…
阅读更多...
问你为什么选择Kafka，你会怎么回答？

问你为什么选择Kafka，你会怎么回答？

可靠的含义在百度百科的解释是：可以信赖、可以相信、可靠的朋友。那Kafka究竟是不是一个可靠的朋友呢？既然全世界绝大部分高可用系统都有Kafka的支持，Kafka必定有其过人之处，跟着我来分析分析。 另外多提一嘴Kafka在GitHub目前已…
阅读更多...
HTTP-一

HTTP-一

一、超文本传输 1. 文本传输 > 字符串(能在utf8/gbk等码表上找到合法字符) 2. 超文本传输 > 不仅仅是字符串,还可以携带一些图片,特殊得格式 HTML 3. 富文本 word http0.9 -> http1.0 -> http1.1 -> http2.0 -> http3.0 http1.0是主流版本 2.0 和…
阅读更多...
任务3.7 开发名片管理系统

任务3.7 开发名片管理系统

本实战项目以Java语言为基础，精心打造了一个功能全面的名片管理系统。系统采用面向对象的设计原则，通过Card类来封装每张名片的详细信息，如姓名、单位、职位和联系电话等，并提供了标准的访问器和修改器方法以确保数据的安全访问。…
阅读更多...
course-nlp——8-translation-transformer

course-nlp——8-translation-transformer

本文参考自https://github.com/fastai/course-nlp。 注意力机制和 Transformer Nvidia AI 研究员 Chip Huyen 写了一篇很棒的文章《Top 8 trends from ICLR 2019》，其中的趋势之一是 RNN 正在失去研究人员的青睐。 这是有原因的，RNN 可能很麻烦&#…
阅读更多...
2938. 区分黑球与白球

2938. 区分黑球与白球

题目 桌子上有 n 个球，每个球的颜色不是黑色，就是白色。 给你一个长度为 n 、下标从 0 开始的二进制字符串 s，其中 1 和 0 分别代表黑色和白色的球。 在每一步中，你可以选择两个相邻的球并交换它们。 返回「将所有黑色球都移到…
阅读更多...
网工内推 | 网络运维工程师，H3CIE认证优先，13薪，享股票期权

网工内推 | 网络运维工程师，H3CIE认证优先，13薪，享股票期权

01 畅读 🔷招聘岗位：高级网络运维工程师 🔷职责描述： 1.负责线上业务网络技术运维工作，保障并优化线上网络质量； 2.规划并构建公司线上业务网络架构； 3.规划线上业务网络质量评估与监控体系&…
阅读更多...
信号：干扰类别及特征提取

信号：干扰类别及特征提取

目录 第一部分：干扰类别 1.压制干扰 1.1噪声调幅瞄准式干扰(单音干扰) 1.2噪声调频阻塞式干扰（宽带噪声干扰） 1.3噪声调频扫频式干扰（线性调频） 2.欺骗干扰 2.1距离欺骗干扰（幅度调制干扰&#xff0…
阅读更多...
关于main函数参数列表的那些事

关于main函数参数列表的那些事

写在最前面： 本篇博客所写代码，全部都依赖于Linux环境。 在开始之前，我们先问自己几个问题： main函数可以传参吗?如果main函数可以传参，最多可以传几个参数。main函数传递的参数具体作用是什么？ 一.是否…
阅读更多...
java小游戏-坦克大战1.0

java小游戏-坦克大战1.0

文章目录 游戏界面样式游戏需求分析设计类过程1：初始化界面过程2：用面向对象思想设置功能过程3：调用类实例化对象过程4：联合调试 项目代码下载： CSDN_java小游戏-坦克大战1.0 来源：该游戏来自尚学堂~&…
阅读更多...
神了，Suno创作的《不期待》三个版本，你最喜欢哪一个？

神了，Suno创作的《不期待》三个版本，你最喜欢哪一个？

Suno AI 最近尝试了下 Suno AI 的v3.5模型，有点惊艳 做了三首版本的AI歌曲，词是我写的，其他全都交给Suno了，欢迎大家来听听 B站链接 Youtube链接
阅读更多...
源码文章上传无忧，论坛小程序支持

源码文章上传无忧，论坛小程序支持

前言 在数字化时代，知识的分享与传播显得愈发重要。为了满足广大创作者和求知者的需求，我们推出了全新的论坛小程序，不仅支持文章、源码、链接等多样化内容的上传，还实现了付费观看功能，为创作者们提供了一个展示才华…
阅读更多...
flask 之JWT认证实现

flask 之JWT认证实现

目录 1、JWT 1.1、JWT概述 1.2、token的生成 1.3、token校验 1.4、flask项目中实现JWT认证 1、JWT 1.1、JWT概述 JWT（JSON Web Token）是一种用于身份验证和授权的开放标准。它由三部分组成，分别是头部、负载和签名。 头部&#xff0…
阅读更多...
第三方软件测试机构与CMA、CNAS资质

第三方软件测试机构与CMA、CNAS资质

第三方软件测试机构 随着信息技术的快速发展，软件在各个领域的应用越来越广泛，软件的质量和安全性成为人们关注的焦点。为了确保软件的质量和安全性，第三方软件测试机构和CMA、CNAS资质成为了重要的保障。 第三方软件测试机构是独立于软件开…
阅读更多...
python调用excel的demo

python调用excel的demo

在本地安装Pycharm之后，新建工程，在main.py中键入如下代码,即可实现Python调用excel： import pandas as pd sheet pd.read_excel(test.xlsx) data sheet.loc[0].values print("读取指定行的数据:\n{0}".format(data)) 第一次编…
阅读更多...
如何将 MySQL 数据库共享给他人？

如何将 MySQL 数据库共享给他人？

文章目录 共享所有数据库给他人1. 连接到 MySQL 数据库2. 选择要使用的数据库3. 修改连接所需的 host4. 刷新权限 共享部分数据库给他人1. 创建用户2. 授权3. 刷新权限 结语 🎉欢迎来到Java学习路线专栏~探索Java中的静态变量与实例变量 ☆* o(≧▽≦)o *☆嗨~我是I…
阅读更多...
JVMの静、动态绑定异常捕获JIT即时编译

JVMの静、动态绑定异常捕获JIT即时编译

在说明静态绑定和动态绑定之前，我们首先要了解在字节码指令的层面，JVM是如何调用方法的： 例如我有以下的代码，很简单就是在main方法中调用了另一个静态方法： public class MethodTest {public static void main(Strin…
阅读更多...
git clone 文件名中文、有冒号等问题 fatal: repository ‘***/r/鏍″洯鏅烘収椋熷爞/.git/‘ not found

git clone 文件名中文、有冒号等问题 fatal: repository ‘***/r/鏍″洯鏅烘収椋熷爞/.git/‘ not found

记录一个git问题，比较有意思，也比较难找。 背景 首先把代码拉下来，发现给我报错。 怀疑 刚开始以为是仓库地址变了，但是发现仓库地址并没有变过。 交流 然后寻找解决方案。因为同事也遇到过，同事交了我一招&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023