全局 环境 项目vue
Vue入门
属性动态绑定,内容插值语法 VScode-Vue插件 live server 插件,模拟服务器启动开发前端代码 Vue 3 Snippets 代码提示插件 Volar Vue的开发提示插件 其他插件 bootcdn 搜索js插件类库 Draw.io Integration vscode流程图插件 v ......
架构：第七章：基于Dubbo+Zookeeper项目架构
Dubbo: 简单的介绍一下Dubbo？(Dubbo是什么) dubbo就是个服务调用的东东。 为什么怎么说呢？ 因为Dubbo是由阿里开源的一个RPC分布式框架 那么RPC是什么呢？ 就是不同的应用部署到不同的服务器上，应用之间想要调用没有办法直接调用，因为不在一个内存空间，需要通过网络通讯来调用 ......
vue中，一个参数是一个图片网络地址,当重新上传一个图片替换原来的图片后，地址没变，但是图片还是原来的
这个问题可能是由于浏览器缓存导致的。为了解决这个问题，你可以向图片的URL地址中添加一个随机参数，以确保每次加载图片时都会从服务器获取最新的图片。你可以使用类似于以下方式来添加随机参数： <img :src="imageUrl + '?timestamp=' + Date.now()" /> 这样， ......
Vue组件缓存之keep-alive正确使用姿势
先来看一个项目中的需求 作为苦逼的前端开发者，我们无时无刻都要面对产品经理提的各种需求, 比如下图这个场景 场景： 从首页的点击导航进入列表页, 列表页点击列表进入 该 数据详情页 从详情页返回，希望列表页缓存，不重新渲染数据，这样会提高用户体验。 分析一下 这样需求，如果是小程序的话，默认列表页就 ......
vue3 配置commitlint 实现上传时，对代码描述的约束
1、对于我们的commit信息，也是有统一规范的，不能随便写,要让每个人都按照统一的标准来执行，我们可以利用**commitlint**来实现。 安装包命令： pnpm add @commitlint/config-conventional @commitlint/cli -D 2、添加配置文件，新 ......
Electron，VUEJS3，Vite，TypesSript 开发环境配置
# Electron，VUEJS3，Vite，TypesSript 开发环境配置 项目早期是vue3+vite开发的，后期由于运营需求，要修改为Win安装包。 方案还是比较多的： ### 1. WPF - Webview 由于目前只需要兼容win，所以可以选择WPF，但WPF需要WebView的，还 ......
JavaSE(2)(简单了解idea, 项目结构,运算符,数据转换,原反补码)
# JavaSE(2)(简单了解idea, 项目结构,运算符,数据转换,原反补码) ## p28 idea 项目结构 project 项目 > module 模块 > package 包 > class 类 拿微信举例, 微信就是**项目**, 它下方的四大功能(微信,通讯录,发现,我)就是**模块 ......
vue3 使用 setup 语法糖时，keep-alive 缓存使用 include / exclude 获取组件名
``` ``` `vue3` 使用 `keep-alive` 缓存页面时，如果需要使用 `include / exclude` 参数，那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名，此时想要设置组件 `name` 的话有如下方法： #### 1. 多写一个script标 ......
从零做软件开发项目系列之四——数据库设计
前言 在对软件进行设计的过程中，数据库的设计是一项重要的内容，软件中主要的处理对象就是各类业务数据，通过对业务数据的处理，实现各种功能。我们经常说的，写程序，说到底就是增删改查，而增删改查的对象就是各种数据。数据都存储在数据库中，其重要性不言而喻，对于数据库的设计也是软件设计的一个重要基础。 1 数 ......
Vue【原创】数据可视化，复合数字形式展示
做数据可视化的时候，经常碰到需要很灵活的数字形式展示。 先上个效果图： 如图包括名称，数量，别名，单位，上升下降，环比等等的复合数据展示，并且需要支持样式灵活配置。 此组件包括2个模块，父容器组件box-group，其中每一项的子组件box。 父组件 box-group 1 <template> 2 ......
从零做软件开发项目系列之三——系统设计
前言 在与客户充分接触后取得需求调研结果，然后分析调研内容，撰写完成项目的需求规格说明书。这是一个正式的文件，需要供需双方签字确认。说明书中会明确需求方的要求和开发方实现的内容，依据需求规格说明书，开发方就要开展系统设计工作。 进行系统设计工作，粗略的可以分成两个阶段，概要设计（总体设计）阶段和详细 ......
vue3 报错：husky - pre-commit hook exited with code 1 (error)
问题：git 提交不上去 解决方法： "format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"", ......
Anaconda超详细安装教程（Windows环境下）
原文：https://blog.csdn.net/fan18317517352/article/details/123035625 1、 Anaconda的下载： 一般两个选择，一个是官网，另一个是国内镜像网站（建议选择这个）。前者大家都懂，速度感人，所以国内一般选择后者镜像下载。 清华大学开源镜像 ......
Vue中使用vue-drag-resize实现窗体可拖拽和随意缩放大小
场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上，实现弹窗窗体可移动以及随意缩放大小。 效果如下 注： 博客： https://blog.c ......
umi-qiankun——子应用vue+element返回主项目react+antdReact，样式丢失问题
参考： [Bug]结合 styled components 使用时 dynamicHeadAppend 存在缺陷 #617 https://github.com/umijs/qiankun/issues/617 qiankun官网 https://qiankun.umijs.org/zh/api/# ......
vue-manager-system前端开发使用
github地址，感谢作者xzfxz开源 https://github.com/xzfxz/vue-manager-system 1. cnpm install 2. cnpm run dev 3. cnpm run build ......
Vue3 Avue Excel导入导出两种方法
Vue3 Avue Excel导入导出两种方法 1.根据avue官网，直接使用 官网导入导出地址 在index.html里导入包 <!-- 导入需要的包 （一定要放到index.html中的head标签里）--> <script src="https://cdn.staticfile.org/Fil ......
找不到模块“../view/Home.vue”或其相应的类型声明。
环境：vue3+ts 解决办法：在src目录里面添加env.d.ts文件，在文件里贴上 declare module '*.vue' { import type { DefineComponent } from 'vue' const component: ComponentOptions | Co ......
VUE input允许数字 且两位小数
页面： <el-input @keyup.native="onlyNumber()" placeholder="请输入(整数或者小数)金额" v-model="form.ysje"></el-input> 方法： onlyNumber() { this.form.ysje = this.onlyNu ......
0824 学习vue3
node 版本 v16.17.1 1、创建vue项目 命令： 创建vue 项目 1、pnpm create vite 下载依赖 2、pnpm install 运行项目 3、pnpm run dev 4、开启启动项目自动打开浏览器 5、安装代码规范检测插件 5.1 首先安装eslint 命令：pnpm ......
值得推荐的Vue 移动端UI框架
1. Vant（支持Vue3） 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件，这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览 2. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue. ......
Vue【原创】下划线动态效果按钮，一般按钮模式，开关切换模式。
1.lilo-icon-button 一般按钮模式： 1 <template> 2 <div class="icon-button" :style="{ color: font.color }" @click="onclick"> 3 <i :class="[icon.type]" :style=" ......
手动将QT项目打包成exe（手动打包，不是CMake自动打包）
## 综述： 仅记录QT项目打包的过程。 构建工具：CMake ## 主要流程： 1. 确保项目软件可以正常运行。 2. 使用release生成发布文件夹。 3. 将发布文件夹中的运行文件和依赖文件打包到另一个文件夹中。 ## 步骤： #### 一、确保项目软件可以正常运行。 * 点击左下角的运行按 ......
oracle 11C升到 Oracle 19C web项目所需要做的操作、遇到的问题以及解决
此次记录问题为Oracle数据库升级版本跨度过大所以导致项目里运用的ojdbc.jar不匹配，当前项目框架是比较老的所以数据版本升级以及tomcat、jdk的版本是否相匹配是我们在做升级之前就要考虑清楚和搞清楚的 这次是被动通知，所以临时查询升级相关问题，好在我们的db给介绍了一个关于Oracle的 ......
idea运行java项目提示异常： java.security.InvalidKeyException: Illegal key size
idea运行java项目提示异常： java.security.InvalidKeyException: Illegal key size news/2023/8/17 15:55:43 idea运行java项目提示异常：java.lang.IllegalArgumentException: jav ......
vuedraggable和vue-fragment冲突导致连续多次拖拽报错问题
项目中使用了vuedraggable实现拖拽功能。同时为了不产生多余标签，引入了vue-fragment。在连续多次拖动之后，总是报错。 解决办法：卸载vue-fragment。如果不想引入多余的标签，可以直接使用<template>，而且<template> 标签是标准的 HTML 标签，更具可移 ......
要构建此项目，必须安装以下工作负载: wasm-tools
要构建此项目，必须安装以下工作负载: wasm-tools 要安装这些工作负载，请运行以下命令: dotnet workload restore AdminAPP C:\Program Files\dotnet\sdk\7.0.306\Sdks\Microsoft.NET.Sdk\targets\M ......
Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?
在 vue 中,默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ......
Vue【原创】千位符输入框（不仅只是过滤器哦）
最近和一个做金融的朋友讨论到千位符输入的问题，后来一想貌似自己项目中也会经常碰到金额数字这种输入框，要么自己做一个吧。 首先肯定要有一个正则表达式，也就是过滤器的方案里面常用的正则： 1 filters: { 2 _toThousandFilter(str, that) { 3 return tha ......