vue
71篇文章 · 0订阅
  • 把 16MB 中文字体压到 400KB：我写了一个 Vite 字体子集插件
    一个真实的前端项目里，我遇到一个很常见却又容易被忽视的问题：一套中文界面，为了保证视觉效果引入了整套中文字体文件，结果单字体就占了十几 MB，构建产物和安装包体积都被严重拖累。现有方案要么依赖运行时，
    Vite Vue.js JavaScript
    把 16MB 中文字体压到 400KB：我写了一个 Vite 字体子集插件
  • 告别 Vue 多分辨率适配烦恼：vfit.js 让元素定位 “丝滑” 跨设备
    今天推荐一个专为Vue 3设计的轻量方案——vfit，通过“全局缩放管理+组件化定位”的思路，让适配工作变得简单可控。
    前端 Vue.js 响应式设计
    告别 Vue 多分辨率适配烦恼：vfit.js 让元素定位 “丝滑” 跨设备
  • markRaw 让 Vue 超大树渲染性能从 184ms 降到 17ms！
    背景 在 Vue 项目中，渲染一个包含 10000+ 节点 的树形结构（树形选择器）时，如果直接将接口返回的数据交给响应式系统，性能会明显下降。 当数据层级很深、字段很多时，Vue 会对整棵树进行深度
    前端
    markRaw 让 Vue 超大树渲染性能从 184ms 降到 17ms！
  • alien-signals 系列 —— 认识下一代响应式框架
    本文将开启一个全新的系列，深入剖析 alien-signals 的使用方法、实现原理和性能优化等内容。让我们一起揭开 alien-signals 的神秘面纱。
    前端 JavaScript GitHub
    alien-signals 系列 —— 认识下一代响应式框架
  • Vue Signals 进化论（v3.6）：Alien Signals 终局之战？
    Vue 3.6 响应式重构的背后是性能榜首 Alien Signals 的 push-pull 推拉哲学。
    Vue.js 响应式设计
    Vue Signals 进化论（v3.6）：Alien Signals 终局之战？
  • Vue Signals 进化论（v3.5）：Preact 重构启示录
    Vue 3.5 响应式重构的背后是 Preact Signals 带来的基因突变，Vue 3.5 的革新不仅延续了 Preact 的“信号哲学”，更为未来 Alien Signals 深度优化奠定基础
    Vue.js 响应式设计
    Vue Signals 进化论（v3.5）：Preact 重构启示录
  • 多款顶级好用的 Vue 表单设计器测评推荐，可拖拽生成表单
    Vue 前端开发中，表单组件是排在前三的高频使用的组件，如何快速构建表单，节省力气，避免重复造轮子呢，选择一款适合自己的前端表单设计器就非常重要了。本文介绍 4 款顶级好用的 Vue 表单设计器，其中
    JavaScript Vue.js
    多款顶级好用的 Vue 表单设计器测评推荐，可拖拽生成表单
  • Vue3.4 中组件 v-model 双向数据绑定 新玩法！！！
    前言 随着 Vue3.4 版本的发布，defineModel 也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。 之前在 Vue3.3 中，该方法还是实验性方法，使用
    前端 JavaScript Vue.js
    Vue3.4 中组件 v-model 双向数据绑定 新玩法！！！
  • 一次重构优化 Element Plus Select 与 SelectV2 组件的心得
    重构心得 前言 Element Plus 有两个下拉选择器，Select 是真实 Dom 选择器，继承自 Element UI；SelectV2 是虚拟选择器，后来新写的。两个组件在外观和内部实现差异
    前端 Element
  • 手把手从零开始---封装一个vue视频播放器组件
    现在，在网页上播放视频已经越来越流行，但是网上的资料鱼龙混杂，很难找到自己想要的，今天小编就自己的亲身开发体验，手把手从零开始---封装一个vue视频播放器组件。 经过在网上不断的查阅之后，我最终选择了video.js这个轮子，作为我的播放器。好，现在轮子找好了，乍一看，天，好…
    Vue.js