vue

Web项目开发

VitePress 创建技术文档由于前端组件数量较多，如果没有一个固定的组件库平台进行统一管理，很容易导致组件被遗忘或不清楚如何使用的情况。为了解决这一问题，我将结合自己在企业项目中的实战经验，分享如何利用 Vue3 和 VitePress 搭建专属的文档站点，打造个性化的知识库平台，并实现对组件库的二次开发与定制化。该方案不仅结构清晰、维护便捷，还能随着组件库的持续演进，同步更新文档内容，真正做到文档与代码协同发展，提升团队协作效率与项目可维护性。

vue-virtual-scroller-虚拟滚动列表：渲染不定高度长列表+可控跳转在一个页面中需要渲染长列表，且每一项高度不固定。若一次性将数据渲染到 DOM 中，会带来以下问题：因此，我们需要一种既能减少初始渲染量，又能支持高效滚动与精准跳转的方案。通常大家都会想到分页、懒加载、虚拟滚动。这里分页并不适用项目场景，所以对比下懒加载与虚拟滚动。

小和尚敲木头

记录一次vue3中this引发的开发没有问题，生产发生问题的分析记录一次vue3中this引发的开发没有问题，生产发生问题的分析（AI生成）这是一个非常典型且重要的问题：为什么某些代码在开发环境（dev）下运行正常，却在生产环境（prod）下出错？你提到的 this 在 <script setup> 中使用的问题，正是这类“环境差异性 bug”的典型案例。

用FastAPI 后端和 Vue3 前端写一个博客系统例以下是一个完整的Vue 3 + Element Plus前端实现，与前篇的FastAPI后端配合使用：

四谎真好看

JavaWeb 学习笔记（Day02）之Vue(1) 编写<script>标签来引入vue.js文件，代码如下：(2) 在js代码区域定义vue对象,代码如下：

Vue3-04 自定义组件Person创建Vue文件components: {Person} # 控制台的Vue插件来源:极简插件具体安装步骤

大型数据分析组件前端实践：多维度检索与实时交互设计在刑侦数据分析、情报研判等专业领域，前端系统需要处理复杂的数据关系和多样的分析维度。本文将深入剖析一个高度复杂的数据分析平台前端实现，该系统支持8种分析类型、动态列渲染、智能检索和实时数据联动，是大型企业级数据分析系统的典型代表

Vue3 高德地图效果图：一、注册/登录获取keyhttps://lbs.amap.com/使用手机号 / 邮箱注册开发者账号，完成实名认证（个人可身份证 / 企业可执照）。

前端定位相关技巧在main.ts顶部添加如下代码再次运行，即可在console中看到堆栈

Sun_小杰杰哇

Dayjs常用操作使用在前端开发中，经常会使用到时间组件，对于时间的处理，可以使用dayjs库，下面将一些dayjs常用的操作进行封装；

VUE 31.在终端中执行 npm run dev ，才能启动服务，实时的2.1.几乎所有的vue代码，都要写在setup函数当中，

Vue3 中国地图效果图：

LongtengGensSupreme

开放所有跨域 ----前端和后端### 2025-8-5 开放所有跨域 ----后端 ``` //开放所有跨域 response.AddHeader("Access-Control-Allow-Origin", "*"); response.AddHeader("Access-Control-Allow-Credentials", "true"); response.AddHeader("Access-Control-Allow-Methods", "GET,POST,PUT,DELETE,OPTIONS"); response.Add

2025 前端技术全景图：从“夯”到“拉”排行榜在 2025 年，衡量一个前端技术的“含金量”，我们主要看这 5 点：实用性：是项目必备还是可有可无？

仿B站项目前端 4 首页顶层导航栏效果图[ 顶部导航栏 ] (固定在视口顶部，覆盖背景栏)↓ 60px高度[ 顶部背景栏 ] (高度155px，仅在首页可见)

仿B站项目前端 3 首页整体结构当我们打开B站首页并不断缩小视图（Ctrl+滚轮），会发现一个清晰的层次结构：text关键发现：整个页面实际上是一个 "容器套容器" 的结构，这种设计有几个明显优势：

仿B站项目前端 5 首页标签栏标签栏有两个区域，左边是一个特殊的“热门”标签，是图标文字上下分布的结构，图标是红色底的火花形状，热门字体要加粗。右边的区域是两行每行11个标签显示，最后一个标签是一个更多标签，这是一个扩展显示的按钮。

TypeScript类型系统核心速通：从基础到常用复合类型包装类TS完全继承了JS的类型设计，核心基础类型有8个，全部是小写字母（首字母大写的Number/String等是JS内置对象，不是类型！）：

前端慢慢其修远

利用signalR实现简单通信（Vue2+C#）本次编辑器采用Visual Studio Codehttps://learn.microsoft.com/zh-cn/aspnet/core/tutorials/signalr?view=aspnetcore-10.0&tabs=visual-studio-code

如何通过 CSS 实现走马灯效果（纯前端实现）在实际项目中，公告栏、通知栏、消息提示等场景，经常会用到走马灯滚动效果。很多人第一反应是用 JavaScript，但实际上，仅用 CSS 就能完成大多数需求，而且实现简单、性能稳定。