凉生阿新-CSDN博客

不同于Windows系统有盘符的概念(C盘、D盘等)，Linux里只有一个盘符，是从 " / " 开始的，只有它是没有上级目录的。如果把整个应用目录系统看成一个树形结构，" / " 表示相当于这个树形结构的根，我们可以将 " / " 称之为根目录。在根目录里，有以下几个一级文件夹或文件，需要大家有所了解。

2024-04-29 14:46:03 182

原创【Linux】编写一个 shell 脚本&执行

在Linux中编写和执行脚本相对简单。下面是一个基本的步骤指南，帮助你创建一个简单的bash脚本并运行它

2024-04-08 11:46:43 5828 1

原创【Vue.js 3.0】NProgress 进度条

在 Vue 3 中使用 NProgress，你需要先安装 NProgress，然后在你的 Vue 应用中引入它，并在适当的生命周期钩子或路由守卫中调用它的方法。以下是一个简单的例子来展示如何在 Vue 3 应用中集成 NProgress。

2024-04-03 17:41:33 605

原创【Vue.js 3.0】递归组件实现思路

创建的一个组件，这个组件在其模板内部会递归地调用自己，从而实现无限嵌套或树形结构的渲染。

2024-03-27 22:33:39 438

原创【Linux】文件属性信息、文件&目录权限修改

在 Linux 中，ls 命令用于列出目录内容，并提供了许多参数以定制输出和显示不同类型的信息。

2024-03-20 17:12:31 993

原创【Linux】cURL 与 wget 你应该选用哪一个

curl和wget在基本的文件下载功能上很相似，但curl提供了更多的功能和灵活性，特别是在处理复杂的HTTP请求和交互时。而wget则更专注于文件的下载，并提供了如递归下载等特定于文件下载的功能。

2024-03-20 11:51:34 847

原创【Linux】cat & vim 命令存在着什么区别？

在实际使用中，当你需要快速查看文件内容时，可能会选择使用cat。而当你需要编辑文件时，vim（或其他文本编辑器如nano、emacs等）则是更好的选择。

2024-03-18 13:25:07 1095

队头阻塞（Head-of-Line Blocking）是计算机网络中的一个概念，特别是在处理HTTP请求时。当多个HTTP请求被发送到一个服务器，并且这些请求被放置在一个队列中等待处理时，如果队列中的第一个请求（队头）由于某种原因（如处理时间长、等待资源等）被阻塞或延迟，那么队列中后面的所有请求都必须等待，即使它们可能不需要等待或可以被更快地处理。这种情况就被称为队头阻塞。队头阻塞会导致网络性能和响应时间的降低，因为即使后续请求可以更快地被处理，它们也必须等待队头请求完成。HTTP/2多路复用。

2024-03-18 10:35:04 620

原创【Centos】 7.5 安装 NVM 详细步骤

NVM（Node Version Manager）是一个用于管理Node.js版本的工具，它可以让你轻松地在多个版本之间切换。

2024-02-04 14:49:44 1174

原创【常见错误】npm ERR! code CERT_HAS_EXPIRED & errno CERT_HAS_EXPIRED

npm ERR!code CERT_HAS_EXPIRED 和 npm ERR!errno CERT_HAS_EXPIRED 都是指npm在尝试连接到npm仓库时遇到了SSL证书过期的问题。这可能是由于您使用的npm仓库的证书已过期，或者您的系统时间不正确。

2024-01-24 17:14:03 16483 2

原创【前端插件库】Vue.js 使用 JSEncrypt 插件

JSEncrypt 是一个用于在客户端进行加密的 JavaScript 库。它基于 RSA 加密算法，可以用于在浏览器中对数据进行加密和解密操作。

2024-01-10 15:13:29 1986

原创【前端插件库】Vue.js 使用 vue-codemirror 插件

VUE3 插件 vue-codemirror 使用步骤和实例、基于 CodeMirror ，适用于 Vue 的 Web 代码编辑器。

2024-01-03 18:33:21 2841 6

原创 Day-08 基于 Docker安装 Nginx 镜像-负载均衡

1、反向代理后，自然而然就引出了负载均衡,下面简单实现负载均衡的效果;2、实现该效果需要再添加一个 Nginx ，所以要增加一个文件夹。

2023-10-06 22:10:57 1233

原创 Day-08 基于 Docker安装 Nginx 镜像-反向代理

此时静态页面网站已经部署上了，但是还是会显示一个端口8080出来，就十分不美观！ps: 怎么把端口干掉呢？换成XXXXX.com/demo1 或者 XXXXX.com/demo2这种效果呢？eg: 可以使用 Nginx的反向代理实现！

2023-10-06 15:36:55 208

原创 Day-07 修改 Nginx 配置文件

至此：简单的 Docker 安装 Nginx并启动算是成功了!ps:如何修改 Nginx的配置、更改nginx 的资源文件？eg：1、可以将容器中的目录和本机目录做映射。2、达到修改本机目录文件就影响到容器中的文件。

2023-10-05 23:00:29 577

原创【Docker】基于 Docker 安装 Nginx 镜像

基于 Docker安装 Nginx 镜像。

2023-10-04 22:39:54 508

原创【Docker】 CentOS7 安装 Docker 教程

CentOS7 安装 Docker 教程

2023-10-04 22:03:30 1583

原创 Day-04 从 0 开始搭建一套规范的 Vue3.x 项目工程环境

1.安装2.按需引用借助插件可以实现按需加载组件，减少文件体积。首先安装，并在文件.babelrc或者在 webpack3.main.ts 中注册使用。

2023-09-27 16:32:38 469

原创 Day-03 从 0 开始搭建一套规范的 Vue3.x 项目工程环境

在src下创建router目录，然后在router目录里新建index.ts根据本项目路由配置的实际情况，你需要在src下创建views目录，用来存储页面组件。我们在views目录下创建。

2023-09-27 15:43:29 110

原创 Day-02 从 0 开始搭建一套规范的 Vue3.x 项目工程环境

如上图，表示 Vite + Vue3 + TypeScript 简单的项目骨架搭建完毕，下面我们来为这个项目集成 Vue Router、pinia、 Plus View Ui Plus、Axios、Dayjs、Stylus/Sass/Less、Commitizen。

2023-09-27 11:31:57 244

原创 Day-01 从 0 开始搭建一套规范的 Vue3.x 项目工程环境

请确保你的电脑上成功安装 Node.js，本项目使用 Vite 构建工具！查看 Node.js 版本：ps：需要注意的是需要你的node的版本在12以上。

2023-09-27 10:29:01 119

原创【Vue.js 3.0】自定义 Hook 实现按钮权限判断

前端 VUE 自定义 Hook 实现按钮权限判断

2023-08-26 17:23:29 139

原创前端复制到剪切板功能函数实现

前端复制到剪切板功能函数实现。

2023-08-08 17:36:59 303

原创前端日志文件下载

【代码】前端日志文件下载。

2023-08-08 17:30:20 157

原创前端 sessionStorage 获取、存储、删除指定key值函数基础封装

前端 sessionStorage 获取、存储、删除指定key值函数基础封装

2023-07-29 15:11:35 403

原创【React】useImperativeHandle 钩子

在React中，useImperativeHandle是一个Hook，用于向父组件暴露子组件的引用和方法。

2023-07-06 22:18:21 756

原创【Vue.js 3.0】 emit(“update:modelValue“) 双向绑定

在Vue 3中，emit('update:modelValue')的作用是触发一个名为update:modelValue的自定义事件。这个事件通常用于实现父子组件之间的双向数据绑定

2023-07-05 23:15:29 6749 3

原创【JavaScript】new Date() 内置创建日期构造函数

new Date()是 JavaScript 内置的构造函数，用于创建日期对象。当我们调用new Date()时，它会返回当前时间的日期对象

2023-06-27 15:26:09 1296

原创【前端】Day.js 日期处理库

Day.js 是一个非常简单易用的 JavaScript 日期处理库，它可以帮助你对日期进行各种操作，如解析日期字符串、格式化日期、计算日期差异等等。

2023-06-27 15:11:42 891

原创【Vue.js】@vue/compiler-sfc] define Props/Emits is a compiler macro and no longer needs to be imported

警告信息本身意思是：在中直接使用defineProps\defineEmits，不需要再import。

2023-06-27 14:47:28 8917 1

原创【Vue.js】项目中 router-view 可以有几个？

在 Vue 项目中，router-view是一个用于渲染路由组件的组件。在一个应用程序中，可以多次使用router-view，以渲染多个不同的路由组件。

2023-06-26 18:28:59 2788

原创 VUE 当路由访问路径不匹配默认跳转 404 页面

在 Vue 中，可以通过在路由配置中添加一个“通配符”路由来实现当所有的路由访问路径不匹配时，自动跳转到 404 页面的效果。具体来说，我们可以在路由配置的末尾添加一个的路由，该路由会匹配所有未匹配到其他路由的路径，并将其重定向到 404 页面。在这个例子中，我们创建了一个名为NotFound的组件，它包含了一个简单的错误信息。接下来，在路由配置中，我们可以添加一个通配符路由来显示这个组件：在这个路由配置中，我们添加了一个名为not-found的路由，它的路径使用了通配符数。

2023-06-26 18:21:39 4636

原创【TypeScrip】数组类型-02

在TypeScript中，数组类型可以使用以下方式声明：使用类型加上方括号 [] 表示数组的元素类型。使用Array 表示数组的元素类型。另外，还可以使用联合类型或交叉类型来声明数组类型，以适应更复杂的场景，但通常上述两种方式已经足够满足大部分情况下的需求。

2023-06-14 21:15:23 199

空空如也

空空如也