指南 项目eslint vue
vue3面包屑导航栏
import {useRoute, useRouter} from "vue-router"; import {computed, ref, watch, watchEffect,nextTick} from "vue"; const router = useRouter() const route ......
基于开源的 ChatGPT Web UI 项目,快速构建属于自己的 ChatGPT 站点
作为一个技术博主,了不起比较喜欢各种折腾,之前给大家介绍过 ChatGPT 接入微信,钉钉和知识星球(如果没看过的可以翻翻前面的文章),最近再看开源项目的时候,发现了一个 ChatGPT Web UI 项目。 想着刚好之前没有将 ChatGPT 接入过 Web UI,有了这个开源项目可以拿来使用,真 ......
vue3+elementPlus 深色主题切换
首先安装需要的两个依赖 npm i @vueuse/core npm install element-plus --save 在main.js中引入css文件,自定义深色背景颜色 可以看ElementPlus官方网站 //引入elementUI import ElementPlus from 'el ......
项目部署
一、手工部署项目 (1)在IDEAZ中开发SpringBoot项目并打成jar包 (2)将jar包上传到Linux服务器 mkdir /usr/local/app 创建目录,将项目jar包放到此目录 (3)启动SpringBoot程序 java -jar [jar包名] (4)改为后台运行Sprin ......
Git提交本地项目到云端仓库(学习理解持续更新)
进入项目文件夹 初始化本地仓库 git init 把所有文件添加到版本库中 git add . 查看添加的文件 git status ......
SpringBoot项目启动时初始化操作方式
1.实现InitializingBean重写afterPropertiesSet()方法。 @Component @Slf4j public class InitOneTest implements InitializingBean { @Override public void afterProp ......
加解密接口的处理,系统测试执行要点,BUG定位,测试报告,金融项目经验总结
11、加解密接口的处理: 目标 知道项目中接口加解密的实现流程 了解加解密的代码实现 知道Jmeter如何实现接口加解密测试 知道基于Requests如何实现接口加解密测试 1、APP端/客户端接口加解密介绍 1.1加密方式(两种) 在TCP/IP四层模型中的应用层进行加密。类似密码本,当前项目使用 ......
django_01项目 用户的登录退出以及判断用户是否登录
(忙着去学数学去了,内容可以有缺失不完整,两年前的随笔) 对于用户的账户密码登录主要逻辑 用户名登录 确定登录用户是已经注册的用户 登录过后实现用户的状态保持 1)请求方式 post 2)后端接收的表单参数: 用户名 密码 是否记住用户 3)响应结果 登录成功 >重定向首页 登录失败 >响应错误 c ......
defineExporse vue3中一个由子组件导出数据,让父组件调用的方法。
子组件 <script setup> import { ref, reactive } from 'vue' const isFlag = ref(false) const data = reactive({ name: 'tom', age: 18 }) //把数据导出 defineExpose( ......
macos:用homebrew安装node/安装vue-cli( node v18.15.0/ Homebrew 4.0.10-119)
一,用brew安装node liuhongdi@liuhongdideMacBook-Pro Homebrew % brew install node@18 ==> Downloading https://formulae.brew.sh/api/formula.jws.json #=#=# ==> ......
vue:路由守卫
路由守卫 作用:对路由进行权限控制 配置路由守卫应在暴露前配置 分类:全局守卫、独享守卫、组件内守卫 首先先给需要鉴权的路由设置好meta配置项。 meta配置项:是vue-router中的一个对象,主要用于存储路由的元数据(meta data)信息。这些元数据信息可以是一些描述性的内容,比如页面的 ......
Springboot 系列 (26) - Springboot+HBase 大数据存储(四)| Springboot 项目通过 HBase API 方式访问 HBase
Apache HBase 是 Java 语言编写的一款 Apache 开源的 NoSQL 型数据库,不支持 SQL,不支持事务,不支持 Join 操作,没有表关系。Apache HBase 构建在 Apache Hadoop 和 Apache Zookeeper 之上。Apache HBase: h ......
webpack 从零开始搭建 vue-cli
🔱webpack 从零开始搭建 vue-cli🔱 1、Webpack 🐱🏍 1.1 webpack 是什么?做了啥? Webpack 是一个模块打包工具。在开发中,它把一堆文件中每个都作为一个模块处理,找出它们间的依赖关系,并打包成待发布的静态资源。 主要做了: . 模块化 . 处理不同格 ......
使用git子模块管理项目
使用git子模块管理项目 简介 开发过程中,往往需要将将项目拆分成不同的模块,Git子模块(git submodule)可以协助我们高效地进行项目管理。另外,子模块的思想也能够强化模块间的独立性,显著降低模块间的耦合度。 参考链接 官方文档:https://git-scm.com/book/zh/v ......
[vue3]npm创建环境
1. npm安装 vue cli [root@Python 20230401VUE3]# npm install -g @vue/cli 2. 查看 vue版本 [root@Python 20230401VUE3]# vue --version @vue/cli 5.0.8 3. 创建项目 [roo ......
第二十二篇 vue - 深入组件 - 异步组件 - defineAsyncComponent
基本用法 defineAsyncComponent 在大型项目中,我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能 import { defineAsyncComponent } from 'vue' co ......
第二十三篇 vue - 深入组件 - 内置组件 - Transition
动画组件 Transition 和 TransitionGroup Vue 提供了两个可以帮助你制作基于状态变化的过渡和动画内置组件 1、<Transition> 会在一个元素或组件进入和离开 DOM 时应用动画 2、<TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入 ......
第二十四篇 vue - 深入组件 - 内置组件 - TransitionGroup
TransitionGroup <TransitionGroup> 是一个内置组件,用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果 和 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 Jav ......
第二十五篇 vue - 深入组件 - 内置组件 - keepAlive
keepAlive <KeepAlive> 是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例 在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化,使组件的状态维持不变,在下一次展示时,也不会进行重新初始化组件 kee-alive 是 Vue 内置的一个组件 ......
第二十六篇 vue - 深入组件 - 内置组件 - Teleport
Teleport <Teleport> 是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去 基本用法 有时我们可能会遇到这样的场景:一个组件模板的一部分在逻辑上从属于该组件,但从整个应用视图的角度来看,它在 DOM 中应该被渲染在整个 Vue 应用外部的其他 ......
第二十七篇 vue - 深入组件 - 内置组件 - Suspense
Suspense <Suspense> 是一个内置组件,用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成,并可以在等待时渲染一个加载状态 <Suspense> 是一项实验性功能。它不一定会最终成为稳定功能,并且在稳定之前相关 API 也可能会发生变化 ......
第二十八篇 vue - 深入组件 - 动态组件 - component
component 动态组件就是动态变化的组件,和动态样式一样,通过用户的操作来确定是什么类型的组件。动态样式是绑定:style,动态组件则是绑定:is 在 vue 中,实现 Tab 切换主要有三种方式:使用动态组件,使用 vue-router 路由,使用第三方插件。本文将详细介绍Vue动态组件 所 ......
第二十一篇 vue - 深入组件 - 依赖注入 - provide 和 inject
Prop 逐级透传问题 provide 和 inject 可以帮助我们解决这一问题。 [1] 一个父组件相对于其所有的后代组件,会作为依赖提供者 任何后代的组件树,无论层级有多深,都可以注入由父组件提供给整条链路的依赖 Prop 逐级透传问题 通常情况下,当我们需要从父组件向子组件传递数据时,会使用 ......
vue2 + sass + sass-loader
本地vue脚手架版本:5.0.8 本地node版本:v18.13.0 项目创建:vue init webpack demo 由于项目本身不支持sass,需要首先安装:npm install sass sass-loader -D,记住:此处无需安装node-sass,安装后报错。 由于sass和sa ......
vue第一课:简单了解
1,通过JS引入,学习的时候通过CDN即可 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> 2,在HTML文件中 <div id ='root'> <h1>hello,{{name}}</h1> </div> <s ......
vue (一)
vue是一套构建用户界面的前端框架。 构建用户界面指的是用vue往html中填充数据。 框架指的是一套现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能。 vue指令、组件(ui的复用)、路由、vuex、vue组件库 只有把上面罗列的内容掌握之后 才有开发vue项目的能力。 vue框架的 ......
Terraform 系列-Terraform 项目的典型文件布局
系列文章 👉 Terraform 系列文章 典型文件布局 - modules/ - services/ - webserver-cluster/ - examples/ - main.tf - outputs.tf - vars.tf - user-data.sh - README.md - [ ......
知乎使用指南
知乎食用指南 目前知乎近版本有一下恶心人的地方那个 加入大量广告,每次刷新都夹杂大量广告 为了增加广告,将左右翻页变成恶心的上下滑动翻译,在滑动中间增加广告,并且明显感受到左右滑动比上下滑动要好 杂七杂八内容太多,导致内容卡顿 从初中的时候就开始看知乎,结果知乎越来越恶心,以下是解决方法 解决方法 ......
2020版IDEA创建springboot项目
第一步:点击File->New->Project 第二步:点击Spring Initializr,并选择jdk,点击Next 第三步:输入Group(组名),Artifact(项目名),Package(包名),点击Next 第四步:Web——Spring Web 第五步:点击Finish,完成创建。 ......