vue vue-cli-service min源码

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

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

直播源码开发,Android判断网络是否可用

直播源码开发,Android判断网络是否可用 static ConnectivityManager mConnectivityManager; /** * 判断网络是否可用 * * @param context * @return */public static boolean isNetworkA ......
源码 Android 网络

直播商城源码,JS Date配置日期格式化

直播商城源码,JS Date配置日期格式化 引入js Date配置化diamante Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 ......
源码 日期 格式 商城 Date

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

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 状态 页面

Vue【原创】千位符输入框(不仅只是过滤器哦)

最近和一个做金融的朋友讨论到千位符输入的问题,后来一想貌似自己项目中也会经常碰到金额数字这种输入框,要么自己做一个吧。 首先肯定要有一个正则表达式,也就是过滤器的方案里面常用的正则: 1 filters: { 2 _toThousandFilter(str, that) { 3 return tha ......
过滤器 只是 Vue

使用ant design vue Table组件遇见的问题记录

1.首先是给表格加自增序号 { title: "序号", customRender: (text, record, index) => `${index + 1}`, }, 这样就加上了 2.然后是ant没有key值控制台报错 如果有id或者唯一属性可以把rowkey设置为唯一属性查了一下也不一定是 ......
组件 design 问题 Table ant

vue项目实现每隔1分钟刷新当前页面(附:清除定时器优化方案)

参考:https://www.dianjilingqu.com/417417.html ......
定时器 页面 方案 项目 vue

vue中使用SSE

安装依赖包 npm install event-source-polyfill --save 封装方法 SSEClient.js import {EventSourcePolyfill} from "event-source-polyfill"; import { getToken } from " ......
vue SSE

vue 动态路由,按钮权限控制

src/directive/permission/index import Vue from 'vue' import buttonPermissions from './permission' // 注册全局指令 Vue.directive('permiss', buttonPermissions ......
路由 按钮 权限 动态 vue

创建web应用程序,React和Vue怎么选?

React和Vue都是创建web应用程序的绝佳选择。React得到了科技巨头和庞大的开源社区的支持,代码库可以很大程度地扩展,允许你创建企业级web应用程序。React拥有大量合格甚至优秀的开发人员粉丝,可以解决你在开发阶段可能遇到的任何问题。 毫无疑问,React是创建跨平台解决方案的最佳框架。V... ......
应用程序 程序 React web Vue

直播app源码,会话描述协议SDP:高质量平台服务

通过我的分析可以看出,SDP协议在直播app源码平台中扮演着重要角色,描述会话信息、媒体流的协商支持、多种协议结合、加密认证,这些都让直播app源码平台能够实现高质量稳定的数据传输与处理,为用户提供更好的防护与体验,提升直播app源码平台在市场上的竞争力。 ......
高质量 源码 平台 app SDP

『30 天沉淀 90 mins』Day 3 http2.0 探索与 https 入门

# http2.0 探索 ## http1.1 如何优化? 1. 通过缓存技术来避免发送 HTTP 请求。客户端收到第一个请求的响应后,可以将其缓存在本地磁盘,下次请求的时候,如果缓存没过期,就直接读取本地缓存的响应数据。如果缓存过期,客户端发送请求的时候带上响应数据的摘要,服务器比对后发现资源没有 ......
http2 https mins http Day

Qt 信号槽连接源码解读

在声明信号的时候,Qt 会将信号于 QMetaThod 进行绑定,当emit 一个信号的时候, 会调用一个 QMetaMethod::invoke 函数。 查看源码, 在qmetaobject.h 中看到一个函数: bool QMetaMethod::invoke(QObject *object, ......
源码 信号 Qt

vue--day69---vuex

1. vuex 是什么 概念:专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应 用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方 式,且适用于任意组件间通信。 2. 什么时候使用 Vuex 1. 多个组件依赖于同一状态 2. 来自不同组件的行为 ......
vuex vue day 69

vue 脚手架文件结构及加载过程浅谈

1. 初始化脚手架 1.1 全局安装 @vue/cli npm install -g @vue/cli 1.2 切换到创建项目的目录,执行 vue create projectname 1.3 选择符合自己要求的项进行Y/N,最终生成项目文件 2. 脚手架文件结构 |-- node_modules: ......
脚手架 过程 结构 文件 vue

vue--day68--插槽的总结

## 插槽 1. 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 <strong style="color:red">父组件 > 子组件</strong> 。 2. 分类:默认插槽、具名插槽、作用域插槽 3. 使用方式: 1. 默认插槽: ```vue 父组件中 ......
vue day 68

vue--day67--作用域插槽

1. App.vue <template> <div class="container"> <Category title="游戏" > <template scope="atgui"> <ul > <li v-for="(g,index) in atgui.games" :key="index"> ......
作用 vue day 67

基础入门-算法逆向&散列对称非对称&JS源码逆向&AES&DES&RSA&SHA

# 基础入门-算法逆向&散列对称非对称&JS源码逆向&AES&DES&RSA&SHA [TOC] # 安全测试中思路 密文-有源码直接看源码分析算法(后端必须要有源码才能彻底知道) 密文-没有源码1、猜识别 2、看前端JS(成功与否取决于:加密逻辑是不是在前端) # 单向散列加密 -MD5 和其他加 ......
amp 算法 源码 基础 AES

vue3+vite2动态绑定图片优雅解决方案

> 优雅解决方案在最下面,小伙伴们儿可以直接前往 😊 > # 背景 在vue3+vite2项目中,我们有时候想要动态绑定资源,比如像下面的代码这样: ```html ``` 实际效果是这样: ![](https://img2023.cnblogs.com/blog/3153981/202308/3 ......
解决方案 方案 动态 图片 vite2