情况 项目nginx vue3
项目创建
1.创建maven项目 依赖： <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ma ......
Tomcat 与 Nginx，Apache的区别
Apache指的应该是Apache软件基金会下的一个项目—— Apache HTTP Server Project Nginx同样也是一款开源的HTTP服务器软件(当然它也可以作为邮件代理服务器、通用的TCP代理服务器)。 Tomcat是Apache基金会下的另外一个项目，与Apache HTTP ......
docker运行nginx
运行nginx镜像 我们打开网易蜂巢镜像中心 https://c.163yun.com/hub#/m/home/ 搜索nginx,可以看到有两个nginx,他们的名字和头上和图标都不一样,一个是鲸鱼,一个是两个球. 带有鲸鱼的镜像表示这个镜像是从官网的镜像中心复制过来的.这个镜像与docker的镜像 ......
Springboot 系列 (28) - Springboot+HBase 大数据存储（六）| Springboot 项目通过 RestTemplate 访问 HBase REST 服务
Apache HBase 是 Java 语言编写的一款 Apache 开源的 NoSQL 型数据库，不支持 SQL，不支持事务，不支持 Join 操作，没有表关系。Apache HBase 构建在 Apache Hadoop 和 Apache Zookeeper 之上。Apache HBase: h ......
vue3中监听scroll事件的3种方法
监听元素的滚动事件是很常见的一个需求了。下面介绍3种在vue3中监听元素滚动事件的方法。 1.添加事件监听：Event Listener <script setup> import { ref, onMounted, onUnmounted } from 'vue' const content = ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
vue3适配移动端的登录实现
<script lang="ts" setup> import { ref } from 'vue' const PHONE_NUMBER_REGEX = /^1[0-9]{10}$/ const VERIFICATION_CODE_REGEX = /^[0-9]{6}$/ const LOGIN_ ......
更改nginx配置文件conf/nginx.conf
Nginx 主配置文件 `nginx.conf` 一般包括以下几个部分： - 全局块：包括工作进程数、worker 连接数等全局设置；- events 块：包括 Nginx 的事件模型、worker 连接数等事件相关的设置；- HTTP 块：包括 HTTP 模块的设置、server 块等；- mai ......
国家重点研发计划“国家质量基础设施体系”重点专项“国际等效高精度计量仪器和标准器研制（一期）”项目启动会暨实施方案论证会顺利召开
近日，国家重点研发计划“国家质量基础设施体系”重点专项 “国际等效高精度计量仪器和标准器研制（一期）”项目启动会暨实施方案论证会在长沙市顺利召开。该项目拟研制八位半标准数字多用表、0.005级三相宽频电能标准表和高精度平晶平面度测量仪，由湖南省计量检测研究院牵头承担，中国计量院、中国电科院、北京东方... ......
linux卸载nginx
卸载 Linux 中的 Nginx，可以按照以下步骤进行操作： 1. 停止 Nginx 服务。在卸载 Nginx 服务之前，需要先停止 Nginx 服务器。可以使用以下命令停止 Nginx 服务： ``` sudo systemctl stop nginx ``` 如果 `systemctl` 命令 ......
vue 项目启动报错opensslErrorStack ERR_OSSL_EVP_UNSUPPORTED
错误裁图 原因：node升级版本过高 解决办法： 在命令行输入命令修改环境变量：$env:NODE_OPTIONS="--openssl-legacy-provider" 再执行：npm run serve ......
Vue3 v-drag 拖拽指令的简单使用
文档 官网文档：https://www.npmjs.com/package/v-drag 使用 安装、引入 npm install v-drag --save import drag from "v-drag" 使用 直接使用： <div v-drag>Drag me!</div> 注意：对原本绝对 ......
统一观测丨使用 Prometheus 监控 Nginx Ingress 网关最佳实践
在 Kubernetes 集群中，我们通常使用 “Nginx Ingress” 实现集群南北向流量的代理转发，Nginx Ingress 基于集群内 Ingress 资源配置生成具体的路由规则。 ......
react学习（一）（react特点，创建react项目，jsx语法，函数组件和class组件，样式写法，条件语句，遍历数组和点击事件，表单处理）
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性 ......
项目文档清单
一、 需求阶段： 《需求评审结果、意见》—需求评审会议纪要 《需求说明书V2.0》—评审会修改意见修订履历 二、 采购阶段： 《合同》 三、 详设部分： 《项目计划》 《详设说明书》 四、 测试部门： 《测试用例》 《测试报告》 五、 上线阶段： 部署需求表 资源需求表 上线申请 六、 验收阶段： ......
Vue3 watch 监听函数
1、watch函数（既要指明监视的属性，也要指明监视的回调） 坑： 1）监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效） 2）监视reactive定义的响应式数据中某个属性时：deep配置有效 setup(){ let sum = ref( ......
vue3路由跳转params传参接收不到
这样路由可以跳转过去，但接收到了params是一个空对象。 解决方法 由于之前的params传参在页面刷新之后，参数会丢失，所以vue将这种方法移除了。 vue推荐的路由跳转传参方法： 1.使用query传递参数 2.使用vuex、pinia对参数进行存储 3.使用 History API 方式传递 ......
vue3 ant-Design-vue提交按钮放在表单外提交，自定义提交按钮
<template> <a-form ref="urlEditRef" :model="urlEditInfo" name="urlEdit_rule" layout="vertical"> <a-form-item label="跳转链接" name="longUrl" :rules="[{ re ......
Vue3中修改父组件传递到子组件中的值
Vue3中修改父组件传递到子组件中的值1.大家都知道，vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候，控制台就会报出错误，说不让你对父组件传递的值进行修改。2.那么，尤大大为了解决这个问题，在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也 ......
【环境搭建】docker+nginx部署PHP
目的 使用docker容器完成nginx的安装以及部署PHP网页 步骤 一、 安装nginx 1. 拉取Nginx镜像 docker pull nginx //拉取镜像 docker images //查看本地镜像 这里注意需要记一下nginx的IMAGE ID，我这里的ID是605c 2. 创建N ......
vue3 - 引入自定义插件的组件的具体写法
1.背景 我的这一篇随笔详细讲解组件怎么制作与引入使用【vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】，并引入插件 -心得 - 岑惜 - 博客园 (cnblogs.com)】 但在局部引入组件时，eslint红色警告 引用名言：“又不是不能用==” ......
如果service窗口已经打开，并且项目运行起来了，但是service窗口无法显示运行的项目，如下提供解决方案
第一步：点击 第二步：选择 Dock Pinned ......
nginx 热加载stream模块
报错： nginx: [emerg] unknown directive "stream" in /usr/local/nginx/conf.d/ssh.conf 判断模块是否存在 进入二进制部署包解压后目录 添加模块，与之前加载的模块一致，并新添加 --with-stream 模块 ./confi ......
软件开发定律：霍夫施塔特定律，为什么项目交付总是会延期？
hi，我是熵减，见字如面。 在软件项目中，你是否遇到过这种情况： 一个软件工程师，要开发一个系统功，这个系统需求有点复杂，需要新增多个模块，同时也需要和多个系统交互。工程师会按照自己的经验，做一个粗略的工期评估，同时在加上一点缓冲时间，从而得出一个开发工期的总时长。但最终的结果，可能会大大的超过预估 ......
vscode项目中加入eslint配置不生效，控制台有报错，但是代码没有标红
项目中配置下载了eslint各种配置，vscode配置文件settings.json中配置了，但是就是代码没有标红，不能自动修复。 最终发现问题所在 在vscode的配置文件settings.json中 eslint.options 有个这个参数，如果没有注释就注释掉，有的话就放开，进行一个切换就可 ......
Spring Initailizr（项目初始化向导）
本地创建 官网创建版 在Spring官网https://start.spring.io/ 中选择 此时这个项目以压缩包形式下载到本地文件中，然后解压，导入IDEA中 ......
vue3中proxy关键词
在 Vue3 中，proxy 是一种新的 JavaScript 特性，用于创建一个代理对象，对代理对象的访问会通过 get 和 set 等方法拦截， 从而可以对代理对象进行一些自定义的处理逻辑。在 Vue3 中，我们可以使用 reactive 函数将一个普通对象转换成响应式对象， 而这个响应式对象就 ......
大屏设计器开发 - 项目搭建
大屏设计器项目开发纪实之项目搭建篇。 创建项目 使用pnpm创建 vite + vue3 项目，终端执行pnpm create vite 选择 vue 模板中 Customize with create-vue 选择安装 ts, jsx, vue-router, pinia, elsint, pre ......