标签:前端开发

共 167 篇文章

JavaScript 异步编程:回调函数与 Promise

JavaScript 异步编程:回调函数与 Promise JavaScript 是一门单线程语言,这意味着它同一时间只能做一件事。如果在执行耗时操作(如网络请求、文件读取)时阻塞

# JavaScript # 异步编程 # 回调函数
2026-04-10 225 0

JavaScript 闭包在模块私有变量中的实际应用

JavaScript 闭包在模块私有变量中的实际应用 在 JavaScript 开发中,防止全局变量污染是构建稳定应用的关键。直接在全局作用域定义变量极易导致命名冲突和状态被意外修

# JS # 闭包 # 模块化
2026-04-09 186 0

CSS 文本:text-align、text-decoration、line-height

CSS 文本:textalign、textdecoration、lineheight 网页排版的核心在于文字的可读性与视觉美感。textalign、textdecoration 和

# CSS # 文本样式 # 网页排版
2026-04-09 199 0

CSS 动画问题:动画性能与 GPU 加速

CSS 动画问题:动画性能与 GPU 加速 浏览器渲染网页并非一蹴而就,而是一个复杂的生产线过程。当动画卡顿时,通常是因为“生产线”中的某个环节(通常是重绘或回流)成为了瓶颈。解决

# CSS动画 # 性能优化 # GPU加速
2026-04-09 208 0

CSS 盒模型:margin、border、padding、content

CSS 盒模型:margin、border、padding、content 理解盒模型的基本概念 认识 CSS盒模型是网页布局的基础。在CSS中,每个元素都被视为一个矩形的盒子,包

# CSS盒模型 # 布局基础 # margin
2026-04-09 168 0

TypeScript 映射类型:{ [K in keyof T]: T[K] }

TypeScript 映射类型:{ K in keyof T: TK } 映射类型是 TypeScript 中一种基于旧类型创建新类型的方式。这就像是针对类型的 JavaScrip

# TS # 映射类型 # 高级类型
2026-04-09 191 0

TypeScript 装饰器:类装饰器与方法装饰器

TypeScript 装饰器:类装饰器与方法装饰器 TypeScript 装饰器是一种特殊类型的声明,它能够被附加到类声明、方法、访问符、属性或参数上。装饰器的本质是一个函数,它可

# TypeScript # 装饰器 # 类装饰器
2026-04-09 205 0

TypeScript 模块:import 与 export 语法

TypeScript 模块系统是组织代码、复用逻辑的核心机制。通过 import 和 export 关键字,可以将代码拆分为多个文件,明确暴露和引入功能。以下指南将直接演示如何在项

# TypeScript # 模块化 # 导出语法
2026-04-08 171 0

TypeScript 联合类型:string | number 的使用

TypeScript 联合类型:string number 的使用 基本概念理解 了解 TypeScript 联合类型的基本概念。联合类型是一种允许变量具有多种类型之一的特性,使用

# TypeScript # 联合类型 # 类型收窄
2026-04-08 169 0

JavaScript 对象属性描述符与不可扩展对象

JavaScript 对象属性描述符与不可扩展对象 在 JavaScript 中,对象不仅仅是一个键值对的集合。每一个属性背后都隐藏着一套控制机制,决定了这个属性是否可以被修改、被

# JS对象 # 属性描述符 # 不可扩展对象
2026-04-08 178 0

TypeScript 泛型问题:泛型约束与类型推断

TypeScript 泛型问题:泛型约束与类型推断 TypeScript 泛型是编写复用性强的代码的关键,但在使用过程中常遇到两个主要问题:过于宽泛导致无法访问特定属性,以及类型推

# 泛型 # 泛型约束 # 类型推断
2026-04-08 187 0

JavaScript 原型链:__proto__ 与 prototype 的关系

JavaScript 原型链:proto 与 prototype 的关系 理解 JavaScript 中的原型链,核心在于搞清楚两个长得很像但作用完全不同的属性:prototype

# 原型链 # __proto__ # 原型对象
2026-04-08 165 0

Angular 构建:Angular CLI 与生产构建

Angular 构建:Angular CLI 与生产构建 Angular CLI 极大简化了从开发到部署的流程,但其构建系统(底层基于 Webpack 或 Esbuild,取决于

# Angular # 前端开发 # 构建工具
2026-04-08 185 0

JavaScript 事件循环:宏任务与微任务

JavaScript 事件循环:宏任务与微任务 JavaScript 是单线程语言,这意味着它一次只能做一件事。为了不阻塞主线程(导致页面卡顿),JavaScript 采用了一种“

# 事件循环 # 宏任务 # 微任务
2026-04-07 168 0

CSS 响应式:@media 媒体查询

CSS 响应式:@media 媒体查询 响应式设计的核心在于让网页能够根据用户的设备特征(主要是屏幕宽度)自动调整布局。CSS 的 @media 规则是实现这一功能的基石,它允许你

# CSS # 响应式设计 # 媒体查询
2026-04-07 147 0

Angular 微前端:模块联邦

Angular 微前端:模块联邦 模块联邦允许不同的 JavaScript 应用在运行时动态加载代码,无需将所有代码打包到同一个文件中。这意味着你可以将一个巨大的 Angular

# Angular # 微前端 # 模块联邦
2026-04-07 144 0

React 状态管理:useState 与 useReducer

React 状态管理:useState 与 useReducer 第一阶段:识别状态复杂度与依赖关系 1. 统计 组件内部独立状态变量的总数量。逐一核对所有使用 useState

# React状态 # 状态管理 # useState
2026-04-07 193 0

JavaScript 数组方法:map、filter、reduce 的使用

掌握 JavaScript 数组的 map、filter 与 reduce 方法,能省去 80% 的冗余循环代码。以下指南将拆解 每个方法的执行逻辑与标准步骤,确保直接套用到实际业

# 前端开发 # 数组方法 # 数据处理
2026-04-07 175 0

TypeScript 类型守卫:typeof、instanceof、自定义

TypeScript 类型守卫:typeof、instanceof、自定义 JavaScript 变量在运行前的具体形态往往不确定。TypeScript 引入类型守卫机制,在代码块

# 类型守卫 # 类型收窄 # 自定义类型
2026-04-07 164 0

JavaScript 模块系统:ES6 import/export 语法

JavaScript 模块系统:ES6 import/export 语法 阶段一:配置运行环境并初始化项目 1. 打开 终端或命令行工具,导航 至目标工作目录,执行 mkdir e

# ES6模块 # 模块系统 # 导入导出
2026-04-07 192 0