陈德坤

背景 在实际的项目需求研发中，经常会得到测试或者业务同学反馈项目部分页面访问加载白屏时间比较长，或者页面呈现比较慢等体验问题。但是通过项目整体的评分数据分析又是比较正常的，...

LCP 是 Core Web Vitals 的三个关键指标之一，是 Google 用于评估网页用户体验的标准之一。LCP 时间应在 2.5 秒以内。如果 LCP 超过 4 ...

为什么你的Vue应用首屏总在转圈？ 2023年权威报告显示，​首屏加载时间每增加1秒，用户流失率提升11%。但Vue单页应用（SPA）常因打包体积过大、资源加载阻塞等问题，...

首屏加载慢、性能指标看不懂？本节聚焦首屏渲染优化（含资源加载 / 页面渲染），拆解核心 Web 指标，附 Vue3 特有技巧和监控工具。系列后续更交互优化，追更不迷路～...

vue3中的内置组件keep-alive并没有提供给我们主动删除缓存的方法，看看如何用最少的代码解决vue源码上的问题~...

导航菜单是网站核心组成部分，是一个网站的灵魂，在用户体验和网站互动方面起着至关重要的作用。今天要分享的是顶部+左侧导航菜单的设计实现方案...

本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用ant Design的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本...

最近发现项目首次加载特别慢，原来是打包出来的文件太大的原因。 项目技术栈：vue3 + vite + ts + ant design vue 既然这样，那就开始打包优化吧。...

先把结论摊开说：plugin-legacy 是给“还吃不动现代 ESM 和新 API”的老浏览器准备的“加餐”。真有用户在用老设备，我们就“花点小钱买安心”；要是你站点 9...

功能 为打包后的文件提供传统浏览器兼容性支持，实现对现代构建和传统构建的控制，提高项目的兼容性和稳定性。 能够实现将现代JavaScript代码向传统浏览器兼容的代码转换，...

vue3打包后在低版本浏览器或webview中出现白屏，原因就是因为语法兼容问题。根据vite官方文档描述...

前言 项目全线使用vue3的时候，自然使用的是配套更加契合的vite打包工具，于是自然而然会用到很多新的语法，比如这两年开始普及的可选链语法，这个语法都已经纳入声呐的代码规...

项目介绍 先来简单介绍一下项目，这是一个基于Vue框架的项目，项目使用的是vue3+ts。这个项目是需要集成在别的APP中的，也就是页面需要在APP中进浏览和操作。...

【vite】入门 publicDir 到高阶玩法 📌 使用方式 🧩 默认选项 publicDir默认选项为字符"public"，表示静态资源默认指向public文件夹。...

本文为从零单排系列文章的第二篇，也是目标二，我们将基于vite+vue3搭建一个多入口的移动端项目，支持按需打包...

在多个前端项目、数据中台的场景下，使用微前端技术 micro-app 进行应用集中化嵌入的改造与实践。...

在本文中，我们将重点介绍 micro-app 的核心概念、关键特性及实际应用场景，帮助你更好地理解和选择这一微前端框架。希望本文能为你的前端开发提供新的视角和有价值的参考。...

过去一年，我花了无数个夜晚，在一次次打磨与推翻中，完成了自己最满意的作品 —— Art Design Pro。 这不是一个普通的后台模板。 它是一场关于 「设计美学」与「工...

关于vue-vben-admin和qiankun应用集成指南，一步一步实现了集成的过程，适合开始接触快速实现方案的人员阅读。...