简要netcore nginx vue
🎊这个 OpenTiny 开源项目的 CLI 可太牛了,两行命令创建一个美观大气的 Vue Admin 后台管理系统,有手就会,连我的设计师朋友都学会啦啦
近期尝试了下 OpenTiny 的 CLI 工具,不得不说,简单到“有手就会”,只要执行两行命令就创建了一个美观大气的 Vue Admin 后台管理系统,连我的设计师朋友都学会啦啦。 ......
nginxWebUI--一款更好的管理nginx的软件
背景 博主之前搭建了一套k8s系统用来管理开发中常用的软件,以及项目的快速部署。但是在使用的过程中有个麻烦的问题是在于,k8s暴露出来的服务的端口号是限定范围内随机的。所以在我们访问部分服务的时候需要不得已的带上一些端口号,这样有点太麻烦了。能不能简单一点,正好我手上有个域名,这样我用nginx+二 ......
rope 简要介绍
rope rope 是 c++ __gnu_pbds 里的一个 STL,实现是可持久化平衡树。 enum { _S_max_rope_depth = 45 }; static const unsigned long _S_min_len[_RopeRep::_S_max_rope_depth + 1 ......
vue指令之属性指令
属性指令 标签上的属性可以绑定变量,变量变化,属性也会变化 # 什么是属性?比如: href/src/name/value/class/style... 语法: v-bind:属性名="变量名" 简写 :属性名="变量名" 示例 <body> <div id="app"> <a v-bind:hre ......
Tomcat 与 Nginx,Apache的区别
Apache指的应该是Apache软件基金会下的一个项目—— Apache HTTP Server Project Nginx同样也是一款开源的HTTP服务器软件(当然它也可以作为邮件代理服务器、通用的TCP代理服务器)。 Tomcat是Apache基金会下的另外一个项目,与Apache HTTP ......
vue指令系统之文本指令
什么是指令系统 指令系统是VUE提供的,语法为 v-xx 写在标签属性中的,系统都称之为指令 文本指令 文本指定必须写在标签属性上 文本指定的值必须为变量,或者表达式 v-xx # 必须是一个标签属性 <p v-text="a_url"></p> v-xx="变量/静态式" a-text指令 如:a ......
VUE插值语法
基本使用 在body中创建一个标签,一般使用div,定义好id后,在script中进行定义,在前台使用{{变量}}的形式进行调用,语法如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti ......
docker运行nginx
运行nginx镜像 我们打开网易蜂巢镜像中心 https://c.163yun.com/hub#/m/home/ 搜索nginx,可以看到有两个nginx,他们的名字和头上和图标都不一样,一个是鲸鱼,一个是两个球. 带有鲸鱼的镜像表示这个镜像是从官网的镜像中心复制过来的.这个镜像与docker的镜像 ......
vue 实现3D圆环图
效果图如下: 实现程序主代码如下: initOption() { let quantity = 0; // 总数 dataList.forEach((item) => { quantity += item.y; }); if (dataList.length<=2) { dataList.forEa ......
NetCore 使用 Swashbuckle 搭建 SwaggerHub
什么是SwaggerHub? Hub 谓之 中心, 所以 SwaggerHub即swagger中心. 什么时候需要它? 通常, 公司都拥有多个服务, 例如商品服务, 订单服务, 用户服务, 等等, 每个服务都有自己的environment, endpoint, swagger schema. 然而这 ......
Vue常用指令详解
v-text:设置标签的内容(textContent) 默认写法会替换全部内容,使用插值表达式{{}}可以替换指定内容 v-text的缩写形式为{{}},即差值表达式 内部支持写表达式 v-html:设置元素的innerHTML 内容中有html结构会被解析为标签 v-text指令无论内容是什么,只 ......
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 ......
针对 jar 和 vue 的一键自动化部署工具,界面友好,操作简单(已开源)
前言: easy-jenkins是一款对vue和jar的部署工具,操作简单,实行一键部署,内部结构采用流水线形式架构,每次部署,时时提供部署过程,部署记录,界面友好简洁,使用方便,符合用户常规操作 easy-jenkins面向分支形式,无需登录,默认分支为jenkins,每个分支可以配置多个数据源, ......
搞明白VScode的Vue的插件Vetur与Volar的区别了
在VSCode上查找Vue的插件的时候list出来一堆插件,按照VCcode的learning教程推荐的是vetur插件,刚开始没怎么想就安装了vetur插件.看的例子也是一个比较老的例子了,使用的vue CLI来进行管理的,启动Serve用的是‘npm run serve’. vscode启动的时 ......
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 资源配置生成具体的路由规则。 ......
使用vue而实现简单的计算效果
首先你要明白你写的这个简单计算器,分为哪几个板块,把整体才分一步步进行,简单计算器我们只需让他能够实现 + - * / 四个运算即可。输入部分只需要输入前面一个数和后面一个数,最后便是结果输出,好了大致了解一下版块,让动手动手写一下吧。 1.首先打开HBuilder创建一个新项目,导入 2.创建一个 ......
Vue2.0 学习 第二组 语法模板
本笔记主要参考菜鸟教程和官方文档编写。 1.文本绑定 一般在dom中用{{}}标时,并且在vue构造体内的data中定义文本内容 <div id="app"> <p>{{ message }}</p> </div> <script> new Vue({ el: '#app', data: { mes ......
vue 实现锚点点位
<template> <div class="container"> <!-- <el-row> <el-col :span="3"> <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @clos ......
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 ......
vue+element-ui实现el-tab标签的动态面包屑
以下内容仅供学习使用 前言: 下面是最终实现的效果图 首先在router.js里面配置meta:{title:‘xxxx’} 封装一个el-tab面包屑的子组件 通过v-for指令和tags数组中的数据进行渲染 <template> <div> <el-tag :key="index" v-for= ......
Vue监听器~~~~
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Vue3中修改父组件传递到子组件中的值
Vue3中修改父组件传递到子组件中的值1.大家都知道,vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候,控制台就会报出错误,说不让你对父组件传递的值进行修改。2.那么,尤大大为了解决这个问题,在vue3的时候给我们提供了一个新的思路:v-model来实现父传子,并且子也 ......