分类: 前端

一、前言：为什么我们需要状态管理？在组件化开发的前端世界里，状态（State）本质上就是驱动视图变化的数据。而组件化开发天然带来了[组件间数据共享]的痛点：父子组件传参可以通过Props实现，但跨层级、兄弟组件，甚至全局复用的状态，Props传递会出...

一、useState 组件的“状态存储器”useState 它的作用是让组件拥有自己的”记忆”（状态），并能根据状态变化自动更新界面。1. 核心用法 import {useState} from 'react'; function Count...

Vue2 核心概念与用法详解1. 插值表达式作用：在模板中显示数据本质：将 data 或 computed 中的值渲染到 DOM语法：{{ 表达式 }}2. 常见指令2.1 动态绑定 HTML 属性v-bind 简写 : :class="class...

Vue2 Vuex 核心用法实操（含分模块）1. 创建Vue2项目（终端操作）通过终端命令创建Vue2项目，后续修改项目内容以实现Vuex状态管理： vue create 项目名称 创建完成后，重点修改store/index.js文件，编写Vue...

Vue2 插槽（Slot）核心用法详解一、核心概念插槽的本质是子组件内部的一个占位符，它的作用是：允许父组件在使用子组件时，向子组件的指定位置插入任意内容（文本、HTML标签、Vue2组件），进而实现子组件内容的个性化定制，无需修改子组件本身的代码。...

Vue2 组件化与生命周期钩子一、Vue2 的组件化1. 什么是Vue2 的组件化？把一个完整的页面，拆分成多个独立、可复用、功能单一的 “小模块（组件）”，每个组件只负责处理自己的视图、逻辑和样式，最后像 “搭积木” 一样，把这些小组件组合起来，形...

JS 异步编程、Promise及事件循环详解一、JS 中的异步编程方式及场景区分根据项目不同场景，选择合适的异步编程方式，具体区分如下：简单异步任务：使用 Promise 或 async/await事件驱动场景（如 UI 交互）：使用事件监听组件通信...

Vue组件通信核心详解（Props+自定义事件）一、为什么组件通信是Vue开发的必闯难关想象这样一个场景：父组件的用户信息需要实时同步到子组件的个人资料卡片，而子组件的设置修改又要反馈给父组件更新全局状态——这种数据流转就像两个隔离房间之间传递文件，...

JS 常用方法详解（字符串+对象+数组）实际应用场景：格式化日期字符串 // 将"20231225"转换为"2023-12-25" function formatDate(dateStr) { return dateStr.repl...

JS Set与Map详解（含应用场景+核心区别）推荐短英文文件名（.md格式）js-set-map-guide.md（首选，涵盖Set与Map核心主题，简洁直观）js-set-and-map.md（简洁明了，突出两大数据结构）js-set-map-u...

ES6 await 语法详解在ES6中，await 是异步编程的核心语法，必须配合async函数使用。用于等待Promise对象的状态（resolved成功、rejected失败）敲定，并且暂停当前函数的执行，一直到异步操作完成后再恢复执行。必备的核...