组件开发
文章平均质量分 90
流光D
靡不有初,鲜克有终。
展开
-
JS 单例设计模式解读与实践(Vue 中的单例登录弹窗)
前言在之前笔者发布的一篇文章中(Vue全局手动挂载组件封装(Message, Loading, Spin类组件))有介绍到在 vue 中实现全局手动挂载登录组件的实现,这样做的好处是可以在任何页面的业务逻辑中轻松调用一行代码便拉起了登录弹窗(this.$loginPopup())。但是当时在设计的时候还有一个问题没有考虑就是这个登录弹窗组件的调用生成方法并不是单例的,这就意味着在某些时候可能在页面上会同时弹出好几个一样的登录弹窗,而在我们的业务逻辑中一般认为登录弹窗是唯一的;因此需要对这段组件的生成代码原创 2021-04-16 16:14:32 · 3221 阅读 · 4 评论 -
Vue全局手动挂载组件封装(Message, Loading, Spin类组件)
前言之前一段时间笔者因为换城市发展换工作等一系列不愉快的原因博客停更了==|,原本的计划是每个月至少写一篇原创的文章出来了,现在也是断了几个月;当然在过去的几个月时间里笔者也没闲着,主要学习了React框架的一些基础知识,不过现在学习的还不是很熟练,所以暂时也是出不了成体系的文章出来。反倒是一直在使用的vue.js(2.x)框架因为业务需求再加上看之前同事写的项目研究了一下全局手动挂载组件的开发(当然了,最近 vue 3.0 也是发布了 Beta 版本,也不知道以后这一块的写法是否会发生变化)。.原创 2020-12-01 16:08:56 · 3693 阅读 · 0 评论 -
Element(饿了么) Vue组件库内置过渡动画主要源代码
我们在开发一些Vue项目的时候经常会引入Element这个组件库,简洁美观又好用。有时候我们自己会根据项目的需要自己写一些公共的组件(造轮子),有很多组件都会用到CSS的过渡、动画效果使得组件的展示更加美观、平滑。这时候可以参考Element组件的过渡动画源码。动画效果演示可以在Element组件库的内置动画过渡找到:fade 淡入淡出在Vue组件中这种特效的使用是借助于tran...原创 2019-12-20 15:31:57 · 27031 阅读 · 2 评论 -
【Vue组件封装】之简单分页组件的研究与实现
如题,笔者最近在闲余之时一直在研究vue的常用公共组件的开发,参考的是element和iview组件库的样式,另外通过参考github上的Xue-ui组件和自己的一些想法最近新学习制作了一个简单的Vue分页组件,下面笔者将详细介绍这个组件的设计思路。首先我们可以先看看最终的组件显示效果:图1:简单的分页组件如上图,这里大致展示了我们要开发的分页组件的具体样式,而之所以说是简单的分页...原创 2019-12-05 09:38:20 · 7920 阅读 · 0 评论