Tailwind CSS 使用详解
目录 1. Tailwind CSS 简介 2. 安装与配置 3. 核心概念 4. 布局系统 5. 排版与文本 6. 颜色与背景 7. 间距与尺寸 8. Flexbox 与 Grid 9. 响应式设计 10. 伪类与状态 11. 动画与过渡 12. 自定义配置 13. 最佳实践 --1. Tailw
阅读全文文章列表
CSS选择器
概述 CSS选择器是CSS的核心组成部分，用于定位HTML文档中的元素并应用样式。掌握CSS选择器是前端开发的基础技能。本文将详细介绍各种CSS选择器的用法、特性和最佳实践。 1. 基础选择器 1.1 元素选择器（类型选择器） css / 选择所有段落元素 / p { color: #333; fo
阅读全文TypeScript使用指南
概述 TypeScript是JavaScript的超集，添加了静态类型检查和现代JavaScript特性。它由Microsoft开发，旨在提高大型JavaScript应用的可维护性和开发效率。本指南将全面介绍TypeScript的核心概念和实际应用。 1. TypeScript基础 1.1 什么是T
阅读全文uni-app封装网络请求
概述 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，uni.request 是其提供的网络请求 API。本文将详细介绍如何在 uni-app 项目中对 uni.request 进行封装，实现统一管理、错误处理、拦截器等功能。 uni.request 基础使用 基本请求示例 ja
阅读全文Vue3 中 Axios 的安装使用与封装指南
概述 Axios 是一个基于 Promise 的 HTTP 客户端，适用于浏览器和 Node.js。在 Vue3 项目中，Axios 是进行 API 请求的首选库之一。本文将详细介绍 Axios 的安装、使用以及在 Vue3 中的最佳封装实践。 安装 Axios 使用 npm 安装 bash npm
阅读全文JavaScript 节流与防抖
概述 节流（Throttle）和防抖（Debounce）是JavaScript中常用的性能优化技术，用于控制函数的执行频率，避免因频繁触发而导致的性能问题。 防抖（Debounce） 概念 防抖是指在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 应用场景 搜索框输入搜索 窗口大小
阅读全文Vue 2 vs Vue 3：核心差异与优势解析
本文从架构、性能、开发体验、特性与工程化多个维度对比 Vue 2 与 Vue 3，并突出 Vue 3 的显著优势与迁移建议。 概览 Vue 3 核心重写（Proxy 响应式 新编译器），显著提升性能与可维护性。 Composition API 与 <script setup提升逻辑组织、复用与类型体
阅读全文Spring Boot 使用 JWT 的最佳实践
本文系统介绍在 Spring Boot 中使用 JWT 的概念、优势、生成与验证、刷新与撤销、工程化配置与安全要点，并配套示例代码与建议参数。遵循偏安全的默认策略与可维护的架构模式。 概念 JWT 由三部分组成：Header、Payload、Signature，经 Base64URL 编码后以 he
阅读全文CSS/SCSS 高级用法指南：&、:not()、:where() 与工程实践
本文聚焦 CSS 与 SCSS 的进阶技巧，重点讲解 SCSS 的 & 父选择器，CSS 的 :not()、:where()（以及相关的 :is()），并结合工程化与可维护性策略给出实战建议。 概览 SCSS &：在嵌套环境中引用父选择器，构建语义化结构与状态样式。 CSS :not()：排除匹配的
阅读全文现代 JavaScript 技术指南：语言机制与异步编程实战
JavaScript 已从浏览器脚本语言发展为全栈通用语言。本文聚焦语言机制与异步编程的关键知识与实践，帮助你写出更健壮、更高性能的 JavaScript 代码。 目录 核心语言机制 作用域与闭包 原型与继承 this 与函数绑定 迭代器与生成器 事件循环与任务队列 Promise 与 async/
阅读全文