1. 简介 Vuex 是一个 Vue 的状态管理工具，状态就是数据。它的使用场景是多个组件共同维护一份数据（如购物车），或者多个组件使用同一个状态（个人信息）。 其实就是集中式的管理数据，如下图所示： 官方文档：https://vuex.vuejs.org/zh/ 2. 基本使用 vue2 中使用 vuex 分为以下几个步骤： 安装 vuex 引入 vuex 注册 vuex 插件 创建 Vuex …

1. 简介 vue-router 是官方提供的路由插件。Vue 中的路由其实就是路径和组件之间的对应关系，因为 vue 是单页应用类网站，所以创建的网站都在一个页面中。当需要展示不同的内容时，就需要通过修改浏览器的访问路径，来达到根据路径展示不同组件的目的。 官方文档：https://router.vuejs.org/zh/ 可以使用 <router-link> 组件进行导航，使用 &…

使用 docker 有时候为了方便拉下来的镜像是 latest 版本，但是迁移的时候，可能镜像更新了。这样的话，拉下来的镜像就和原来的不一致，如果启动报错了，就非常的麻烦。所以为了避免这种情况发生，最好使用指定版本。 万一真的出现了版本不一致不能启动的情况，首先就需要找到之前 latest 所对应的版本。这里以我这里的 linuxserver/freshrss 镜像为例： docker inspe…

使用的 Ubuntu 系统之前尝试过修改 /etc/resolv.conf，发现修改会被重置，只知道本机启动了一个 dns 的解析服务 systemd-resolved。（今天才知道原来是因为这个文件是一个软连接） ls -alh /etc | grep resolv.conf lrwxrwxrwx 1 root root 39 2月 27 14:19 resolv.conf -> ../r…

一、项目结构和入口 1. 创建vue项目 # 1. 安装vue-cli npm install -g vue-cli # 2. 创建vue项目 vue init webpack demo_vue2 # 接下来会提示输入项目名称、描述等等 (node:12404) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. P…

ES6（ECMAScript 2015）是 JavaScript 的一个版本，它于 2015 年发布。ES6 引入了很多新的语法和功能，使得 JavaScript 更加强大、灵活和易于使用。 一、块级作用域： ES6 引入了let 和 const 关键字，可以在块级作用域中声明变量，解决了以前使用 var 声明变量可能导致的问题。在 ES6 之前，JavaScript 中的变量声明使用var关键字…

Orcale 安装机器时设置了 100G 的引导盘，但是实际上只使用了 50G 的硬盘，所以需要扩容。(只给了 100G，不知道为什么显示 107G) 首先安装软件： apt install -y cloud-guest-utils gdisk # yum install -y cloud-guest-utils gdisk 然后调整分区表： growpart /dev/sda 3 最后调整分区：…

一般使用的 万年历，只提供距今前后百年的日历。这是因为其所用的计算方法是一种简便的近似计算，适用范围较小。其次，天文学方法计算量大，不适合日常软件使用。但如果要进行历史研究，范围就超出常用日历，本文即实现计算任意日期的农历。 由于天文星历数据太大，本文的代码是直接利用 python 的 PyEphem 库。该库只提供了二分二至时间，没有 24 节气。但是也提供了任意时间的太阳黄经，可以利用此项计算…

有些常用的东西还是写成脚本好了，有些好用的脚本也该收藏一下，本文持续更新。 常用 1. 安装docker 安装 docker 24.0.0 版本 sudo bash -c "$(curl -fsSL https://file.amjun.com/public/shell/docker.sh)" 2. 安装docker-compose 安装 compose v2.23.3 版本，…

1. 临时关闭历史记录功能 set +o history 该命令会临时关闭历史记录功能，这意味着在这命令之后你执行的所有操作都不会记录到历史中，然而这个命令之前的所有东西都会原样记录在历史列表中。 2. 清理之前的记录 vim ~/.bash_history 就算是一登录就执行关闭历史记录，历史记录中还会有 set +o history 命令，此时可以直接编辑 ~/.bash_history 文件…

概念 线程池是一组预先创建的线程，用于执行任务。 线程池可以重用线程，避免频繁地创建和销毁线程，提高性能和资源利用率。 线程池可以根据需要调整线程数量，并提供任务调度和管理的功能。 四种线程池 1. 固定大小线程池 创建方式：Executors.newFixedThreadPool() 线程池中的线程数量是固定的，任务会被放入任务队列等待执行。当有新任务提交时，如果有空闲线程可用，立即执行任务；否…

前言 由于 nginx 带不带/老是会混乱，并且确实在使用中出现过问题，比如使用不当导致代理后的 url 带有//，或者说配置很久也不能达到自己想要代理的效果。于是想着还是好好研究一下，并在以后规范自己 nginx 的使用。 如果代理后的地址带有 //，spring security 中可能报错：The request was rejected because the URL contained …