刷新
优雅管理模态框:基于 Pinia 的类型安全的解决方案

博主头像 引言 在现代前端应用中,模态框(Modal)是最常用的UI组件之一。然而,随着应用规模的增长,模态框的状态管理往往会变得混乱。本文将介绍一种基于 Pinia 和 Vue 3 Composition API 的类型安全模态框管理方案,帮助你优雅地处理应用中的各种模态框状态。 核心概念解析 1. Pin ...

在Vue3+ElementPlus前端中增加对@wangeditor的富文本编辑器和上传文件的处理的封装,实现系统新闻资讯的管理

博主头像 在很多业务系统中,有时候需要编辑富文本,就是包括图文消息排版等处理,图片有时候需要结合后端实现图片的上传处理,在本篇随笔中,结合@wangeditor的富文本编辑器和上传文件的处理的封装,来实现系统新闻资讯的管理,可以实现图片上传和图文排版的常规操作。 ...

在Vue3+ElementPlus前端中增加表格记录选择的自定义组件,通过结合Popover 弹出框和Input输入框或者按钮选择实现

博主头像 上次客户过来讨论的时候,说起其旧系统很多字段选择是通过弹出表格选择记录的,希望沿袭这个使用习惯,否则客户对新系统开发可能不适应,问我如何在Vue3+ElementPlus前端中是否可以实现,我说你基于JQuery的都可以实现,那么Vue3上开发肯定没问题的,而且响应会更加丝滑的,于是我就琢磨做一个通... ...

@meng-xi/uni-router

博主头像 @meng-xi/uni-router 是一个专为 uni-app 开发的路由管理库,采用类似 vue-router 的设计风格,并提供丰富的工具函数,帮助开发者轻松实现跨平台路由管理。 npm包地址 github地址 核心功能 类 vue-router API:与 vue-router 相似的 A ...

在SqlSugar的开发框架的Vue3+ElementPlus前端中增加对报表模块的封装处理,实现常规报表的快速处理

博主头像 在我们开发业务系统的时候,往往都需要一些数据报表进行统计查看,本篇内容介绍如何在实际的前端中对报表内容进行的一些封装操作,以便提高报表模块开发的效率,报表模块的展示主要是结合Vue3中比较广泛使用的echarts图表组件进行展示。 在前端界面开发中,良好的组件封装和使用,可以给我们提供更好的开发效率... ...

记录---npm link 详解:本地包开发与测试的利器

博主头像 ‍ 写在开头 点赞 + 收藏 学会 npm link 详解:本地包开发与测试的利器 什么是 npm link? npm link 是 npm 提供的一个强大功能,它允许你在本地开发环境中创建符号链接,将本地开发的包链接到其他项目中进行测试和使用。这个功能特别适合在开发自己的 np ...

Vue-Official 手动更改插件显示语言

博主头像 Vue-Official 手动更改插件显示语言 至今,Vue-Official 作为 Vue.js 的官方插件,仍然没有提供手动修改 language server 语言的设置项。Vscode 的 Typescript 插件早已经支持在设置里单独更改语言。 现在我有一个奇怪的需求:由于我不想下载 V ...

Web前端入门第 81 问:JavaScript cookie 的读写操作

前端的 cookie 读写在 2020 年之前一直不存在一个官方的接口,每次需要使用 cookie 的时候,要么是引入三方插件,要么就需要自己封装一个公用的组件或函数。 npm 的 cookie 插件周下载量 6 千万左右,可以想象一下此功能在前端的应用场景有多么广泛~~ cookie 插件: ht ...

vue vxe-table grid 通过配置 ajax 方式自动请求数据,适用于简单场景的列表

vxe-table 通过配置 ajax 方式自动请求数据,适用于简单场景的列表 当系统中很多页面都是简单列表时,每次都要手动去请求接口后再赋值,过程就会比较冗余繁琐。解决方式一般就是将封装一下。本章的方式是通过 vxe-grid 配置 ajax 来实现自动请求加载数据,无需封装组件,适用于通用简单列 ...

Web前端入门第 80 问:JavaScript 哪些地方需要 try...catch 异常捕获

前端开发一直有种错觉,好像异常捕获都是后端的事,毕竟后端开发时如果不处理代码中的异常,有些资源得不到释放,极其容易导致内存泄漏。 前端由于 JS 的垃圾回收机制无需手动释放资源,反而不会怎么使用异常捕获代码中的错误。实际上任何编程语言,要写出一个健壮性的代码,都需要考虑异常处理。 本文分析下哪些地方 ...

js进阶

博主头像 js进阶 函数 可以把函数看成java里面的方法本质是一样的知识位置不一样 定义方式一 //绝对值函数 function abs(x){ if(x>=0){ return x; }else{ return -x; } } abs(10) //10 abs(-10) //10 一旦执行return就代 ...

记录---说说PC端扫码登录

博主头像 ‍ 写在开头 点赞 + 收藏 学会 说说PC端扫码登录 在前端开发的面试中,面试官常常会提出一些涉及实际项目经验的问题,以评估候选人解决问题的能力和技术深度。例如,"你在项目中遇到过哪些技术挑战?是如何解决的?" 这类问题旨在了解候选人面对复杂场景时的应对策略和技术选型能力。其中 ...

<1···456···50>