前端开发 Vue
刷新
JS脚本批量处理TS数据类型

博主头像 在TS开发中，经常会遇到后台数据字段比较多的情况，这时候需要一个个复制字段然后给他手动配置数据类型来完成我们的TS类型定义，相当麻烦。有什么快速的方法呢，我就目前遇到的两种情况分别写了JS脚本来处理后台数据，直接生成我们需要的数据格式。 脚本编写 1. 处理数据字典中的数据 一般数据字典表里的数据可 ...

Vite+Vue3 项目 华仔待办

博主头像 此“华仔”，不是彼“华仔”，你懂的！ 先来了个截图 紧跟着，实现步骤也来了 1. 安装 Node.js，终端运行 npm create vue@latest，项目名 vue-to-do，后面的选项全选 No； 2. cd vue-to-do 进入项目目录，npm install 安装依赖，npm r ...

[vue3] vue3 setup函数

博主头像 从语法上看，Composition API 提供了一个 setup 启动函数作为逻辑组织的入口，提供了响应式 API，提供了生命周期函数以及依赖注入的接口，通过调用函数来声明一个组件。 Options API 选项式 API 在 props、data、methods、computed 等选项中定义变 ...

Springboot3 + Vue3 整合tinymce富文本编辑器

博主头像 后端Springboot图片/视频上传接口： 注意！我这里的写法是通过RedisTemplate将图片和视频文件上传到Github仓库，再用jsdelivr去访问的，这里贴的代码不完整。 如果是上传到其它如阿里云、七牛云、又拍云等云存储平台，或者直接存到云服务器上的话，网上都有很多教程可以搜，直接拿 ...

精美的Vue3流程插件，欢迎使用。

博主头像 该插件是博主使用Vue3自主封装的流程插件（持续迭代中）。 截图： 该流程采用拖拽方式创建流程。 该流程开放了2个属性和2个事件，具体如下： 属性 NodeBar:节点栏目，默认true,开启显示栏目 ToolBar：工具栏目，默认true，开启显示栏目 事件 @currentNodeDoubleC ...

如何在 Nuxt 中动态设置页面布局

博主头像 title: 如何在 Nuxt 中动态设置页面布局 date: 2024/8/24 updated: 2024/8/24 author: cmdragon excerpt: 摘要：本文介绍如何在Nuxt框架中通过设置setPageLayout函数动态调整页面布局，包括安装Nuxt、创建不同布局文件及 ...

神了！两个开源的高仿外卖项目！

博主头像 大家好，我是 Java陈序员。 今天，给大家推荐两个高仿的外卖项目！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 高仿饿了么 项目简介 vue2-elm —— 一个基于 Vue2 + Vuex 构建具有 45 个页面的高仿饿了么项目，涉及注册 ...

[vue3] vue3更新组件流程与diff算法

博主头像 Vue3 中的 patch 函数结合 diff 算法，通过比较新旧 vnode 序列，优化组件更新流程。diff 算法复用旧节点并最小化移动操作，利用最长递增子序列算法提升渲染性能，可以有效减少创建和销毁节点的开销。 ...

使用 prerenderRoutes 进行预渲染路由

博主头像 title: 使用 prerenderRoutes 进行预渲染路由 date: 2024/8/20 updated: 2024/8/20 author: cmdragon excerpt: prerenderRoutes 函数是 Nuxt 3 中一个强大的工具，它能够帮助开发者优化页面加载速度和改善 ...

我是如何使用 vue2+element-ui 处理复杂表单，避免单文件过大的问题

博主头像 引言 在工作中我经常需要处理一些复杂、动态表单，但是随着需求不断迭代，我们也许会发现曾经两三百行的.vue文件现在不知不觉到了两千行，三千行，甚至更多... 这对于一个需要长期维护的项目，无疑是增加了很多难度。 因此，为了减小文件大小，优化表单组织的结构，我在日常的开发中实践出一种基于组件的表单拆分 ...

使用 onNuxtReady 进行异步初始化

博主头像 title: 使用 onNuxtReady 进行异步初始化 date: 2024/8/16 updated: 2024/8/16 author: cmdragon excerpt: 摘要：本文详细介绍了Nuxt.js框架中的onNuxtReady函数用途、使用场景及其实现步骤，并通过集成分析库的示例 ...

<1234···28>