项目开发
未读
UniApp 开发微信小程序:如何优雅地实现自定义请求拦截器与响应拦截器
在使用 UniApp 开发微信小程序的过程中,网络请求是几乎每个项目都绕不开的核心环节 🌐。 无论是获取商品列表🛍️、提交订单📦,还是用户登录🔐、数据同步🔄,背后都离不开 uni.request 的调用。 然而,如果每次发起请求都要: 手动拼接 URL 🔗 添加 Token 🪪 处理
项目开发
未读
使用 VSCode 高效开发 UniApp(Vue 3 + TypeScript + Vite)完整配置指南
适用环境:Node.js v24.1+ | TypeScript 5.x | UniApp 官方 Vite + TS 脚手架 目标:实现智能提示、类型检查、小程序 API 补全、无报错开发体验 📦 第一步:从 Gitee 拉取官方脚手架(国内推荐) 由于 GitHub 在国内访问不稳定,务必使用
前端笔记
未读
在 Vue 3 项目中优雅集成 Monaco Editor —— 使用 monaco-editor-vue3
🌟 为什么选择 Monaco Editor? Monaco Editor 是微软开源的代码编辑器,也是 VS Code 的核心组件。它具备: ✅ 完整的语法高亮与智能提示 ✅ 错误检查、代码折叠、自动补全 ✅ 多语言支持(JavaScript、Python、Java 等) ✅ 高性能,适合大型项目
前端笔记
未读
快速集成 Markdown 编辑器到你的 Vue 3 项目
🛠️ 快速上手(Vue 3 + Vite) 1. 安装依赖 # 核心包
npm install @bytemd/vue-next
# 推荐插件(按需安装)
npm install @bytemd/plugin-gfm # GitHub 风格 Markdown(表格、任务列表等)
n
前端笔记
未读
不依赖Cookies实现Url和页面状态同步
✨URL状态同步 URL作为单一数据源:将路由参数作为应用状态的权威来源 状态持久化:页面刷新后能够恢复之前的状态 无Cookie依赖:完全基于路由参数实现状态管理 问题复现: 同一页面中,使用了ant design vue 的Tabs标签页组件,我们会设定一个activeKey,并且绑定一个切换面
前端笔记
未读
Vue 3 + Element Plus 开发踩坑:为什么 scoped 样式失效?:deep() 到底怎么用?
在使用 Vue 3 + Element Plus 开发时,你是否也遇到过这样的困惑: “我已经写了 scoped 样式,但 Element Plus 组件的内部元素就是不生效!” 最后不得不加上 :deep() 才解决? 今天我们就来彻底搞懂这个问题的本质。 🔍 问题复现:官方头像上传组件样式“失
前端笔记
未读
在 VSCode 中配置 tsconfig.json 的 paths 别名,让代码更清爽!
你是否在 Vue、React 或 TypeScript 项目中写过这样的导入语句? import utils from '../../../utils/index';
import Header from '../../../../components/Header.vue'; 路径又长又难记,还容