项目vue3 vue

vue2的源码github下载和本地启动调试源码

1.下载源码:https://github.com/vuejs/vue 2.安装依赖,命令行执行:yarn 3.修改package.json的运行脚本scripts里面加上源码map定位的参数,在打包后页面引入使用时可以调试到源码: { "name": "vue", 。。。 "scripts": { ......
源码 github vue2 vue

python独立脚本应用Django项目的环境

一、需求说明 一直用 Django 在开发一个网站项目,其中的注册用户和登录,都是使用Django自带的认证系统。主要是对密码的加密,在注册或者登录的时候,前端传递多来的密码,我会使用Django的set_password()方法在加密一次 经过加密后的数据库中的数据样子如下: 现在我有另外一个需求 ......
脚本 环境 项目 python Django

Vue动态创建组件实例并挂载到body

方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V ......
组件 实例 动态 body Vue

切换Mac后maven项目无法启动报错

` /Library/Java/JavaVirtualMachines/zulu-8.jdk/Contents/Home/bin/java -agentlib:jdwp=transport=dt_socket,address=127.0.0.1:53666,suspend=y,server=n -X ......
项目 maven Mac

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 ......
Cannot module vue3 find node

【经验贴】大型复杂项目的风险管理如何做?

同事小李在年初的时候,接了一个大型项目,以为今年的年终奖都靠它了,结果现在面临着超支、超期的风险,各种风险及问题频发。前段时间经常跟我们沟通讨论,在大家的建议下,项目才逐渐步入正轨,这次的项目实战案例也分享出来跟大家交流学习下。 他是第一次带这种类型的项目,所以还不太明白大型项目的特点和特征,这些是 ......
风险管理 风险 经验 项目

VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)

准备工作:安装 yarn install vue-quill-editor main.js // 编辑器 import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core.css' import ' ......
文本 编辑器 elementUI 图片 quill

如何让公司其他项目组的传统部署迁移到容器部署

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 ......
前端 directory operation 错误 illegal

vue实现大文件上传下载

​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
上传下载 文件 vue

Vue入门

属性动态绑定,内容插值语法 VScode-Vue插件 live server 插件,模拟服务器启动开发前端代码 Vue 3 Snippets 代码提示插件 Volar Vue的开发提示插件 其他插件 bootcdn 搜索js插件类库 Draw.io Integration vscode流程图插件 v ......
Vue

架构:第七章:基于Dubbo+Zookeeper项目架构

Dubbo: 简单的介绍一下Dubbo?(Dubbo是什么) dubbo就是个服务调用的东东。 为什么怎么说呢? 因为Dubbo是由阿里开源的一个RPC分布式框架 那么RPC是什么呢? 就是不同的应用部署到不同的服务器上,应用之间想要调用没有办法直接调用,因为不在一个内存空间,需要通过网络通讯来调用 ......
架构 Zookeeper 项目 Dubbo

vue中,一个参数是一个图片网络地址,当重新上传一个图片替换原来的图片后,地址没变,但是图片还是原来的

这个问题可能是由于浏览器缓存导致的。为了解决这个问题,你可以向图片的URL地址中添加一个随机参数,以确保每次加载图片时都会从服务器获取最新的图片。你可以使用类似于以下方式来添加随机参数: <img :src="imageUrl + '?timestamp=' + Date.now()" /> 这样, ......
图片 地址 参数 还是 网络

Vue组件缓存之keep-alive正确使用姿势

先来看一个项目中的需求 作为苦逼的前端开发者,我们无时无刻都要面对产品经理提的各种需求, 比如下图这个场景 场景: 从首页的点击导航进入列表页, 列表页点击列表进入 该 数据详情页 从详情页返回,希望列表页缓存,不重新渲染数据,这样会提高用户体验。 分析一下 这样需求,如果是小程序的话,默认列表页就 ......
缓存 keep-alive 组件 姿势 alive

vue3 配置commitlint 实现上传时,对代码描述的约束

1、对于我们的commit信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用**commitlint**来实现。 安装包命令: pnpm add @commitlint/config-conventional @commitlint/cli -D 2、添加配置文件,新 ......
commitlint 代码 vue3 vue

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标 ......
缓存 语法 keep-alive 组件 include

从零做软件开发项目系列之四——数据库设计

前言 在对软件进行设计的过程中,数据库的设计是一项重要的内容,软件中主要的处理对象就是各类业务数据,通过对业务数据的处理,实现各种功能。我们经常说的,写程序,说到底就是增删改查,而增删改查的对象就是各种数据。数据都存储在数据库中,其重要性不言而喻,对于数据库的设计也是软件设计的一个重要基础。 1 数 ......
软件开发 数据库 项目 数据 软件

Vue【原创】数据可视化,复合数字形式展示

做数据可视化的时候,经常碰到需要很灵活的数字形式展示。 先上个效果图: 如图包括名称,数量,别名,单位,上升下降,环比等等的复合数据展示,并且需要支持样式灵活配置。 此组件包括2个模块,父容器组件box-group,其中每一项的子组件box。 父组件 box-group 1 <template> 2 ......
形式 数字 数据 Vue

vue3 报错:husky - pre-commit hook exited with code 1 (error)

问题:git 提交不上去 解决方法: "format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"", ......
pre-commit commit exited husky error

从零做软件开发项目系列之三——系统设计

前言 在与客户充分接触后取得需求调研结果,然后分析调研内容,撰写完成项目的需求规格说明书。这是一个正式的文件,需要供需双方签字确认。说明书中会明确需求方的要求和开发方实现的内容,依据需求规格说明书,开发方就要开展系统设计工作。 进行系统设计工作,粗略的可以分成两个阶段,概要设计(总体设计)阶段和详细 ......
软件开发 项目 系统 软件

Vue中使用vue-drag-resize实现窗体可拖拽和随意缩放大小

场景 若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上,实现弹窗窗体可移动以及随意缩放大小。 效果如下 注: 博客: https://blog.c ......
窗体 vue-drag-resize 大小 resize drag

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/# ......
umi-qiankun 样式 antdReact qiankun element

vue-manager-system前端开发使用

github地址,感谢作者xzfxz开源 https://github.com/xzfxz/vue-manager-system 1. cnpm install 2. cnpm run dev 3. cnpm run build ......
vue-manager-system 前端 manager system vue

vue获取当前时间的前一小时时间戳

参考:https://www.5axxw.com/questions/simple/47vt8l ......
时间 小时 vue

Vue3 Avue Excel导入导出两种方法

Vue3 Avue Excel导入导出两种方法 1.根据avue官网,直接使用 官网导入导出地址 在index.html里导入包 <!-- 导入需要的包 (一定要放到index.html中的head标签里)--> <script src="https://cdn.staticfile.org/Fil ......
方法 Excel Vue3 Avue Vue

找不到模块“../view/Home.vue”或其相应的类型声明。

环境:vue3+ts 解决办法:在src目录里面添加env.d.ts文件,在文件里贴上 declare module '*.vue' { import type { DefineComponent } from 'vue' const component: ComponentOptions | Co ......
模块 类型 view Home vue

VUE input允许数字 且两位小数

页面: <el-input @keyup.native="onlyNumber()" placeholder="请输入(整数或者小数)金额" v-model="form.ysje"></el-input> 方法: onlyNumber() { this.form.ysje = this.onlyNu ......
小数 数字 input VUE

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 ......
0824 vue3 vue

值得推荐的Vue 移动端UI框架

1. Vant(支持Vue3) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件,这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览 2. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue. ......
框架 Vue