vue vue-cli-service min源码
前端vue使用exceljs、file-saver导出表格文件添加水印
创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel(带水印) 公共方法 * @param header v 为头,k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......
【raft协议-01】 从raft源码看选举
学raft,网上有很多资源,直接找一个小应用例子,男性交友网上有一个很好的例子,就从它开始吧。 一、跑起来 克隆下来,直接go build就行,不用vendor,因为我不管怎么调vscode配置,代码跳转死活不进vendor目录,所以让它用go mod里的默认路径也行。 # 1. clone git ......
vue2 input防抖功能
1. 在el-input绑定@input事件 2. 在data中定义timer为null 3.在methods中定义@input绑定的方法 4. 在setTimeout中调用对应处理的方法 <el-input style="width: 140px;color:#FF8900" size="smal ......
Vue项目的网络请求代理到封装详细步骤
1.创建vue项目 vue create demo demo是项目名称 2.安装axios 进入demo里面打开终端(黑窗口),执行 npm install axios 3.进行config.js配置 devServer: { host: "0.0.0.0", // 是否可以被覆盖 port: 80 ......
ant-design-vue 表格嵌套子表格实现单次仅展开一项数据
嵌套表格要实现单次只能展开一行数据的原因在于,子表格的数据源跟父表格的数据存在对应关系,而代码中子表格的数据源只定义了一个 contracts ,所以每次点开新的行,都需要重新渲染页面 如果允许多行同时展开,那么先前展开所呈现的数据都会被覆盖,导致每个展开的子表格的数据一模一样。 实现: table ......
直播平台搭建源码,使用EasyExcel实现导入导出功能
直播平台搭建源码,使用EasyExcel实现导入导出功能 使用,添加依赖 <dependencies> <!-- https://mvnrepository.com/artifact/com.alibaba/easyexcel --> <dependency> <groupId>com.alibab ......
pinia vue3 ts 切换到其他页面后再切回来数据不见了
pinia vue3 ts 切换到其他页面后再切回来数据不见了 刷新有数据,但是切换到其他页面后再切回来数据不见了,我需要切回来后数据还有。 因为我的数据是刷新的话就会watch监视数据有没有改变,但是切换其他页面不会触发 我应该把得到的数据存储到store里面 这样切换其他页面也不会消失 ......
直播软件源码,好看的点赞按钮
直播软件源码,好看的点赞按钮 <div id="mountNode"></div>class Button extends React.Component { state = { starred: false, }; handleClick() { this.setState ({ ...this. ......
vue3 ts 写搜索联系人功能逻辑
vue3 ts 写搜索联系人功能 vue <input type="text" v-model="search" placeholder="Search contacts"> <template v-for="(item, index) in filteredData" :key="index"> ......
html文件中使用vue3+element-plus开发模版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
vue3+ts 数据双向绑定
在 Vue3 中使用 TypeScript 实现数据双向绑定,主要需要以下几个步骤: 1. 创建组件 首先,需要创建一个组件,定义组件所需要的属性和方法,并使用装饰器 @Component 对组件进行装饰,以便可以在 Vue 中使用。 ```typescript import { Component ......
【干货】Vue2.x 组件通信方式详解,这篇讲全了
vue是数据驱动视图更新的框架, 我们平时开发,都会把页面不同模块拆分成一个一个vue组件, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢?
首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式。 ......
vue将svg封装为组件使用
在components中新建文件 iconSvg新建index.vue <template> <svg aria-hidden="true" class="svg-icon" v-bind="$attrs" @click="svgChong"> <use :xlink:href="icon" /> ......
vue中实际代码模拟JS中promise调接口的运行流程
假设我们有一个需要调用接口的场景,我们可以使用Vue中的axios库来发送请求。以下是一个简单的例子: // 引入axios库import axios from 'axios' // 定义一个函数,用于发送请求 function fetchData() { // 返回一个Promise对象 retu ......
VueHub:我用 ChatGPT 开发的第一个项目,送给所有 Vue 爱好者
大家好,我是DOM哥。我用 ChatGPT 开发了一个 Vue 的资源导航网站。不管你是资深 Vue 用户,还是刚入门想学习 Vue 的小白,这个网站都能帮助到你。网站地址:https://dombro.site/vue#/vue ......
vue 安装
一、vue 简介。 二、vue 安装。 三、遇到的问题 一、vue 简介。 vue 是一个前端框架。我本人没有那么多专业名词。但是就使用来说,就是开发速度快,方便。 如果想看详细介绍,去 官网 就好 二、vue 安装。 前置条件,如果要装vue, 那得先装nodejs,不只要可以去看看 nodejs ......
富文本,vue2
npm install vue-quill-editor main中 // 富文本 import VueQuillEditor from "vue-quill-editor"; import "quill/dist/quill.core.css"; import "quill/dist/quill. ......
安装多个NodeJS windows上安装多个Nodejs版本 解决vue2/vue3同时运行
第一步下载nvm-windowsnvm-windows 下载地址:Github最新下载地址 进入之后直接下载 第二步 安装NVM 注意路径一定不要包含空格 中文否则会报错 注意安装路径一定不要包含空格 中文否则会报错 点击安装之后 如果之前安装了nodejs的话会提示 希望nvm管理已安装node ......
vue实现倒计时
在assets下新建tool.js文件 function countDownFun(time) { time--; let nowTime = new Date().getTime(); // 获取当前时间 if (time >= nowTime) { var secondTime = 0 //秒 ......
bat文件Vue批量打包
chcp 65001echo %cd% d:cd d:\A_Project\pt_data_commander_ui echo '当前路径:'%cd%echo '开始编译 运营平台'call npm run buildecho '运营平台 编译完成' cd ../pt_document_center ......
vue3 props 双向绑定
官网:https://cn.vuejs.org/guide/components/v-model.html 首先,引用官网一句话:在大多数场景下,子组件应该抛出一个事件来通知父组件做出改变。 一般情况父子组件props 是父组件传递值给子组件,子组件使用。有个别情况子组件更新父组件的传值。 父组件: ......
vue2与vue3的区别
一. vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。 vue3 中使用了 es6 的 ProxyAPI 对数据代理。 相比于vue2.x,使用proxy的 ......
vue3+vuesax 安装错误 not find module 'chalk'
vue3中安装vuesax组件库报错 ERROR not find module 'chalk' 解决过程: 安装chalk 继续报错 安装旧版本chalk 解决错误 npm i chalk@4 ......
vue 前端生成二维码,并转换为图片
vue 前端生成二维码,并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏: vue 文章标签: vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获,也是自己遇到的问题: 前端如何自己生成二维码? 前端如何将生成的二维 ......
License授权文件生成器源码
功能介绍1.对销售后的软件或网站执行版权控制,防止被非法另行出售;2.对网站域名进行有效的管理监控,防止非法域名或未授权域名;3.防止黑客使用极端手段获取网站或程序原文件后非法部署; 系统功能:1.完整版Lisence生成工具。2.对网站使用域名执行控制。3.对网站域名使用时间执行授权控制。4.生成 ......
无界微前端方案官方示例,main-vue 项目打包之后 访问index.html页面空包,控制台报资源错误问题
报错信息: 修改方案: publicPath: “./” 修改为如上配置即可。 ......
SpringBoot 集成 SpringSecurity + MySQL + JWT 附源码,废话不多直接盘
SpringBoot 集成 SpringSecurity + MySQL + JWT 无太多理论,直接盘 一般用于Web管理系统 可以先看 SpringBoot SpringSecurity 基于内存的使用介绍 本文介绍如何整合 SpringSecurity + MySQL + JWT 数据结构 数 ......
Quake引擎源码下载
This is the complete source code for winquake, glquake, quakeworld, and glquakeworld. The projects have been tested with visual C++ 6.0, but masm is a ......
Vue——lifecycleMixin【十七】
前言 经过eventsMixin再接下来就到了lifecycleMixin,接下来咱们就看看lifecycleMixin中到底有什么; 内容 lifecycleMixin位于src/core/instance/lifecycle.ts下; export function lifecycleMixin ......
浅谈errgroup的使用以及源码分析
本文讲解的是golang.org/x/sync这个包中的errgroup 1、errgroup 的基础介绍 学习过 Go 的朋友都知道 Go 实现并发编程是比较容易的事情,只需要使用go关键字就可以开启一个 goroutine。那对于并发场景中,如何实现goroutine的协调控制呢?常见的一种方式 ......