标签: 前端

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

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

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

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

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

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

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

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

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

JavaScript 防抖与节流详解本文详细介绍 JavaScript 中的防抖（Debounce）和节流（Throttle）机制，包括：为什么需要防抖和节流防抖原理防抖函数实现防抖应用场景节流原理节流函数实现节流应用场景Lodash 中的防抖和节流...

JavaScript 事件的冒泡与捕获机制详解本文介绍 JavaScript DOM 事件传播机制，包括：事件冒泡事件捕获二者区别如何阻止事件传播支持冒泡与捕获的事件类型掌握事件传播机制是理解事件委托、组件交互以及前端事件处理的重要基础。一、事件冒泡...