vuex——vue中的状态管理
一、Vuex简单介绍Vuex 是 Vue.js 的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。【一句话:用于多个组件共享数据——通信】
官网:https://vuex.vuejs.org/zh/
(1)Vuex 的主要特点包括:
单一状态树:Vuex 使用单一状态树——即一个对象树来存储应用中所有组件的状态,并且保证状态以统一的方式任何组件都可以获取到。
提交 mutation:唯一改变 Vuex 状态的方法是提交 mutation。 mutation 里面的方法都是同步方法。
Action:Action 可以包含任意异步操作。
模块化:Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块等等。
严格模式:Vuex 可以开启严格模式,让状态变更更加可预测。
插件机制:可以通过 Vuex 插件来扩展 Vuex 的功能。
(2)Vuex 作用:
集中状态管理,方便多个组件访问和修改状态
可记录每次状态改变的操作,方便追踪 ...
k8s重要命令
彻底删除pod有两种方式,删除创建该pod的控制器,或者删除该pod所在的namespace
1、服务部署12345678910111213141516# 1、部署nginx[root@master ~]# kubectl create deployment nginx --image=nginx:1.14-alpine# 2、暴露端口[root@master ~]# kubectl expose deployment nginx --port=80 --type=NodePort# 3、查看服务状态[root@master ~]# kubectl get pods,serviceNAME READY STATUS RESTARTS AGEpod/nginx-86c57db685-fdc2k 1/1 Running 0 18mNAME TYPE CLUSTER-IP EXTERNAL-IP PORT(S) AGEs ...
Git实用操作
1、分支重命名后本地项目修改(这里是main改为master)1234git branch -m main mastergit fetch origingit branch -u origin/master mastergit remote set-head origin -a
2、Github仓库重命名后本地如何提交本仓库路径下执行:git remote -v,显示只有一个:origin
在本地仓库删除远程仓库:git remote rm origin
本地添加远程仓库地址:
123git add README.mdgit commit -m "first commit"git remote add origin http://XX/test.git
提交:git push origin master
3、github文件夹有白色箭头且无法打开的解决方法
clone到本地的这个文件夹中有一个.git的隐藏文件夹,可能内含了一些原始信息,导致将其push到GitHub后会被自动识别成一个子模块。
解决步骤 在资源管理器“查看”中勾选“隐藏项目”,并删去 ...
SpringBoot web开发前后端调用的一些问题梳理
1、springboot+vue前后端不分离的项目,前端怎么与后端进行交互的,前端如何向后端发送请求(如何调用后端接口)
前后端不分离项目常用Ajax、Axios或者Vue-resource请求接口; 对需要实时通讯的则可以考虑SockJS或WebSocket等技术。
(1)原生Ajax请求
前端使用XMLHttpRequest或者Fetch API发送Ajax请求到后端,调用后端restful接口。( fetch API可以替代传统的XMLHttpRequest对象来进行网络请求。)
12345678// Vue组件方法getData() { fetch('/api/users') .then(response => response.json()) .then(data => { // 使用数据 })}
(2)Axios
Axios是非常流行的ajax请求库,使用起来比原生的更简单。
12345678910111213// Vue组件import axios from ...
前端框架
一、node.js配置淘宝镜像源
1npm config set registry https://registry.npm.taobao.org
可以使用npm config list命令来确认镜像地址是否已成功更改。
如果需要将配置的镜像恢复为默认的npm官方源,可以执行以下命令:
1npm config delete registry
二、vue1、创建Vue项目1.1 使用Vue-CLI
https://blog.csdn.net/weixin_45647685/article/details/123557666
官网:https://cli.vuejs.org/zh/Github:https://github.com/vuejs/vue-cli
Vue-CLI已经处于维护模式了,官方推荐使用Vite创建Vue项目。
使用Vue-CLI创建项目:
12// 注意项目名不能大写vue create xxx项目名
这里创建的是vue3项目
启动项目:
访问:http://localhost:8080/
1.2 使用Vite
GitHub:https:// ...
Vue.js、Vue-CLI、Vite的区别
一、Vue.js、Vue-CLI、Vite的区别vuejs、vuecli和vite的主要区别如下:
vuejs是Vue.js的核心库,提供了主要的核心功能如数据绑定、组件化等。它是其他工具的基础。
vue-cli是Vue项目脚手架工具,可以快速搭建Vue项目脚手架。它会帮我们安装和配置webpack、babel等工具,构建开发环境和生产环境,方便开发Vue项目。
vite是一个快速的前端开发构建工具。它采用ES 模块导入和动态导入来替代巨大的 bundle 文件,大大加快开发体验。相比 webpack,vite 的构建速度要快很多。
区别点总结:
vuejs是核心库,提供基础功能
vue-cli是可构建整个Vue项目的脚手架工具
vite是用于快速搭建前端开发环境的构建工具,比vue-cli更轻量级,构建速度更快
所以:
vuejs是核心库基础
vue-cli可以通过脚手架快速开始一个完整的Vue项目
vite是用于快速开发的前端构建工具,性能比vue-cli更好
他们协同使用:
开发前使用vite或vue-cli搭建项目环境
项目中使用vuejs开发组件和功能
二、V ...
Git
7a774f3dda6372403a952e7f3528cea598e783778aaa5875fe272399af894fbb4cacb032279d3bcde4680b501a63027280049def1b963efaf3997a47cc86f977de09bbc3be8fcb675a848ae7c30021dceecbc5a0e93d1345e01d64fe9238303b412594653d4c0743c6f43bfe1d7304acb60c562f69619db6f9746648c88acd9bb175a0542bcc367ebc391f75f9abbe57357218dd7e29298dda2bf39071acec8dffdfdb55d791578fcc46017ae37ae5f29b332e135c51f3d4de5198bc5f3783b73e89814b18db0c43f742e99bd1624bd93e02633f1313489b7028d4d394c77dac9b9236408e655197ca9fde948730f94480c7bb11b89108fb6 ...
Linux常用命令
一、CentOS的防火墙设置firewall常用命令
1、重启、关闭、开启、firewalld.serverice 服务
Service firewalld restart 重启
Service firewalld start 开启
Service firewalld stop 关闭
systemctl status firewalld
systemctl stop firewalld 关闭
systemctl start firewalld 开启
systemctl restart firewalld 重启
systemctl disable firewalld 关闭开机启动
2、查看状态
firewall-cmd –state
3、查看防火墙规则
firewall-cmd –list-all
二、CentOS端口的开放开启指定端口:
1firewall-cmd --zone=public --add-port=端口号/tcp --permanent
关闭指定端口:
1 ...
Spring Data JPA
7a774f3dda6372403a952e7f3528cea598e783778aaa5875fe272399af894fbb6a330cea9d523a047d898883a87b88308d0406c3bed3ba1db47d04148bd3a6b1d54ac1457ea3b2c0a008515cb895d6d7924c35df6da42b4df112043be2a48498a44bb88ee474d6d71e1884c9c65a55809cc35fb456c60892dfc05e689fc94275a361e73cb543fd6838b663f295ecd0d71ee65c04313406231bbdb67aef69c16f9a8be73c107b606deae40fed963d4a52a0e88d606808af689d23bff8b79571b4f7e052deb55ba49b40d0c5a3f14581c6beb98600c8db22bb0934d5a8feae12e39adccde3fa3e4ca7ccecd251e082b5e23daa8897538cda5b0 ...
Spring容器原理
Spring容器是Spring框架的核心部分,它负责管理和组织应用程序中的对象(Bean)的创建、配置和生命周期管理。Spring容器的原理可以概括为以下几个核心步骤:
资源加载:Spring容器首先会加载配置文件,如XML配置文件或基于注解的配置类。这些配置文件定义了应用程序中的Bean以及它们之间的依赖关系。
实例化Bean:根据配置文件中的定义,Spring容器会实例化应用程序中的Bean对象。Spring提供了多种实例化方式,包括使用构造函数、静态工厂方法、实例工厂方法等。
Bean的依赖注入:Spring容器会解析配置文件,查找Bean之间的依赖关系,并将相应的依赖注入到Bean中。依赖注入可以通过构造函数注入、Setter方法注入或字段注入等方式实现。
Bean的初始化:在依赖注入完成后,Spring容器会调用Bean的初始化方法(如果定义了的话),可以通过实现InitializingBean接口或使用@PostConstruct注解来指定初始化方法。
容器管理:Spring容器会对已创建的Bean进行管理,并提供各种服务,如AOP(面向切面编程)、事务管理、事件发布等。 ...