value

基于 Vue3 完成动态# 基于 Vue3 完成动态组件设计：配置驱动的企业级应用架构 引用参考：抖音"哲玄前端"《大前端全栈实践》...

今天没什么空，搞个简单点的，分享一个实用的自定义指令——v-video-loading。这个指令可以在视频加载和缓冲时自动显示loading状态，提升用户体验。 指令功能概...

Vue3+TS 视频播放器组件封装 1. Video.js + Hls.js 最佳组合 基于上述分析，我选择 Video.js + Hls.js 作为基础技术栈，这是目前最...

1.全部导入主题定制 为什么叫全部导入主题定制呢，是因为element-plus的css样式也是支持按需导入的，但是这里我进行了全部导入。 1.创建vue项目（我是通过pn...

引言：为什么你需要 @vueuse/core？ 作为 Vue 开发者，你是否经常遇到以下问题？ 🤯 重复造轮子：防抖、节流、滚动监听、设备传感器…… 这些功能每次都要自己...

需求简介 这几天接了个新项目，需要实现下图中左侧边栏的菜单切换。这种功能其实就是一个折叠面板，实现方式多种多样。 实现上面的功能，无非就是一个v-show的事儿，但没有过渡...

由于在项目中需要实现这样一个需求： ”对表格列表的某一列进行筛选，包括利用输入搜索、多选实现表格数据的过滤筛选...

一份日常开发中遇到的 ElementUI 问题清单以及解决办法，做个记录，也分享给遇到或没有遇到的人。...

一、微前端架构介绍 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 技术栈无关。微应用可以是你喜欢的任意技术栈，Vue、Re...

该组件适用于含有操作列的表格。在某些情况下，按钮可能需要根据数据状态或其他条件动态展示，无法预设固定宽度。操作列组件能根据按钮数量自适应宽度，不需要再手动设置宽度。...

🧠 在 Web 前端实现流式 TTS 播放：从卡顿杂音到丝滑顺畅的演进之路 在做前端实时语音合成（TTS）时，很多人都会遇到同样的问题： 播放出来的语音一顿一顿的，很卡顿...

2.图片本身要是 可见 的，但是如果不想在页面中展示这张图片，可以在图片外层包一个 div，将其设置为隐藏。 并且无法通过前端人员自主在页面中编写 html，js 等修改，...

概述 最近在负责公司官网的开发，在 H5 播放视频时，遇到很多兼容问题，所以总结下在 H5 播放时，遇到的兼容性问题，并封装一个 Video 的组件，便于在 H5 使用。...

最近遇到一个非常典型的前端兼容问题：产品要求将官网底部 footer 组件统一成公司平台的公共组件。查阅对接文档后发现，这个公共组件库是基于 Vue 2 开发的，而我们的项...

引言 前面已经实现了基本布局，然后又添加了多级菜单的支持(忽略文章介绍)，现在给项目加点料，实现多布局设置，文章只提供思路，具体代码见仓库 在现代前端开发中，灵活的页面布局...

最近遇到了这样一个场景，需要将很多的txt文件转成pdf文件，一个一个手动转换不仅累、效率还不高，于是便写了这么一个插件来解放自己，可以一键批量进行自动转换～...

本篇文章主要讲解如何实现 Element Plus 主题色的动态切换，仅仅修改主题色还不够，至少现在还不够...

在一次开发中，leader review我代码的时候，你这代码怎么写的那个乱，vue3你给写成vue2，状态和函数分离，完全不组合式api，还有，你是一点都不做组件拆分啊，...

在这篇文章中，我会带你快速了解如何使用 Vue3 + Element Plus实现一键换肤和暗黑模式切换，让你的项目瞬间变得更加个性化和用户友好。而且，这些主题设置都会被本...

高复用性组件的核心原则 1. 单一职责原则 组件应该只专注于一个主要功能 2. 适当的抽象层级 组件应该在通用性和专用性之间找到平衡 3. 清晰的接口设计 Props、Ev...