首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue 知识储备
10年前端老司机
创建于2024-07-14
订阅专栏
Vue 知识点介绍,应用场景分析,原理实现
等 26 人订阅
共38篇文章
创建于2024-07-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue3项目中使用vue-draggable-plus实现拖拽需求简直不要太丝滑
本篇通过实际案例: 照片墙、分类拖拽、表格行列排序 三大高频场景体验了vue-draggable-plus 的便利性,代码简洁,效果炫酷!无论是电商排序还是数据管理,都能轻松实现丝滑拖拽。
前端最强大的excel插件
本篇详细介绍了如何在Vue3项目中使用SheetJS库高效处理Excel/CSV文件。包含项目搭建、Element Plus表格集成、文件导入导出完整实现,以及预览功能开发。
什么!纯前端也能识别图片中的文案、还支持100多个国家的语言
在传统认知中,文字识别(OCR)通常需要后端服务器的支持,但现代前端技术已经突破了这个限制。本文将介绍如何使用纯前端JavaScript库Tesseract.js实现强大的OCR功能
scss精华总结
本篇详细介绍了SCSS的核心功能和使用方法,包括环境搭建、嵌套语法、变量使用、混合指令、扩展/继承指令和占位符等。通过Vite项目演示了如何利用SCSS提高CSS开发效率,实现代码复用和可维护性。
2025年Vue3项目最常用的Vite配置
本篇教程全面介绍了Vue3+Vite项目的配置方法,包括项目创建、常用插件配置(自动导入API/组件)、服务端代理、路径别名、环境变量设置、静态资源处理等核心配置。
🎡 Vue3 + GSAP 打造极致用户体验的互动抽奖系统 🎡
本篇将手把手教你如何用Vue3和GSAP实现一个专业级转盘抽奖功能: ✅ 扇形布局黑科技:CSS clip-path+动态旋转角度计算 ✅ GSAP丝滑动画:弹性停止效果+多圈旋转过渡
前端动效天花板?GSAP带你突破极限!
交互体验是前端开发的核心,好的用户体验能给用户留下更好的印象,給公司带来好的收益。那么怎么提升用户体验呢!前端开发中可以利用动画提升用户体验,惊艳的动画效果能够快速吸引用户的眼球,让用户停留下来。
Vue3+Element Plus+Express实战文件上传
上传文件是前端常见的功能,比如说常见的场景有,登录用户的自定义用户头像,写博客或者新闻的列表封面图,商城系统的商品图等,考试系统上传试卷等。可以说上传文是每个前端开发者必备的技能。
高级前端需要会的手写响应式原理(reactive, effect,依赖收集,依赖触发)
在这个大前端时代,要想从中级突破到高级,掌握框架底层原理是必须要经历的过程。本篇将以手写Vue3中的响应式原理来掌握Vue3 响应式的底层实现,突破技术瓶颈。
Vue2到Vue3 响应式实现为什么由Object.defineProperty换成Proxy
面试关问:为什么Vue2升级到Vue3响应式的实现为什么要从Object.defineProperty换成Proxy,它到底是为了解决什么问题,为什么会有这样的问题,我扣扣脑袋想一想。。。
别再自己封装工具函数了,VueUse 让你的工作效率翻倍
在工作中我们经常要封装一些工具函数来完成需求,但是其实很多这些工具函数,都能在一些第三方库里面能找到,我们没有必要花那么多时间去做这件事情。比如说VueUse
tailwindcss 都4.0.10 了你还在看3.4.17 的文档不出问题才怪
今天在用tailwindcss 时候,执行 npx tailwindcss init发现报错了!懵逼,我是跟着官方文档来的啊!怎么会报错呢?
Vue3 reactive 源码阅读
在上一篇中 认识Vue3.js 的源码架构我们介绍了Vue3 的目录结构,编写了第一个示例代码。本篇将介绍,如何debugger进行代码阅读。
认识Vue3.js 的源码架构
Vue.js 作为一款流行的前端框架,其源码设计一直以清晰、模块化和高效著称。既然他这么优秀,作为web前端开发者我们是不是应该学习下他都架构呢!今天我们就以Vue3的源码为例看下他是怎么架构的。
Vue3+Pinia+Element plus+Express + Mysql实战登录注册
本篇将要分享的内容是从零到一开发一个完整的登录注册功能。看完本篇你会有哪些收获呢! express 搭建后端项目的过程 mysql2 连接数据以及连接后的相关数据库操作。。。
Vue3实现element plus 中的Collapse 折叠面板
在之前写过一篇element plus 中的表单控件是怎么封装出来的 。 介绍了input, checkbox,checkbox-group, radio, radio-group 的实现。今天将会继
让用户感受到互动性的秘密武器Transition, TransitionGroup,css 动画
具有互动性的产品交互是什么样的体验呢?不妨进来看看吧。本篇将通过3个具体案例分析,让你感受有互动性和没互动性的差距。
Vue项目中如何做好国际化
大家好!今天没给大家介绍的是Vue 项目中如何做好国际化, 为什么要做国际化呢? 因为我们所在的公司用很可能还有国外的。
在Vue中如何开发一个UI组件库
大家好,今天给大家分享的是如何在Vue中开发一个组件库。我们在开发中经常会用到一些ui 组件库,比如element plus , vant ui 等。
加入KeepAlive 让你的项目体验更良好
在现代前端开发中,用户体验是一个至关重要的因素。特别是在使用 Vue.js 等框架构建单页应用时,组件的切换效率直接影响到用户的使用感受。今天,我们将深入探讨 Vue 的 KeepAlive 特性,了
下一页