空格 源码app vue

【vue】,封装的table组件,table表格超出高度自适应滚动效果,设置页面全局统一自适应高度

需求背景:为了使后台页面的 table 列表页面始终保持统一的高度,无论我们的列表数据有多少都只占一个屏幕的高度,如果 table 表格的数据太多,只滚动table 表格的数据,页面高度保持不变;使用 window.onresize 监听浏览器的高度: // tableHeight: 为 el-ta ......
高度 table 全局 组件 表格

vue3 如何判断组件中的 slot 是否有填充?

两种方法: 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
组件 vue3 slot vue

# vue3 组件之间传值

vue3 组件之间传值 非常好,为啥突然开这样一篇博文,首先是因为 vue3 是未来发展的趋势。其次,vue 官方已经确认,将于2023年最后一天停止对 vue2 项目的维护,这个是官方发出的通知,并且呢,尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了,同时呢,无论是 elementUI ......
组件 之间 vue3 vue

vue response post 请求 excle 下载

export function downloadExcel(obj) { return request({ url: '/basic/cycleMoneyReport/downloadExcel', method: 'post', data: obj, // 请求方式必须添加 responseTyp ......
response excle post vue

小黄鸟绕过app检测代理抓包

最近需要抓包一个安卓软件,但是该软件有检测,只要检测到代理网络,就执行不访问网络操作。 所以经过百度找到了下面这个方法解决: ps:如果你的手机已经root就可以忽略这一步。 如果手机没有root,我们需要用到vmos虚拟机软件。 下载地址:https://wwxk.lanzouj.com/i77p ......
app

ReentrantReadWriteLock源码阅读

ReentrantReadWriteLock源码阅读 目录ReentrantReadWriteLock源码阅读简介例子代码分析总览Syncstate定义lock count和hold countSync.HoldCounter类Sync类其他成员变量tryAcquiretryReleasetryAc ......
ReentrantReadWriteLock 源码

vue 批量打印

<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......
vue

Vue 倒计时小组件

商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠,这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法,循环的不断调用清除调用清除,具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
组件 Vue

vue3引入使用svg图标

vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
图标 vue3 vue svg

sync.Pool底层源码详解

Golang中sync.Pool用来提高对象复用几率,减少gc的压力,减少内存分配,它是线程安全的,常用来存储并复用临时对象。 任何存放区其中的值可以在任何时候被删除而不通知,在高负载下可以动态的扩容,在不活跃时对象池会收缩。 可伸缩的,其大小仅受限于内存的大小,可以被看作是一个存放可重用对象的值的 ......
底层 源码 sync Pool

vue2.5.2设置二级目录访问

vue发布到IIS后,需要通过二级域名访问: 1、找到config->index.js 节点assetsPublicPath,设置你要的二级域名名称 2、IIS创建站点后,在站点下添加应用程序web (跟上面同名) ......
目录 vue2 vue 5.2

vue js 引入sdk,思路代码整理 app.vue引入

代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
vue 思路 代码 app sdk

vue 将百度地图或者高德地图组件化

一、前言 百度地图已经有了 react 相关的组件库,本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉,百度地图 webgl、高德地图都是一样的,因为底层都是通过 js 控制地图 如果用组件的方式开发,比如我将 BMap.Marker 作为一个组件,我暴露一个参数position,其目的是 ......
地图 组件 vue

OpenEuler22.03源码编译安装nginx1.24.0

一、环境说明 操作系统版本:OpenEuler22.03 SP2 LTS Nginx版本:1.24.0 安装位置:/app/nginx Selinux配置:关闭或设置为permissive 二、Nginx安装 # 安装必要依赖 dnf -y install tar gcc make pcre pcr ......
OpenEuler 源码 nginx1 22.03 nginx

【UniApp】-uni-app-打包成小程序

前言 大家好,我是 BNTang, 在上一节文章中,我给大家详细的介绍了如何将我开发好的项目打包为网页。 趁热打铁,在来一篇文章,给大家详细的介绍如何将项目打包为小程序。 正文 打开微信小程序呢,其实还是需要进行一些相关的配置的 首先打开微信小程序的配置页面找到 manifest.json 文件 打 ......
uni-app 程序 UniApp uni app

基于源码去理解Iterator迭代器的Fail-Fast与Fail-Safe机制

原创/朱季谦 在Java编程当中,Iterator迭代器是一种用于遍历如List、Set、Map等集合的工具。这类集合部分存在线程安全的问题,例如ArrayList,若在多线程环境下,迭代遍历过程中存在其他线程对这类集合进行修改的话,就可能导致不一致或者修改异常问题,因此,针对这种情况,迭代器提供了 ......
Fail Fail-Fast Fail-Safe 源码 Iterator

vue3+ts打开echarts的正确方式

实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在 ......
echarts 方式 vue3 vue ts

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中get请求 function ......
post vue get

vue3+lottie实现动画

1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
动画 lottie vue3 vue

Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题

路由的 两种传参方式: 一: 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二: 编程式 $router.push(...) //该方法的参数可以是一个字符串路径,或者一个描述地址的对象。 不带参数写法: // 字符串(对应 ......
参数 router push 路由 问题

封装一个表情包组件(支持自定义表情图片)(基于vue3语法)

效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
表情 语法 组件 图片 vue3

vue3.0之表格拖拽-最简单的表格(不带层级/树级)

const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......
表格 层级 vue3 vue

vue前端node内存溢出问题解决

前端项目运行时,如果经常运行慢,崩溃停止服务,报如下错误: FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory (JavaScript堆内存不足) 原因: 因为在 Node 中,通过Ja ......
前端 内存 问题 node vue

语音直播聊天交友小程序(艾思软件 定制开发 源码交付)

语音直播聊天交友小程序的开发涉及到多个技术领域,包括前端开发、后端开发、音频处理技术等。在前端开发方面,需要使用HTML5、CSS3和JavaScript等技术来实现用户界面的设计和交互功能。在后端开发方面,需要使用Node.js、PHP或Java等编程语言来搭建服务器,处理用户的请求和数据存储。 ......
定制开发 源码 语音 程序 软件

vue项目创建和插件依赖安装

1、启动vue项目 npm run serve 2、安装插件 npm i vue-router npm i vuex //(不知道是不是这个,反正一开始有几个要装) 3、bootstrap使用 先安装bootstrap依赖: npm install bootstrap npm install @po ......
插件 项目 vue

Vue检测密码复杂度方法

Vue检测密码复杂度方法 <!-- 检测密码复杂度方法 --> <template> <div> <input type="password" v-model="password" @input="checkPasswordComplexity"> <div v-if="complexityMess ......
复杂度 密码 方法 Vue

VUE

一、Vue定义及简介 1、Vue定义 关于Vue简介,百度百科给出的解释是:Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单 ......
VUE

Vue脚手架中加入Vuex全局状态管理中间件

WebStorm创建Vite(Vue模版)项目后: 在main.ts中: import {createApp} from 'vue' // @ts-ignore import {createStore} from 'vuex' import './style.css' // @ts-ignore i ......
脚手架 中间件 全局 状态 Vuex

源码补丁神器—patch-package

一、背景 vue项目中使用 vue-pdf 第三方插件预览pdf,书写业务代码完美运行,pdf文件内容正常预览无问题。后期需求有变,业务需求增加电子签章功能。这个时候pdf文件的内容可以显示出来,但是公司的电子签章无法显示。这令人沮丧,因为已经编写了许多特定于此依赖项的代码,如果替换依赖库,这些代码 ......
神器 patch-package 源码 补丁 package

SpringBoot:整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行

获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包,生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
SpringBoot 前端 代码 项目 React