vue
21篇文章 · 0订阅
  • vue3 + naiveUI 的常用表单验证：正则验证
    记录常用的表单验证，包括有：地址验证、大小写、银行卡号、邮箱验证、手机号验证、邮编、 身份证号码、车牌号、营业执照号码（8位社会信用代码）等，随时补充，以做参考。
    正则表达式
  • 基于vue3+ts+naive ui 封装的通用化表单（带规则校验）
    【前言】 相信很多小伙伴平时都有一些日常的业务表单迭代需求，如果把这些十分通用的表单封装起来，下次遇到新的业务也就能很快开发完成啦，就能用更多的时间研究别的事情，不在为业务发愁。 第一步，定义表单的属
    前端 Vue.js
    基于vue3+ts+naive ui 封装的通用化表单（带规则校验）
  • Vue3 流程图组件库 ：Vue Flow
    Vue Flow 是一个轻量级的 Vue 3 组件库，它允许开发者以简洁直观的方式创建动态流程图。本篇文章记录一下Vue Flow的基本用法 安装 流程图的构成 Nodes、Edges、Handles
    Vue.js 前端
    Vue3 流程图组件库 ：Vue Flow
  • 用flex布局实现一个流程设计器
    最近接到一个需求，要做一个流程设计的功能，大概长下面这个样子： 支持添加、编辑和删除节点，节点只有四种类型：开始节点、普通节点、分支节点、结束节点。 因为每个节点只有一个进和一个出，且节点不需要支持拖
    前端 CSS Vue.js
    用flex布局实现一个流程设计器
  • vue2项目dist瘦身——打包体积压缩73%、速度提升90%
    背景 随着前端技术的不断发展，网页应用程序变得越来越复杂，并且需要更多的资源来加载和运行。在使用 Vue2 构建的项目中，打包后的文件大小可能会非常大。 我的一个可视化系统项目，文件约1302个、有效
    Vue.js Webpack
    vue2项目dist瘦身——打包体积压缩73%、速度提升90%
  • 手摸手使用Vue3封装一个地图
    开发背景     入职这家公司之前，我是没有做过可视化项目的，最近可视化项目做的有点多，每一个可视化项目都不可避免地有一个地图，最初接手的可视化是Vue2 + 高德地图Api的，后来使用第三方可视化平
    前端 JavaScript Vue.js
  • 前端性能优化——首页资源压缩63%、白屏时间缩短86%
    提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理
    前端 性能优化 Vue.js
    前端性能优化——首页资源压缩63%、白屏时间缩短86%
  • Vue实现无限级树形选择器（无第三方依赖）
    想要在 Vue 中实现一个这样的无限级树形选择器其实并不难，关键点在于利用 递归组件 和 高阶事件监听，下面我们就一步步来实现它。
    前端 Vue.js
    Vue实现无限级树形选择器（无第三方依赖）
  • 面试官：你有多少种方式实现Vue组件间通讯？
    组件化是 Vue 框架的重要思想之一，在前端框架还未出现的时候，通常一个网站页面就是一个文件，如果一个页面有什么数据需要大家使用，直接声明一个全局变量就好了。
    前端 Vue.js
    面试官：你有多少种方式实现Vue组件间通讯？
  • Vue 3 生命周期完整指南
    最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。 Vue2 和 Vue3 中的生命周期钩子的工作方式非常相似，我们仍然可以访问相同的钩子，也希望将它们能用于相同的场景。 如果项目使用 选项 API，就不必更改任何…
    Vue.js