代码编织梦想

【前端】搭建onlyoffice踩坑记录_onlyoffice example-爱代码爱编程

文章目录 背景docker运行onlyofficeword编辑器excel编辑器pptx编辑器 html中调用坑点1 文件下载错误坑点2 历史记录延迟 背景 众所周知,onlyoffi

js 选择一个音频文件,绘制音频的波形,从右向左逐渐前进。-爱代码爱编程

选择一个音频文件,绘制波形,从右向左逐渐前进。 完整代码: <template> <div> <input type="file" @change="handleFileC

前端自己整理的学习面试笔记_v-爱代码爱编程

简介 以下是本人一年多整理的前端学习笔记,现汇总分享给大家,很多问题都是面试必问的 更多学习资源,可以点击我获取更多 1 js数据类型 原始类型: null undefined number string boolea

vue2二次组件封装_vue2 组件二次封装-爱代码爱编程

vue2二次组件封装 我这里使用的UI组件库是antd2,对于二次组件封装需要解决的问题其实就是如何将原有组件的属性、事件、方法、插槽传递过去,直接看代码吧。 1、安装vue2 1.安装vue2脚手架 np

element表格(el-爱代码爱编程

前言 vue2搭配使用的框架基本都是Element-ui,如何开发时每次都过去复制,需要删除一部分,增加一部分,如果碰到的是表单类型的table表格,那更麻烦。因此在符合公司应用场景下面对Element的el-table表格进行了二次封装。 一、效果展示 一个el-table表格的封装,需要考虑多个方面,实用,适用,自适应,动态并且尽量不脱离elem

el-爱代码爱编程

vue2点击左侧的树节点(el-tree)定位到对应右侧树形表格(el-table)的位置,树形表格懒加载 表格代码 <el-table ref="singleTable" :dat

el-爱代码爱编程

1. 横竖双表头 <script setup lang="ts"> const tableData = [ { name: "Tom", date: "2016-05-03", address:

el-爱代码爱编程

展示形式: 详细代码: (js) <template> <div> <el-table :data="tableData" style="width: 100%">

vue中的数据共享场景和数据共享方法总结_vue多个页面之间共享和同步数据-爱代码爱编程

1、数据共享场景有哪些 页面之间共享数据: 不同页面之间需要共享数据时,可以通过 Vuex 状态管理库或路由参数等方式进行数据传递。例如,在路由参数中传递数据或将数据存储在 Vuex 中,在不同页面间进行数据交换。页面和组

vue2:组件高级(下)_vue2 高级 组件用法-爱代码爱编程

Vue2:组件高级(下) Date: May 25, 2023 Sum: 自定义指令、插槽、商品列表、动态组件 目标: 自定义指令 基础概念: 概念: 内置指令:vue 官方提供了 v-for

vue3 中如何处理跨组件共享数据的需求?_vue3中用什么做数据共享-爱代码爱编程

在Vue3中处理跨组件共享数据的需求是一个常见且重要的问题,我们可以通过提供一个全局状态管理器或者使用Vue3提供的Composition API来实现。接下来,我将详细介绍这两种方法的实现方式。 1. 全局状态管理器

【vue】需求: 多组件共享数据-爱代码爱编程

文章目录 一、需求二、创建项目三、创建组件 一、需求 目标:基于脚手架创建项目,构建 vuex 多组件数据共享环境 效果是三个组件共享一份数据: 任意一个组件都可以修改数据三个组件的数据是同

部署vue项目到服务器时访问出现403权限不足_nginx访问vue403-爱代码爱编程

部署项目到服务器时访问出现403权限不足 前言 部署vue项目时在服务器访问出现了403 查了一下该状态码是用户没有权限访问,被禁止(forbidden)访问了 解决 vue项目文件夹的所属用户是root

input实现文件上传_input 上传-爱代码爱编程

<template> <div> <input name="file" type="file" id="file" style="display: none" @change="han

eladmin-爱代码爱编程

1、下载开源项目源码 网址:https://github.com/elunez/eladmin-mp 2、解压zip文件,文件夹显示如下 3、确保 mysql、redis、node.js都已被安装(不过多赘述) 4、用idea分别打开文件夹eladmin 及eladmin-web 因为是前后端分离的,所以打开后端代码和前端代码分别

【vue3】项目实战前基本知识_vue3基础知识-爱代码爱编程

Vue3+Vite+TypeScript+pinia Vue3更新点新建项目方式一新建项目方式二vite-demo目录讲解安装常用扩展 新建项目方式三 pnpm方式vue3书写风格动态css也可以这样

vue项目删除node_modules的方法_vue卸载nodemodule-爱代码爱编程

Vue项目删除node_modules的方法 在Vue项目中,如果需要删除node_modules文件夹以重新安装依赖,可循迹的方案有很多,但大多删除速度缓慢,不实用,推荐下面这个方法,极快不卡顿! Vu

前端虚拟滚动列表 vue虚拟列表_vue-爱代码爱编程

文章目录 前端虚拟滚动列表(方法一:利用IntersectionObserver api 简单)前端虚拟滚动列表(方法二:监听滚动计算 麻烦)实现效果:实现思路:具体代码 替代方案vue-virtual-

vue3 实现虚拟列表_vue3 虚拟列表-爱代码爱编程

虚拟列表:按需显示的一种实现,即只对可视区域进行渲染,对非可见区域中的数据不渲染或者部分渲染。 虚拟列表原理:        仅加载可视区域内的列表项,当发生滚动时计算应展示列表项的startIndex,endIndex,并计算对应的数据在整个列表中的偏移量(为了让列表项展示在可视区域内) 获取元素的scrollTop,然

vue 3 hooks:优雅管理组件状态的完整指南_vue3 hooks管理状态-爱代码爱编程

一、介绍 Hooks是Vue 3中的特性,允许在函数组件中使用状态和其他React的逻辑。本教程将演示如何使用TypeScript和Hooks管理Vue 3组件的状态和生命周期。 二、创建Hooks 首先,创建一个ho