情况 项目nginx vue3

scrum项目冲刺_day10会议总结

今日团队任务: 图片转excel(5天)(已完成) 优化前端,统一风格 优化接口调用的servlet 为数据库优化 任烁玚 图片转html(8天) (已完成) 前端开发(需团队风格统一) 图片转为pdf(存储) pdf转html(调用接口)[html存储到数据库] 前后台数据同步 孟德昊 excel ......
会议 项目 scrum day 10

scrum项目冲刺_day9会议总结

今日团队任务: 图片转excel(已完成) 优化前端,统一风格 优化接口调用的servlet 为数据库优化 任烁玚 图片转html(8天) 前端开发(需团队风格统一) 图片转为pdf(存储) pdf转html(调用接口)[html存储到数据库] 前后台数据同步 孟德昊(进行中) excel存储到数据 ......
会议 项目 scrum day9 day

React、Ant Design 5.0 构建通用后台管理系统界面 - 项目初始化

事前准备 node npm vscode / webstorm 前端开发环境准备 项目初始化 npm create vite √ Project name: » general-admin-system-ui √ Select a framework: » React √ Select a vari ......
后台 管理系统 界面 项目 Design

chatgpt项目绘图发布与后续说明

chatgpt项目绘图发布与后续说明 绘图功能上线 1.今天发布新版本了,支持了gpt绘图功能,前端样式可能有点丑,由于我和我小伙伴都是纯后端,vue+ts这块属于是空白,能用就行。后面会学习的。 绘图功能测试详情请看:https://www.firstsaofan.top/s/gpt%E9%A1% ......
chatgpt 项目

Vue3 Suspense

视频 3.Suspense 等待异步组件时渲染一些额外内容,让应用有更好的用户体验 使用步骤: 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./compo ......
Suspense Vue3 Vue

Vue3 Teleport

视频 2.Teleport 什么是Teleport?—— Teleport 是一种能够将我们的组件html结构移动到指定位置的技术。 <teleport to="移动位置"> <div v-if="isShow" class="mask"> <div class="dialog"> <h3>我是一个 ......
Teleport Vue3 Vue

Vue 创建一个Vue项目

首先,init一个项目 D:\javawebPractce\Vue 这是我的工程路径 创建命令 vue init webpack hello-vue hello-vue是我的项目名称 创建之后,我为了方便,将router自动安装了 安装element UI npm i element-ui -S 安 ......
Vue 项目

团队项目第一阶段评审会议

会议人员由 RTM队与我们进击的菜鸟队进行相互评审审核 审核评价: 缺点:首先图片识别准确率过低,可能出现识别失败问题 其次图片识别耗时不定 目前功能较为单一 建议:提高识别准确率,丰富app相关功能, 美化界面,形成 完整垃圾识别app软件 ......
团队 阶段 会议 项目

scrum项目冲刺_Day10会议总结

今日团队任务: 图片转excel(5天) 前端开发(需团队风格统一) 调用接口(后端),json数据->excel 前后端连接 任烁玚(进行中) 图片转html(8天) 前端开发(需团队风格统一) 图片转为pdf(存储) pdf转html(调用接口)[html存储到数据库] 前后台数据同步 孟德昊( ......
会议 项目 scrum Day 10

nginx通过四层代理实现端口转发

nginx通过四层代理实现端口转发 公司原有的测试数据库在主机192.168.10.5上边,现在数据库转移到了192.168.10.4上,为了不让各个地方都需要更改地址,现在需要一个四层代理工具,将原来请求到192.168.10.5的3306端口转发到192.168.10.4的3306端口。 这个工 ......
端口 nginx

Vue3 Fragment

视频 五、新的组件 1.Fragment 在Vue2中: 组件必须有一个根标签 在Vue3中: 组件可以没有根标签, 内部会将多个标签包含在一个Fragment虚拟元素中 好处: 减少标签层级, 减小内存占用 ......
Fragment Vue3 Vue

Vue3 Composition API 的优势

视频 四、Composition API 的优势 1.Options API 存在的问题 使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改 。 2.Composition API 的优势 我们可以更加优雅的组织我们的代码,函数。让相关 ......
Composition 优势 Vue3 Vue API

Nginx 反向代理

Nginx 配置反向代理 一、前言 反向代理作用 隐藏服务器信息 -> 保证内网的安全,通常将反向代理作为公网访问地址,web服务器是内网,即通过nginx配置外网访问web服务器内网 举例 比如小编的码云个人博客地址为:http://zhengqingya.gitee.io/blog/ ,现在小编 ......
Nginx

nginx学习笔记

开始 简介 Nginx是一款高性能的开源Web服务器和反向代理服务器,它能够提供可扩展性、高可用性和高性能。 优点 更快 单次请求更快,高峰期也更快 高扩展性 极具扩展性,它由多个不同功能、不同层次、不同类型且耦合度极高的模块组成,这种低耦合的设计,造就了它庞大的第三方模块 高可靠性 每个worke ......
笔记 nginx

Vue3 响应式数据的判断

视频 6.响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 reactive 或 ......
数据 Vue3 Vue

Vue3 provide 与 inject

视频 5.provide 与 inject 作用:实现祖与后代组件间通信 套路:父组件有一个 provide 选项来提供数据,后代组件有一个 inject 选项来开始使用这些数据 具体写法: 祖组件中: setup(){ ...... let car = reactive({name:'奔驰',pr ......
provide inject Vue3 Vue

Vue3 customRef

视频 4.customRef 作用:创建一个自定义的 ref,并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果: <template> <input type="text" v-model="keyword"> <h3>{{keyword}}</h3> </template> <script> ......
customRef Vue3 Vue

向着Vue3进发,Vue2.7升级指南

北京时间7月1号,Vue2.7正式发布,Vue2.7支持你的项目在不升级Vue3的情况下使用Vue3的特性,例如Composition Api、setup、Css v-bind等。 与此同时,Vue2.7也是Vue2.X的最终次要版本,在这个版本之后,Vue2将进入LTS(长期支持),即从现在开始持 ......
升级指南 Vue 指南 Vue3 Vue2

vue3学习

资料: http://docs.vikingship.xyz/ 声明类型: 1.使用ref可以声明基础数据 2.使用reactive声明对象数据 3.computed可以返回一个不变的响应式对象 比vue2优势:可以直接新增或修改对象数据,也能实时更新 基础数据: 对象数据: 如果想直接用count ......
vue3 vue

Vue3 toRaw与markRaw

视频 3.toRaw 与 markRaw toRaw: 作用:将一个由reactive生成的响应式对象转为普通对象。 使用场景:用于读取响应式对象对应的普通对象,对这个普通对象的所有操作,不会引起页面更新。 markRaw: 作用:标记一个对象,使其永远不会再成为响应式对象。 应用场景: 有些值不应 ......
markRaw toRaw Vue3 Vue

Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传

我用的vue3,element-plus ,没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的,就不复制粘贴了 主要是整理关于七牛云部分的代码,秉着复制就能用的原则,我把自己封装好的组件复制过来 ......

ai问答:使用 Vue3 组合式API 和 TypeScript 封装 echarts 折线图

<template> <div ref="chart" style="height: 500px;"></div> </template> <script lang="ts"> import { ref, onMounted, watch } from 'vue' import * as echar ......
线图 TypeScript echarts Vue3 Vue

初始化一个项目,如何通过git上传到远程仓库

下面是通过 git 将本地项目上传到远程仓库的步骤: 在本地创建一个新的 Git 仓库,并进行初始化: $ git init 添加所有文件到 Git 索引中: $ git add . 如果你只想添加单个文件,可以将 . 替换为文件名。 提交所有的改动到本地 Git 仓库: $ git commit ......
仓库 项目 git

Vue 项目安全扫描漏洞,JS 库版本太低,要求升级 YUI(vue2 升级javascript库)【检测到目标站点存在javascript框架库漏洞漏洞风险:中】

原帖:https://blog.csdn.net/u012961419/article/details/130016341 背景公司信安部门对项目进行安全扫描,查出一些漏洞,其中有一项要求升级 javascript 框架库(如图): 吓得我以为让我把 Vue2 升级成 Vue3。 经过一番询问后才知 ......
漏洞 javascript 框架 风险 目标

spring boot项目整合spring swagger

. 环境 - spring boot版本:2.7.4 - spring swagger版本:3.0.0 - java版本:8 2. 具体操作 2.1 引入spring swagger的依赖 <dependency> <groupId>io.springfox</groupId> <artifactI ......
spring swagger 项目 boot

Godot 4.0 设置应用程序图标、项目图标

godot版本:4.0.2,理论上4.0.0版也适用。 本文章是针对window应用程序而写的,其他平台不一定适用,仅供参考。 效果 输出的可执行文件图标为指定的图标,适配多种尺寸 执行时窗口图标为指定的图标 (可选)项目浏览器图标为指定的图片 1.准备工作 1.1 下载rcedit,godot自身 ......
图标 应用程序 程序 项目 Godot

Nginx配置跨域,覆盖后端服务跨域配置

本篇文章主要介绍了,如何通过Nginx配置跨域,并覆盖后端服务跨域配置。 先看下后端代码跨域配置: 主要的目标是:不修改后端跨域配置代码,来实现Nginx跨域指定域名。 @Bean public CorsFilter corsFilter() { final UrlBasedCorsConfigur ......
Nginx

nginx 转发

server { listen 80; #listen 443 ssl; server_name *.*.com; #rewrite ^(.*)$ https://$host$1 permanent; gzip on; gzip_static on; # 需要http_gzip_static_mod ......
nginx

Font Awesome 的图标类名怎么加入项目

Font Awesome 的图标类名怎么加入项目 要在 HTML 中引入图标,您需要使用 i 元素,并将 Font Awesome 的 CSS 类名作为 i 元素的类属性。 以下是一个示例代码,演示如何使用 Font Awesome 的大拇指向上图标 <!-- 引入 Font Awesome 的 C ......
类名 图标 Awesome 项目 Font

Django全栈进阶之路3 Django4项目APP

Django4项目APP django-admin startapp app01 或 python manage.py startapp app01 #app01 是app名称 PyCharm的样子: ......
Django Django4 项目 APP