组件 常用confirm vue

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

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

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

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

http常用信息头及其作用

下面介绍一些常用的HTTP请求头及其作用: 1. Accept-Language 该请求头用来告诉服务器客户端的语言偏好,比如en(英语)、zh-CN(简体中文)等。服务器可以根据这个请求头来决定传输给客户端哪种语言版本的内容。 2. User-Agent 该请求头用来告诉服务器浏览器的种类、版本、 ......
作用 常用 信息 http

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

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

【图像处理】图像处理常用操作

# 去除背景色 参考文章:[Python 3,4行代码实现去除图片背景色,从此告别PS!!_python 去除图片背景色_Carl_奕然的博客-CSDN博客](https://blog.csdn.net/wuyoudeyuer/article/details/107949112) [在线抠图软件_图 ......
图像处理 图像 常用

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

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

vue3 使用 setup 语法糖时,keep-alive 缓存使用 include / exclude 获取组件名

``` ``` `vue3` 使用 `keep-alive` 缓存页面时,如果需要使用 `include / exclude` 参数,那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名,此时想要设置组件 `name` 的话有如下方法: #### 1. 多写一个script标 ......
缓存 语法 keep-alive 组件 include

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

golang常用函数

1.文件读写 package main import ( "fmt" "os" ) func main(){ yaml_str,err:=os.ReadFile("poc/1.yml") if err!=nil{ panic(err) } poc_old:=string(yaml_str) os.W ......
函数 常用 golang

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

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

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

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

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

redis常用命令以及数据类型

Commands | Redis 官网命令查询网址 keys * #查看所有 set key name 创建kv get key 查看kv exist key 判断key是否存在 move key 数据库名称 移除key expire key second(过期时间) 设置key值的过期时间(秒) ......
命令 常用 类型 数据 redis

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

防火墙常用命令(Centos)

### 开放端口 ```bash firewall-cmd --zone=public --add-port=80/tcp --permanent # 开放80端口 systemctl restart firewalls.service # 重启防火墙 ``` ### 查看已开启的端口 ```bas ......
防火墙 命令 常用 Centos

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

1. Vant(支持Vue3) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件,这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览 2. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue. ......
框架 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=" ......
按钮 模式 下划线 效果 动态

vuedraggable和vue-fragment冲突导致连续多次拖拽报错问题

项目中使用了vuedraggable实现拖拽功能。同时为了不产生多余标签,引入了vue-fragment。在连续多次拖动之后,总是报错。 解决办法:卸载vue-fragment。如果不想引入多余的标签,可以直接使用<template>,而且<template> 标签是标准的 HTML 标签,更具可移 ......

Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?

在 vue 中,默认情况下,一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时,会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ......
缓存 keepAlive VueRouter 状态 页面

Git 常用命令

# Git 基础部分 ## 配置用户 ```git git config --global user.name 'USER Name' git config --global user.email 'USER Email' ``` ## 初始化仓库 ```git # 初始化一个 git 仓库 git ......
命令 常用 Git