前端笔记
未读
在 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