Vue3 实用技巧
跨层级传值:provide 与 inject 在深层嵌套组件中,避免通过 props 逐层传递数据,使用 provide/inject 实现“直通式”数据共享: 组件传送门:Teleport 解决弹窗
跨层级传值:provide 与 inject 在深层嵌套组件中,避免通过 props 逐层传递数据,使用 provide/inject 实现“直通式”数据共享: 组件传送门:Teleport 解决弹窗
盒子的三高总是分不清楚,虚拟列表总是听说却没实际写过。详细学习下做个记录 盒子 clientHeight 元素可视区高度 content+padding = 102 offsetHeight 元素cl
本文由开发中遇到的一个典型问题入手,总结在页面退出时需要进行的清理操作,清理操作不到位会造成页面内存的泄漏,造成资源的浪费。文本总结了需要进行清理的场景,并且给出了执行清理操作的最佳时机。
Vue设计与实现 1.框架设计 1.命令式与声明式的权衡 命令式 告诉程序怎么做(一步步操作) 声明式 告诉程序做什么(描述状态或结构) vue的内部实现是命令式的,暴露给用户的是声明式的。
在 Vue 项目中构建一套完善的错误处理机制是保证应用稳定性和用户体验的关键。下面我将从错误类型、处理策略到最佳实践,为你梳理一套清晰的方案。 ? 认识常见的错误类型 Vue 项目中的错误主要来源于以
前言 这篇文章主要简述了vue框架在模块运行时如何做到的响应式的,我先阐述一下文章中会用到的相关概念 副作用函数(Effect) 是指那些会"依赖"响应式数据,并且当这些数据变化时需要重新执行的函
解决qiankun微前端Vue2+Element-ui主应用跳转到Vue3+Element-plus子应用样式冲突问题
vue 的响应式是 数据更新视图,也就是当数据变更时,vue 会自动帮我们更新页面,我们无需手动操作 dom 这么理解当然是对的,但是探究 vue 的响应式之根本就不单单是 数据更新视图,而应该
本文用于记录Lottie 动画使用详细过程及使用中遇到的问题 背景 现有安卓项目需要用到喜、怒、哀、乐等多种动画表情,安卓方面决定使用 Lottie的方案。后台系统前端需要增加一个表情管理的功能,需要
在开始 readonly 之前,我们先补充一下 Proxy 的知识: Proxy Proxy 是实现 reactive、readonly 等功能的核心。它会在目标对象前架设一个“代理”或“拦截层”,让
在 Vue3 的响应式系统中,有两个重要的角色——depsLength 和 trackId。 响应式系统的基本原理 响应式对象:通过 reactive() 或 ref() 创建 副作用: effect
Vue 和 React 框架对比分析:优缺点与使用场景 引言 Vue 和 React 是当前最流行的前端开发技术之一。它们都是基于组件的库/框架,利用虚拟 DOM 提升渲染性能,在 Web 应用开发中
基于 VxeTable 的高级表格选择组件 概述 VxeTableSelect 是一个基于 VxeTable 的高级表格选择组件,支持单元格级别的选择、框选、多选等功能。该组件提供了类似 Excel
什么是函数声明 以 function 关键字开头,必须指定函数名(如 function greet() {}),且不能作为其他语句的一部分。 函数声明会被提升 在JS中,函数声明会被提升,这意味着
一、理解不同部署环境 1. 开发环境 用途:用于本地开发和调试 特点:具有热模块替换(HMR)功能,支持实时重载,提供详细的错误提示和源代码映射,便于调试 配置:较为宽松,便于快速迭代和调试 2. 测
学习通是常用的学习工具,可以随时进行学习,找到你需要的资源,跨平台就能在线学习,了解学习的进度,但是很多小伙伴找不到入口在哪,下面就分享给大家。学习通网页版登录
点击阅读