全局 环境 项目vue

使用git子模块管理项目

使用git子模块管理项目 简介 开发过程中,往往需要将将项目拆分成不同的模块,Git子模块(git submodule)可以协助我们高效地进行项目管理。另外,子模块的思想也能够强化模块间的独立性,显著降低模块间的耦合度。 参考链接 官方文档:https://git-scm.com/book/zh/v ......
模块 项目 git

第二十二篇 vue - 深入组件 - 异步组件 - defineAsyncComponent

基本用法 defineAsyncComponent 在大型项目中,我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能 import { defineAsyncComponent } from 'vue' co ......
组件 defineAsyncComponent vue

第二十三篇 vue - 深入组件 - 内置组件 - Transition

动画组件 Transition 和 TransitionGroup Vue 提供了两个可以帮助你制作基于状态变化的过渡和动画内置组件 1、<Transition> 会在一个元素或组件进入和离开 DOM 时应用动画 2、<TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入 ......
组件 Transition vue

第二十四篇 vue - 深入组件 - 内置组件 - TransitionGroup

TransitionGroup <TransitionGroup> 是一个内置组件,用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果 和 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 Jav ......
组件 TransitionGroup vue

第二十五篇 vue - 深入组件 - 内置组件 - keepAlive

keepAlive <KeepAlive> 是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例 在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化,使组件的状态维持不变,在下一次展示时,也不会进行重新初始化组件 kee-alive 是 Vue 内置的一个组件 ......
组件 keepAlive vue

第二十六篇 vue - 深入组件 - 内置组件 - Teleport

Teleport <Teleport> 是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去 基本用法 有时我们可能会遇到这样的场景:一个组件模板的一部分在逻辑上从属于该组件,但从整个应用视图的角度来看,它在 DOM 中应该被渲染在整个 Vue 应用外部的其他 ......
组件 Teleport vue

第二十七篇 vue - 深入组件 - 内置组件 - Suspense

Suspense <Suspense> 是一个内置组件,用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成,并可以在等待时渲染一个加载状态 <Suspense> 是一项实验性功能。它不一定会最终成为稳定功能,并且在稳定之前相关 API 也可能会发生变化 ......
组件 Suspense vue

第二十八篇 vue - 深入组件 - 动态组件 - component

component 动态组件就是动态变化的组件,和动态样式一样,通过用户的操作来确定是什么类型的组件。动态样式是绑定:style,动态组件则是绑定:is 在 vue 中,实现 Tab 切换主要有三种方式:使用动态组件,使用 vue-router 路由,使用第三方插件。本文将详细介绍Vue动态组件 所 ......
组件 component 动态 vue

第二十一篇 vue - 深入组件 - 依赖注入 - provide 和 inject

Prop 逐级透传问题 provide 和 inject 可以帮助我们解决这一问题。 [1] 一个父组件相对于其所有的后代组件,会作为依赖提供者 任何后代的组件树,无论层级有多深,都可以注入由父组件提供给整条链路的依赖 Prop 逐级透传问题 通常情况下,当我们需要从父组件向子组件传递数据时,会使用 ......
组件 provide inject vue

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 ......
sass sass-loader loader vue2 vue

jdk+maven 配置与环境

jdk1.8 maven++++++++++++++++++++ 安装Java 解压 maven 环境变量 JAVA_HOME E:\java\jdk1.8.0_361 MAVEN_HOME E:\apache-maven-3.9.0 path 添加 %JAVA_HOME%\bin %MAVEN_H ......
环境 maven jdk

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是一套构建用户界面的前端框架。 构建用户界面指的是用vue往html中填充数据。 框架指的是一套现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能。 vue指令、组件(ui的复用)、路由、vuex、vue组件库 只有把上面罗列的内容掌握之后 才有开发vue项目的能力。 vue框架的 ......
vue

Terraform 系列-Terraform 项目的典型文件布局

系列文章 👉 Terraform 系列文章 典型文件布局 - modules/ - services/ - webserver-cluster/ - examples/ - main.tf - outputs.tf - vars.tf - user-data.sh - README.md - [ ......
Terraform 布局 典型 文件 项目

搭建虚拟机和source insight开发环境

开发中经常有需要看大平台代码的时候,这个时候代码太大在虚拟机里面用vscode看会非常卡顿,因此可以使用source insight来解决这个问题,但是source insight是win环境的,因此需要搭建一个虚拟机和win之间的桥梁,下面记录一下这个过程: 主要是使用source insight ......
insight 环境 source

Windows 如何让环境变量(例如PATH路径)设置后------不需要重启立即生效

##不重启生效方法 以修改环境变量“PATH”为例,修改完成后,进入DOS命令提示符,输入:set PATH=C: ,关闭DOS窗口。再次打开DOS窗口,输入:echo %PATH% ,可以发现“我的电脑”->“属性”->“高级”->“环境变量”中设置的 PATH 值已经生效。 不用担心DOS窗口中 ......
变量 路径 Windows 环境 PATH

Maven环境配置Win10(附IDEA相关设置)

Maven下载 下载后zip文件后,在C盘建立一个Maven文件夹并解压到该文件夹 在系统变量添加MAVEN_HOME的路径 %MAVEN_HOME%\bin; 在C:\Maven\apache-maven-3.9.1\conf里找到settings.xml文件 在第55行更改一下默认仓库位置(不改 ......
环境 Maven IDEA Win 10

万恶的环境 二 java

可恶的环境 奇奇怪怪的问题 问题描述 配置java开发环境一直在报错 原因 两个问题 1.你的java环境太多,配置了不同的java环境变量导致无法进行build 2.在配置java环境时,需要配置jdk,而不是jre jdk是开发时需要部署的 jre是运行时部署的下面一个是jre 之前不知道啥时候 ......
万恶 环境 java

2020版IDEA创建springboot项目

第一步:点击File->New->Project 第二步:点击Spring Initializr,并选择jdk,点击Next 第三步:输入Group(组名),Artifact(项目名),Package(包名),点击Next 第四步:Web——Spring Web 第五步:点击Finish,完成创建。 ......
springboot 项目 2020 IDEA

VUE分别使用普通方法、计算属性、监听器完成简易计算器

VUE分别使用普通方法、计算属性、监听器完成简易计算器 声明:本方法使用VUE完整框架独立模块组件来实现 TOP:实现效果 Ⅰ:完整框架 Ⅱ:框架实现案例组件功能细分 1.APP组件 总组件,管理所有组件(每个单独的组件最后都汇总到APP组件里,便于管理) 管理汇总:Methodss组件、Watch ......
监听器 计算器 简易 属性 方法

vscode配置Java环境

参考链接: https://blog.csdn.net/weixin_61370021/article/details/126788606?app_version=5.15.1&code=app_1562916241&csdn_share_tail=%7B%22type%22%3A%22blog%2 ......
环境 vscode Java

SpringBoot 项目说明

1、SpringBoot 中 pom.xml 的特点 (1)继承了 spring-boot-starter-parent 父工程 打开项目的 pom.xml 文件,如下代码: <parent> <groupId>org.springframework.boot</groupId> <artifact ......
SpringBoot 项目

我的第一个项目(七):(解决问题)Vue中canvas无法绘制图片

好家伙, 现在,我想要把我的飞机大战塞到我的主页里去,想办法把文件导入 然后,直接死在第一步,图片渲染都成问题 先用vue写一个测试文件 来测试canvas的绘制 <template> <div> <div ref="stage"></div> <button @click="drawsth()"> ......
项目 canvas 问题 图片 Vue

博客系统——VBLOG_项目工程框架搭建

VBLOG_项目工程框架搭建 一、架构设计 采用前后端分离架构设计: api:后端接口服务 golang 开发的 restful 接口 使用 mysql 做数据存储 web:vue3 前端框架 前端框架: vue3,vue-router ui组件:arcoui(头条开源组件库) 二、接口设计 ......
框架 项目 工程 系统 VBLOG

Vue3 深度选择器原理

一、Demo <!-- 补录身高与体重 --> <script lang="ts" setup> import { ref } from 'vue'; const isShow = ref(true); const height = ref(); const weight = ref(); </sc ......
深度 原理 Vue3 Vue

Vue 2中实现数字滚动效果

代码: <template> <div class="statistics-num"> <!-- 显示当前数字,不使用逗号分隔符 --> <span class="num">{{ currentVal.toString() }}</span> <!-- 显示当前数字,用逗号分隔符 --> <!-- ......
效果 数字 Vue

关于linux环境下配置c/c++程序的编译器

第一步: 切换root用户 命令为:su root 然后输入密码即可 第二步: 输入命令 yum install gcc 和 yum install g++ 第三步: 通过查找路径来检查是否安装成功 which gcc 和 which g++ 第四步: 成功后打开vim编辑器创建一个文件以.c/cp ......
编译器 环境 程序 linux

LIDC-IDRI肺结节项目 -- 预处理数据集

实战参考代码:代码 一、路径、参数配置(lung.conf) lidc_dicom_path: LIDC_IDRI数据集原始位置 image_path,mask_path:保存处理后的含有结节的肺部图像和掩码图像路径 clean_path_image,clean_path_mask:保存处理后的不含 ......
结节 LIDC-IDRI 项目 数据 LIDC

Vue引用富文本编辑器

1.在package.json加上并安装依赖 "devDependencies": { "@jsdawn/vue3-tinymce": "^1.1.7", } 2.在页面中引入 import Vue3Tinymce from "@jsdawn/vue3-tinymce"; 3.使用 <vue3-ti ......
编辑器 文本 Vue

vue 使用 导出 Excel

import * as XLSX from "xlsx"; exportExcel() { var wb = XLSX.utils.table_to_book(document.querySelector('#data-table2'), { raw: true}); var wbout = XLS ......
Excel vue