每天都想睡觉的1900

我将实现一个 React 版本的 Keep-Alive 组件，类似于 Vue 中的 keep-alive 功能，并支持 Tab 管理、缓存、关闭等功能。 实现方案 我们将创...

下面我将设计一个名为 FlexState 的状态管理库，它同时支持 Vue 和 React，借鉴了 Zustand 的简洁性和 Vuex 的结构化特点。 核心设计 1. 基...

一、Vue 项目中的实现 1. 创建版本检测工具 2. 在 main.js 中初始化 3. 创建版本文件 二、React 项目中的实现 1. 创建版本检测组件 2. 在应用...

前言 最近看了一篇谈及vue高级技巧的文章，给我看笑了，里面说什么自定义指令、动态组件、自定义过滤器 等等都写在里面了，但凡在实际工作中写过几个中小型的项目，这些都是常用大...

VueUse 常用 Hooks 使用指南 VueUse 是一个基于 Vue Composition API 的实用工具库，提供了大量开箱即用的功能。本文将介绍 15 个最常...

在编程中，?? 是一个 空值合并运算符（Nullish Coalescing Operator） ，主要用于提供默认值。它的作用如下： 语法： 行为： 如果 leftExp...

想提升 React 项目的开发效率？本文分享 7 个实用的自定义 Hooks，包括数据获取、本地存储、暗黑模式切换等，助你减少重复代码，让项目更高效、易维护。快来探索这些 ...

在 Vue 3 中，ref、reactive 和 defineModel（需配合 <script setup> 使用）是三种常用的响应式 API，它们有不同的适用场景和区别...

1. 状态管理器核心实现（ts写法） JavaScript 版本 2. 项目中使用 2.1 初始化 Pinia 2.2 创建 Store 2.3 在组件中使用 3. 高级用...

effectScope 是 Vue 3.2.0 引入的新 API，属于响应式系统的高阶内容。从字面上理解，它就是 effect 作用域，用于收集在其中所创建的副作用，并能对...

本文为一些react使用小技巧（上）、一些react使用小技巧（中）、一些react使用小技巧（下）的合集 一. 组件相关 1. 使用自闭合组件 2. 推荐使用Fragme...

解构是ES6的的重要特性之一，用于从JavaScript对象和数组中提取数据，语法上比ES5所提供的更加简洁、紧凑、清晰。掌握好它不仅能让代码更简洁，还能大大提高开发效率。...

通过顶部贴图、边缘贴图、Canvas贴图和着色器编程这四种方式，我们可以根据实际项目需求选择最合适的实现方案。本文将详细介绍这四种方案的具体实现步骤，包括所需工具、代码示例...

keep-alive 的作用 keep-alive 是 Vue 内置的一个抽象组件，用于缓存不活动的组件实例，而不是销毁它们。主要作用包括： 保留组件状态：避免重复渲染导致...

vue3无限递归，简单的组件及权限控制，后续可以延伸优化： 路由集成：可以与 Vue Router 集成，实现点击菜单跳转 本地存储：将用户权限和菜单展开状态保存到 loc...

1. 基本远程组件加载 2. 带参数的远程组件加载 3. 带错误处理的远程组件 4. 使用 Webpack 模块联邦的远程组件 服务器端配置 Vue3 直接远程加载 .vu...

在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。...

localForage 是一个用于前端存储的库，它提供了一个简单的 API 来存储数据，并自动选择最佳的存储机制（IndexedDB、WebSQL 或 LocalStora...