前端笔记
未读
在 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'; 路径又长又难记，还容
前端笔记
未读
使用Axios请求同时上传图片和额外表单数据
export const addChart = (file, extraData = {}) => {
const formData = new FormData()
// 1️⃣ 添加文件（比如用户选择的图片、CSV、Excel 等）
formData.append('f
