- 最新版原创重构electron41+vue3+pinia4仿微信/QQ桌面聊天应用系统。 最新版原创重构electron41+vue3+pinia4仿微信/QQ桌面聊天应用系统。
- 在做后台管理系统的过程中,遇到一个典型的性能问题:一个包含 5000 条数据的表格页面,首屏渲染耗时 3.2 秒,滚动时明显掉帧。这篇文章记录完整的排查过程和优化方案,希望对做类似场景的同学有帮助。 问题现象 页面结构很简单,一个表格组件 + 分页 + 筛选栏。数据量 5000 条(后端一次性返回, 在做后台管理系统的过程中,遇到一个典型的性能问题:一个包含 5000 条数据的表格页面,首屏渲染耗时 3.2 秒,滚动时明显掉帧。这篇文章记录完整的排查过程和优化方案,希望对做类似场景的同学有帮助。 问题现象 页面结构很简单,一个表格组件 + 分页 + 筛选栏。数据量 5000 条(后端一次性返回,
- 去年我做第二个全栈项目时,还在用 Vue CLI 4.x scaffolding 新页面。热更新在开发阶段要等三到五秒,每次改个样式都要盯着浏览器转圈。后来听同事提了一句 Vite,我半信半疑地试了一下,第一次热更新刷 去年我做第二个全栈项目时,还在用 Vue CLI 4.x scaffolding 新页面。热更新在开发阶段要等三到五秒,每次改个样式都要盯着浏览器转圈。后来听同事提了一句 Vite,我半信半疑地试了一下,第一次热更新刷
- 2026年前端架构选型指南:Vue、React、Next.js 怎么选?SEO关键词: 2026前端架构选型、Vue3、React、Next.js、Nuxt、Vite、前端技术栈、前端项目架构、前端工程化文章摘要: 2026年前端技术生态已经相当成熟,Vue3、React、Next.js、Nuxt 等框架各有优势。面对管理后台、电商平台、内容网站和大型企业应用,应该如何选择合适的前端架构?... 2026年前端架构选型指南:Vue、React、Next.js 怎么选?SEO关键词: 2026前端架构选型、Vue3、React、Next.js、Nuxt、Vite、前端技术栈、前端项目架构、前端工程化文章摘要: 2026年前端技术生态已经相当成熟,Vue3、React、Next.js、Nuxt 等框架各有优势。面对管理后台、电商平台、内容网站和大型企业应用,应该如何选择合适的前端架构?...
- 在前面的教程中,我们已经使用 Vue 3 和 Element Plus 搭建了一个基础后台管理界面,实现了侧边栏、顶部导航、数据表格、搜索、分页和表单弹窗等功能。但是,目前的管理系统还缺少一个重要功能:用户登录与权限控制。一个真正可用的后台管理系统,不能允许任何人直接访问管理页面,也不能让普通用户随意调用管理员接口。本篇将结合 FastAPI 和 Vue 3,实现一套完整的身份认证与权限管理... 在前面的教程中,我们已经使用 Vue 3 和 Element Plus 搭建了一个基础后台管理界面,实现了侧边栏、顶部导航、数据表格、搜索、分页和表单弹窗等功能。但是,目前的管理系统还缺少一个重要功能:用户登录与权限控制。一个真正可用的后台管理系统,不能允许任何人直接访问管理页面,也不能让普通用户随意调用管理员接口。本篇将结合 FastAPI 和 Vue 3,实现一套完整的身份认证与权限管理...
- 在做后台管理系统的过程中,遇到一个典型的性能问题:一个包含 5000 条数据的表格页面,首屏渲染耗时 3.2 秒,滚动时明显掉帧。这篇文章记录完整的排查过程和优化方案,希望对做类似场景的同学有帮助。 问题现象 页面结构很简单,一个表格组件 + 分页 + 筛选栏。数据量 5000 条(后端一次性返回, 在做后台管理系统的过程中,遇到一个典型的性能问题:一个包含 5000 条数据的表格页面,首屏渲染耗时 3.2 秒,滚动时明显掉帧。这篇文章记录完整的排查过程和优化方案,希望对做类似场景的同学有帮助。 问题现象 页面结构很简单,一个表格组件 + 分页 + 筛选栏。数据量 5000 条(后端一次性返回,
- 在前面的教程中,我们已经使用 FastAPI 和 Vue 3 实现了前后端分离的用户管理系统,完成了用户列表查询、新增、编辑和删除等基础功能。不过,目前的页面仍然比较简单,缺少实际后台管理系统常见的布局和交互组件。真实的后台管理系统通常包含:左侧导航菜单顶部导航栏面包屑导航用户信息区域数据表格搜索与筛选分页组件新增和编辑弹窗多页面路由管理本篇将使用 Vue 3、Element Plus 和 ... 在前面的教程中,我们已经使用 FastAPI 和 Vue 3 实现了前后端分离的用户管理系统,完成了用户列表查询、新增、编辑和删除等基础功能。不过,目前的页面仍然比较简单,缺少实际后台管理系统常见的布局和交互组件。真实的后台管理系统通常包含:左侧导航菜单顶部导航栏面包屑导航用户信息区域数据表格搜索与筛选分页组件新增和编辑弹窗多页面路由管理本篇将使用 Vue 3、Element Plus 和 ...
- 背景上周帮一个朋友的 Vue 2 老项目升级构建工具链,原先是 webpack 4,构建一次要三分多钟,改一行代码热更新也要十几秒。趁着周末把整套构建迁到 Vite,顺手记录了完整的迁移过程和踩到的坑,给有同样需求的同学一个可以照着做的路线。 为什么是 ViteVue 2 默认的脚手架绑死了 webpack 4,node 17 以上还会报 ERR_OSSL_EVP_UNSUPPORTED ... 背景上周帮一个朋友的 Vue 2 老项目升级构建工具链,原先是 webpack 4,构建一次要三分多钟,改一行代码热更新也要十几秒。趁着周末把整套构建迁到 Vite,顺手记录了完整的迁移过程和踩到的坑,给有同样需求的同学一个可以照着做的路线。 为什么是 ViteVue 2 默认的脚手架绑死了 webpack 4,node 17 以上还会报 ERR_OSSL_EVP_UNSUPPORTED ...
- QuotaPanel 是一个基于 Wails、Go 和 Vue3 的开源桌面工具,把 16 种 AI 订阅与 API 额度收进本地界面,支持 macOS、Windows 和 Linux。 QuotaPanel 是一个基于 Wails、Go 和 Vue3 的开源桌面工具,把 16 种 AI 订阅与 API 额度收进本地界面,支持 macOS、Windows 和 Linux。
- 在做后台管理系统的过程中,遇到一个典型的性能问题:一个包含 5000 条数据的表格页面,首屏渲染耗时 3.2 秒,滚动时明显掉帧。这篇文章记录完整的排查过程和优化方案,希望对做类似场景的同学有帮助。 问题现象 页面结构很简单,一个表格组件 + 分页 + 筛选栏。数据量 5000 条(后端一次性返回, 在做后台管理系统的过程中,遇到一个典型的性能问题:一个包含 5000 条数据的表格页面,首屏渲染耗时 3.2 秒,滚动时明显掉帧。这篇文章记录完整的排查过程和优化方案,希望对做类似场景的同学有帮助。 问题现象 页面结构很简单,一个表格组件 + 分页 + 筛选栏。数据量 5000 条(后端一次性返回,
- 在做后台管理系统的过程中,遇到一个典型的性能问题:一个包含 5000 条数据的表格页面,首屏渲染耗时 3.2 秒,滚动时明显掉帧。这篇文章记录完整的排查过程和优化方案,希望对做类似场景的同学有帮助。 问题现象 页面结构很简单,一个表格组件 + 分页 + 筛选栏。数据量 5000 条(后端一次性返回, 在做后台管理系统的过程中,遇到一个典型的性能问题:一个包含 5000 条数据的表格页面,首屏渲染耗时 3.2 秒,滚动时明显掉帧。这篇文章记录完整的排查过程和优化方案,希望对做类似场景的同学有帮助。 问题现象 页面结构很简单,一个表格组件 + 分页 + 筛选栏。数据量 5000 条(后端一次性返回,
- 前面我们学习了 FastAPI 的基础使用、数据库操作、用户认证、分页搜索以及后台管理接口的开发。本篇将进一步整合前后端技术,从零搭建一个可以实际运行的前后端分离管理系统。通过本教程,你将学会如何使用 FastAPI 提供 REST API,使用 Vue 3 构建管理界面,并通过 HTTP 请求完成数据交互。本篇使用用户管理作为示例,最终实现以下功能:前端与后端分离部署Vue 3 管理页面F... 前面我们学习了 FastAPI 的基础使用、数据库操作、用户认证、分页搜索以及后台管理接口的开发。本篇将进一步整合前后端技术,从零搭建一个可以实际运行的前后端分离管理系统。通过本教程,你将学会如何使用 FastAPI 提供 REST API,使用 Vue 3 构建管理界面,并通过 HTTP 请求完成数据交互。本篇使用用户管理作为示例,最终实现以下功能:前端与后端分离部署Vue 3 管理页面F...
- 我们在做项目时不免会遇到列表,列表中会有分页的请求。在移动端的列表的加载中,当然如果使用 ui 框架就另当别论。这次在做 vue 移动端的项目时有一个场景是列表上拉加载数据,这种情况肯定是在 mounted 中给 window 加上一个滚动监听,记住这里要提前定义好 this 如果你有用到 this 的话,因为监听也算是异步操作,没有提前定义的话会报错。mounted () { thi... 我们在做项目时不免会遇到列表,列表中会有分页的请求。在移动端的列表的加载中,当然如果使用 ui 框架就另当别论。这次在做 vue 移动端的项目时有一个场景是列表上拉加载数据,这种情况肯定是在 mounted 中给 window 加上一个滚动监听,记住这里要提前定义好 this 如果你有用到 this 的话,因为监听也算是异步操作,没有提前定义的话会报错。mounted () { thi...
- 在 Vue 中,ref 是非常重要的 API,用于在模板或组件中引用 DOM 元素或组件实例。Vue 不同版本中提供了多种类型的 ref,包括选项式 API 和组合式 API 形式。下面是对几种 ref 类型的总结及其适用场景: 一、几种常见的 ref 类型类型所属 API用法作用对象返回值常见场景ref (选项式 API)Vue 2.x / 3.xref="xxx"DOM 或子组件$ref... 在 Vue 中,ref 是非常重要的 API,用于在模板或组件中引用 DOM 元素或组件实例。Vue 不同版本中提供了多种类型的 ref,包括选项式 API 和组合式 API 形式。下面是对几种 ref 类型的总结及其适用场景: 一、几种常见的 ref 类型类型所属 API用法作用对象返回值常见场景ref (选项式 API)Vue 2.x / 3.xref="xxx"DOM 或子组件$ref...
- 概述Vue 框架的核心特性之一是其数据响应式系统,通过监听数据变化自动更新视图。本文档详细解析 Vue 2.x(以 2.6 为代表)、Vue 2.7 和 Vue 3.x 的数据响应式原理,阐明其实现步骤、优缺点及对比分析,旨在帮助开发者深入理解 Vue 的响应式机制并为项目选型和迁移提供参考。 一、Vue 2.x 数据响应式原理(Object.defineProperty)Vue 2.x(... 概述Vue 框架的核心特性之一是其数据响应式系统,通过监听数据变化自动更新视图。本文档详细解析 Vue 2.x(以 2.6 为代表)、Vue 2.7 和 Vue 3.x 的数据响应式原理,阐明其实现步骤、优缺点及对比分析,旨在帮助开发者深入理解 Vue 的响应式机制并为项目选型和迁移提供参考。 一、Vue 2.x 数据响应式原理(Object.defineProperty)Vue 2.x(...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家;李炎-华为云码道产品专家;彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战,从0到1打通消息通道;码道鸿蒙端云一体化实战,快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人;蒋春阳-华为云AI开发者案例开发专家
本期直播内容: AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签