前言 本文将从渐进式、时间线、跨平台及企业级框架情况多个维度对两个库进行对比。 从概念开始 React官网说：React是用于构建用户界面的Javascript库。 Vue官网说：Vue是用于构建用户界面的Java...

前言 动画的作用：提高用户的体验，帮助用户更好的理解页面中的功能。 使用过渡类名实现动画 官方文档的截图 过渡类名如下： 动画进入： v-enter：动画进入之前的初始状态 v-enter-to：动画进入...

前言 在进行项目开发的过程中，我们一般会使用面包屑的功能，这个功能还是比较常见的，那么他的实现思路是什么呢？ 面包屑的介绍和实现思路✍️✍️ 首先我们先来了解一下面包屑功能，这个功能...

项目选型 微前端有qiankun,micro-app等,为什么选中了micro-app? 两个框架都使用了微前端概念,但是micro-app对原有的项目入侵最少,极大减少修改原项目;qiankun是需要修改原项目的,毕竟作为子应用...

Vue概况 Vue概念 Vue 是一个用于 构建用户界面 的 渐进式 JavaScript框架 构建用户界面：基于数据渲染出用户看到的页面 渐进式：根据需求循序渐进的学习和使用Vue 框架：一套完整的项目解决方案...

新手引导功能 新手引导功能是一种用于指导用户在应用程序或网站中进行导航和操作的辅助工具。它能够解决以下问题： 用户体验问题：对于新用户来说，陌生的界面和功能可能会造成困惑。通过提供新...

背景：作为使用三年 react.js 的搬运工，目前正在积极学习 vue.js 语法，而在学习的过程中，总是喜欢和 react.js 进行对比，这里也不是说谁好谁坏，而是怀有他有我也有，他没我还有的思想去学习...

前言 这一篇，我们将在上一篇文章《14.React 和 Vue 都离不开的表单验证库 async-validator 之策略模式的应用》的基础上继续深入了解 Element Plus 中的 Form 表单 的实现原理。 Form 表单应该...

1、结构 首先我们先从结构入手： 在element plus里面就拿一个最普通的input Number框来讲 翻开源码查看结构，我们得知就是一个很标准的一个大盒子里面装着两个span，一个el-input 2、@ dragstar...

vue3的内存泄漏 在项目中会发现一个奇怪的现象，当使用element-plus中的图标组件时会出现内存泄漏。详情查看 解决方案1：关闭静态提升。详情查看 解决方案2：文末附上 至于为什么静态提升会导致...

前言   大家好，我是沐浴在曙光下的贰货道士。最近在处理收单系统的过程中，发现虽然有使用阿里云去压缩订单列表的图片，但由于列表图片数目过多，导致网页渲染较慢。为此，我研究了利用Inter...

经常在看同事写代码的时候，一股脑的ctrl+c+ctrl+v，不管三七二十一，不管别人代码写的对不对，好的坏的先复制来写业务再说。我改这部分代码的时候就有点看不下去了，搬出来给大伙鉴赏一下。 //...

在后台管理系统页面中一般都会有导航栏标签这一功能,它可以让我们点击过的菜单以 tab 标签栏的形式展现出来,同时右键标签可以展示刷新页面,关闭当前,关闭其它,全部关闭选项,如下图所示 本篇文章...

背景：作为使用三年 react.js 的搬运工，目前正在积极学习 vue.js 语法，而在学习的过程中，总是喜欢和 react.js 进行对比，这里也不是说谁好谁坏，而是怀有他有我也有，他没我还有的思想去学习...

前言 最近入职了新公司，感觉还不错，还在熟悉阶段。 然后刚来两天就遇到一个小问题，封装的svg组件在处理某个svg图片时，无法修改svg图片的颜色。 类似这种： 鼠标移动上去之后 但是有一个svg...

背景 图片懒加载（Lazy Loading）是一种优化网页性能的技术，它可以延迟网页中的图像加载时间，直到用户需要查看它们时才加载。这样可以减少页面加载时间，提高用户体验。 这是一个项目中实用的...

让Pinia写起来更简洁 前言 其实Pinia已经很简洁优雅，但是我们在组织代码结构的时候还可以再少些代码。 本文简洁之处在于通过require.context()自动化导入各个store模块，最后放在一个store对象...

Vue 3 已经发布三年，我们有较多项目还停留在 Vue 2。Vue 3 的升级是比较割裂的,我们主要做的是 2B 业务，项目、模块、分支都非常多，因此升级的成本和风险都比较高。 我们目前的策略是 “新旧...