效果echarts项目vue
【经验贴】大型复杂项目的风险管理如何做？
同事小李在年初的时候，接了一个大型项目，以为今年的年终奖都靠它了，结果现在面临着超支、超期的风险，各种风险及问题频发。前段时间经常跟我们沟通讨论，在大家的建议下，项目才逐渐步入正轨，这次的项目实战案例也分享出来跟大家交流学习下。 他是第一次带这种类型的项目，所以还不太明白大型项目的特点和特征，这些是 ......
VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)
准备工作：安装 yarn install vue-quill-editor main.js // 编辑器 import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core.css' import ' ......
vue3.0运行npm run dev 报错Cannot find module ‘node:url‘
### 一、问题描述： - 学习vue3.0（ Vue.js - 渐进式 JavaScript 框架 | Vue.js）的时候一直使用的家里电脑，项目搭建运行一直没问题，公司近期用vue3.0写项目 - npm init vue@latest —> npm install 都ok,npm run d ......
如何让公司其他项目组的传统部署迁移到容器部署
1. 准备好容器环境 2. 组织项目方、开发、测试、运维进行容器相关培训 3. 评估应用上云的必要性，可行性和风险，综合决定是否上云及哪些部分上云。 4. 选择新项目以容器方式部署，新项目稳定后，在对老项目进行推广 5. 选择非核心无状态的业务服务优先实践 6. CI/CD流水线相关改造 情况一： ......
前端项目报EISDIR: illegal operation on a directory, read这个错误
背景： 我用webstorm开发前端页面时，项目用Vue3来开发，出现如下报错。 ![image-20230824171957615](https://img2023.cnblogs.com/blog/2355908/202308/2355908-20230824173234954-82254241 ......
vue实现大文件上传下载
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
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()" /> 这样， ......
Echarts--x轴文本过长，设置超出隐藏显示省略号，鼠标悬浮上显示全部
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ ......
Vue组件缓存之keep-alive正确使用姿势
先来看一个项目中的需求 作为苦逼的前端开发者，我们无时无刻都要面对产品经理提的各种需求, 比如下图这个场景 场景： 从首页的点击导航进入列表页, 列表页点击列表进入 该 数据详情页 从详情页返回，希望列表页缓存，不重新渲染数据，这样会提高用户体验。 分析一下 这样需求，如果是小程序的话，默认列表页就 ......
vue3 配置commitlint 实现上传时，对代码描述的约束
1、对于我们的commit信息，也是有统一规范的，不能随便写,要让每个人都按照统一的标准来执行，我们可以利用**commitlint**来实现。 安装包命令： pnpm add @commitlint/config-conventional @commitlint/cli -D 2、添加配置文件，新 ......
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}\"", ......
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. 将发布文件夹中的运行文件和依赖文件打包到另一个文件夹中。 ## 步骤： #### 一、确保项目软件可以正常运行。 * 点击左下角的运行按 ......