简要netcore nginx vue

数据映射优秀实践:类型、方法和工具的简要指南

在软件应用程序之间映射数据是一个耗时的过程,这需要进行深入的准备,对数据源和目标有较好的理解,并要根据方法进行实际开发。 在任何应用程序集成、数据迁移以及一般的数据管理计划中,数据映射都是最关键的步骤之一。甚至可以这么认为:集成项目的成功在很大程度上取决于源数据到目标数据的正确映射。 本文将探讨有关 ......
简要 类型 工具 指南 方法

Vue3+vite+Pinia+element-plus 换肤+国际化

先上效果: 一:换肤 1:用Pinia 小菠萝做状态管理。 2:根据自己需求写几套主题色(用于后面在html加载对应的主题颜色) 3: 自己写一个切换主题的页面 4:每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
element-plus element 国际 Pinia Vue3

vue3 + Ant Design 实现双表头表格(横向表头+纵向表头)

一、要实现的效果(纵向固定表头的表格,横向表头数量动态化) 二、这是后台返回的数据格式(以企业为数组,每个企业里有个站点数组pointFactors) 三、代码实现步骤 (1)定义纵向固定表头 1 // 纵向表头数组 tableColumns 2 const tableColumns = ref([ ......
表头 纵向 横向 表格 Design

Vue3之实现一个可拖拽的div

实现一个可拖拽的div写法如下: const chatbox = ref(); const dragx = (el) => { let oDiv = chatbox.value; //当前元素 let disX = el.clientX - oDiv.offsetLeft; let disY = e ......
Vue3 Vue div

docker部署nginx服务:

docker部署nginx服务: docker run -d --name nginx-server -v /opt/fuwu/nginx-server:/usr/share/html/index.html:ro nginx:latest Unable to find image 'nginx:la ......
docker nginx

Nginx 下将 http 改为 https

将服务从 HTTP 变为 HTTPS,需要进行 SSL 证书的配置。需要完成一下步骤: 获取 SSL 证书 安装 SSL 证书 配置 Nginx 支持 HTTPS 重启 Nginx HTTP 到 HTTPS 的重定向(可选) 1. 获取 SSL 证书(自签名证书) 对于 SSL/TLS 证书,一般来 ......
Nginx https http

极速搭建Nginx文件服务器攻略

目录本地系统安装搭建配置文件有效示例如下注意配置 nginx 本地认证参考文档问题百宝箱在 selinux 开启时, 访问显示 403 Forbiden利用 Docker 容器搭建 Nginx 文件服务器debian 12 的 apt 仓库配置如下在容器内执行如下命令其他 本地系统安装搭建 Ngin ......
服务器 攻略 文件 Nginx

vue3

vue3 * vue3支持组合式传参, vue2在创建app对象的时候,会传入一个包含各种选项的对象,选项包括data函数,methods对象,computed对象等等。 vue3在创建app对象的时候,也是传入一个对象,但是对象属性中有一个setup函数,在该函数中可以定义响应对象,函数,comp ......
vue3 vue

centos7安装nginx

首先安装nginx所需要的第三方库和编译工具 # yum install -y gcc gcc-c++ autoconf automake make # yum install zlib zlib-devel openssl openssl-devel pcre pcre-devel wget ht ......
centos7 centos nginx

推荐一款 Vue3 调试神器!

vue-devtools 是一款基于Chrome浏览器的插件,可以用于调试vue应用,也可以用来辅助我们找到各页面对应的Vue.js文件路径,想必大家都不陌生吧~ 今天给大家推荐一个比 vue-devtools 更好用的插件vite-plugin-vue-devtools, 它是一个旨在增强 Vue ......
神器 Vue3 Vue

nginx常用命令

nginx -s reload # 重新载入配置文件 nginx -s reopen # 重启 Nginx nginx -s stop # 停止 Nginx ......
命令 常用 nginx

使用Docker和Nginx部署单页面应用

使用Docker和Nginx部署单页面应用 一、简介 1.背景 Docker 是一个容器引擎,它使用 Linux 内核功能(如命名空间和控制组)在操作系统之上创建容器 Docker Compose是一个命令行工具,可以简化容器镜像的构建以及容器的运行,将命令行的选项翻译成配置文件 Nginx是一个高 ......
页面 Docker Nginx

Vue插件

功能:用于增强vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件(新建一个plugins.js文件): export default { install(Vue,x,y,z){ console.log(x,y,z) ......
插件 Vue

IIS部署vue项目

【第一步】安装IIS {1)打开控制面板 -> 打开程序和功能 -> 打开启用或关闭windows功能 (2)找到 Internet Information Services 勾选【web管理工具】和【万维网服务】,然后 确定 【第二步】安装URL重写模块 1). 安装URL Rewrite,下载地 ......
项目 IIS vue

nginx基础

一、什么是nginx? ​ Nginx(发音为“engine-x”)是一个高性能的开源 Web 服务器和反向代理服务器,也可以作为负载均衡器、HTTP缓存以及安全防护等。它最初由俄罗斯的程序设计师Igor Sysoev在2004年创建。 ​ 相比传统的 Apache 服务器,Nginx 采用了更加轻 ......
基础 nginx

vue3父子通信

vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......
父子 vue3 vue

记录--Vue3问题:如何实现组件拖拽实时预览功能?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统,在后台进行内容编辑,在官网更新展示内容。 关于后台的编辑功能,大致分为两部分:组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览,用户可以在含有各种功能组件的列表中,选择需要的组件进行拖拽。 ......
组件 实时 功能 问题 Vue3

探究vue的diff算法

1.diff算法是什么? diff算法是一种通过**同层的树节点**进行比较的高效算法 Diff 算法探讨的就是虚拟 DOM 树发生变化后,生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异,将更新补丁作用于真实 DOM,以最小成本完成视图更新。 1.1特点 策略:深度优先,同层 ......
算法 diff vue

nginx map 指令

map指令是一项强大的功能,由 ngx_http_map_module 模块提供,默认情况下,nginx 有加载这个模块,除非人为地排除(--without-http_map_module)。 什么是 map 指令? map指令允许我们在Nginx配置文件中创建一个变量映射,以便根据输入变量的值映射 ......
指令 nginx map

Nginx Ingress

Installation Use the compatible version with your Kubernetes cluster, otherwise, you may get some unexpected exception or error. kubectl apply -f http ......
Ingress Nginx

vue3 + vite + ts 配置 @ 别名

第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
别名 vue3 vite vue ts

vue中使用Vue.extend方法仿写一个loading加载中效果

需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果,需求如下: 通过命令就可以让弹框开启或关闭,比如this.$showDialog()开启,this.$hideDialog()关闭 方法可以传参更改loading中的文字 也可以传参更改loading背景色 当然这里除 ......
效果 loading 方法 extend vue

vue项目中使用的移动端的签名组件,纯 js 写的

<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......
组件 端的 项目 vue js

linux环境下nginx配置http2

由于项目需求,在nginx下支持http2协议,希望提升访问性能。 除了介绍配置过程,在文章最后会记上过程中的困惑。 准备工作 nginx-1.19.2.tar.gz openssl-1.0.2r.tar.gz(必须不低于1.0.2,否则不支持http2) 以上文件上传到/usr/local目录下。 ......
环境 linux http2 nginx http

Nginx服务器常用参数设置

Nginx作为一个高性能的Web服务器和反向代理,它的性能可以通过调整底层操作系统的参数来进一步优化。以下是一些常见的操作系统级别的调整,通常针对Linux系统: File Descriptors Limit: 增加文件描述符的数量可以允许Nginx打开更多的连接。 ulimit -n 2048 # ......
常用 参数 服务器 Nginx

Vue中的$refs 用法

Vue中的$refs 用法 Vue中的$refs原理涉及到Vue实例的生命周期、虚拟DOM以及一些底层的JavaScript原理。 Vue实例的生命周期: 当Vue实例被创建时,它会经历一系列的生命周期钩子,包括beforeCreate、created、beforeMount、mounted等。在m ......
refs Vue

[VUE] WebPack 打包后自动修改 dist 中 package.json 版本号

我们在开发 npm 包时,开发期的 package.json 通常并不一定是发布到 npm 仓库的 package.json。这种情况下每次改版本号需要改两个地方,比较麻烦。 我一般使用 webpack 进行打包,所以有了下面这个小插件。 插件源码 modify.version.plugin.js ......
WebPack package 版本 dist json

巧妙使用Vue.extend继承组件实现el-table双击可编辑(不使用v-if和v-else)

问题描述 有一个简单的表格,产品要求实现双击可编辑 看了一下网上的帖子,大多数都是搞两部分dom,一块是输入框,用于编辑状态填写;另一块是普通标签,用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下: <el-tabl ......
组件 el-table extend v-else table

vue3 + java 查询数据前后端时间不一致如何解决?

环境:vue3 + springboot + mybatis + mysql 场景:后端返回的时间与前端接收到的时间,小时不一致, 时间格式是古巴标准时间:"CST" 解决:在 Entity 中时间字段上增加注解: @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss ......
时间 数据 vue3 java vue

vue实现大文件分片上传与断点续传到七牛云

问题: 前段时间做视频上传业务,通过网页上传视频到服务器。 视频大小 小则几十M,大则 1G+,以一般的HTTP请求发送数据的方式的话,会遇到的问题: 1、文件过大,超出服务端的请求大小限制; 2、请求时间过长,请求超时; 3、传输中断,必须重新上传导致前功尽弃; 探索过程: 1、原先咨询过组里的大 ......
断点 文件 vue