TypeScript使用指南
概述 TypeScript是JavaScript的超集，添加了静态类型检查和现代JavaScript特性。它由Microsoft开发，旨在提高大型JavaScript应用的可维护性和开发效率。本指南将全面介绍TypeScript的核心概念和实际应用。 1. TypeScript基础 1.1 什么是TypeScript
阅读全文文章列表
分类：前端
uni-app封装网络请求
概述 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，uni.request 是其提供的网络请求 API。本文将详细介绍如何在 uni-app 项目中对 uni.request 进行封装，实现统一管理、错误处理、拦截器等功能。 uni.request 基础使用 基本请求示例 // GET 请求 un
阅读全文Vue3 中 Axios 的安装使用与封装指南
概述 Axios 是一个基于 Promise 的 HTTP 客户端，适用于浏览器和 Node.js。在 Vue3 项目中，Axios 是进行 API 请求的首选库之一。本文将详细介绍 Axios 的安装、使用以及在 Vue3 中的最佳封装实践。 安装 Axios 使用 npm 安装 npm install axios
阅读全文JavaScript 节流与防抖
概述 节流（Throttle）和防抖（Debounce）是JavaScript中常用的性能优化技术，用于控制函数的执行频率，避免因频繁触发而导致的性能问题。 防抖（Debounce） 概念 防抖是指在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 应用场景 搜索框输入搜索 窗口大小调整（resize）
阅读全文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 编码后以 header.paylo
阅读全文CSS/SCSS 高级用法指南：&、:not()、:where() 与工程实践
本文聚焦 CSS 与 SCSS 的进阶技巧，重点讲解 SCSS 的 & 父选择器，CSS 的 :not()、:where()（以及相关的 :is()），并结合工程化与可维护性策略给出实战建议。 概览 SCSS &：在嵌套环境中引用父选择器，构建语义化结构与状态样式。 CSS :not()：排除匹配的子选择器，控制选择范
阅读全文现代 JavaScript 技术指南：语言机制与异步编程实战
JavaScript 已从浏览器脚本语言发展为全栈通用语言。本文聚焦语言机制与异步编程的关键知识与实践，帮助你写出更健壮、更高性能的 JavaScript 代码。 目录 核心语言机制 作用域与闭包 原型与继承 this 与函数绑定 迭代器与生成器 事件循环与任务队列 Promise 与 async/await 取消、超
阅读全文深入理解 Vue 3 Composition API：提升代码组织与逻辑复用
本文详细解析 Vue 3 的 Composition API 设计思想与核心用法，助你构建更灵活可维护的 Vue 应用 为什么需要 Composition API？ 在 Vue 2 中，我们使用 Options API 组织组件代码： export default { data() { return { count:
阅读全文javascript将数组 转为树形结构
const arr = [] const result = {} arr.forEach((item) => { const { lxid, name, code } = item; if (!result[lxid]) { result[lxid] = []; } result[lxid].push({ label:
阅读全文