Vue
34篇文章 · 0订阅
  • Element Plus 组件库相关技术揭秘：11. 深入理解组件库中SCSS和CSS变量的架构应用和实践
    Element Plus 的 CSS 架构思想主要还是 OOCSS，也就是还是面向对象的思想，即：封装、继承、多态，并且 CSS 变量的加入使用，使得多态这一特性的实现更加丝滑。
    JavaScript 前端 Vue.js
  • 【从 0 到 1 搭建 Vue 组件库框架】1. 基于 pnpm 搭建 monorepo 工程目录结构
    讲述 pnpm、monorepo、包管理的前置知识以及相关技术的选型理由，并搭建出 monorepo 组件库项目的目录结构。
    前端 Vue.js
  • 分片计算文件MD5，借助WebAssembly和WebWorker及队列优化
    分片计算MD5，使用WebAssembly计算，同时将计算过程放到webworker，避免长时间占用主线程造成卡顿，并且通过队列控制并发，避免占用过多计算机资源，造成浏览器卡顿。
    JavaScript 前端 WebAssembly
  • 通过一个常见的业务场景彻底搞懂Vue3中的hooks
    在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，如获取列表数据，分页，而不同的是呈现出来的数据项，所以我们可以封装一个通用的hooks，适配大多数列表页面。
    Vue.js 前端
    通过一个常见的业务场景彻底搞懂Vue3中的hooks
  • Vue2屎山codereview
    遇到屎山代码，大多数人第一反应就是这谁写的代码这么差，其实大多数公司大多数人至少曾经都写过一些屎山代码，有屎山代码很正常，问题在于怎么快速梳理出业务逻辑，防止在迭代新需求时引发bug
    Vue.js JavaScript 前端
    Vue2屎山codereview
  • 漫谈构建工具(二): 聊一聊 Vite 的预构建和二次预构建
    之前在使用 Vite 的时候，经常会遇到这种情况：项目启动以后，不管是首屏还是页面懒加载，如果发现有未进行预构建的第三方依赖，那么 Vite 就会重新预构建，然后触发页面的 reload。重复的页面l
    前端 Vite
  • uniApp新模式: 使用Vue3 + Vite4 + Pinia + Axios技术栈构建
    背景 使用Vue3 + Vite4 + Pinia + Axios + Vscode模式开发之后，感叹真香！不用再单独去下载HBuilderX。废话不多说，直接上干货！ 版本号 node: v16.1
    uni-app Vue.js Vite
  • 设计一个可选择不连续的时间范围的日期选择器
    普通的时间选择器要么只能单选，要么只能选范围，不可以随意选择若干个时间，同时大多数现成的时间选择器选择结束会收起来，很不方便。这是一个可以选择不连续的多个时间范围的日期选择器
    Vue.js 前端
    设计一个可选择不连续的时间范围的日期选择器
  • 记一次前端项目优化，深度解读项目质量及性能常用手法
    项目简介 这是一个 vue3 + vite 搭建的PC端web应用，基本上使用的是vite的默认配置，没有专门做过性能优化。随着业务的迭代，目前项目已经成为存在23W+ 代码行数的大工程，存在一定的性
    前端
  • 揭秘 Vue.js 九个性能优化技巧
    这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…
    Vue.js 性能优化 前端