Vue是一套用于构建用户界面的渐进式框架,目前有越来越多的开发者在学习和使用.在笔者写完 从0到1教你搭建前端团队的组件系统 之后很多朋友希望了解一下如何搭建基于vue的组件系统,所以作为这篇文章的补充,本文来总结一下如何搭建基于vue的组件库. 一步步搭建一个组件库并发布到n…

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

之所以写这一系列文章，是为了记录自己构建一个组件库的历程，同时也给那些自己想写组件库的同学一个教程。组件库也写了一段时间了，基本的架子也搭建得差不多了，但是回想自己搭建的过程还是不够完善，所以回来整理一遍自己的思路，让自己的技术有个输出。 开始写组件库之前，你需要有一个好的原型…

由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。 结合框架Vue，我们选择在ElementUI基础上进行改造。但造轮子绝非易事，首先需要先去了解它整个但构建流程、目录…

之前有分享过UI组件库搭建思路和组件如何实现，今天分享的内容是我认为开发组件库中'最'.repeat(1e8)有（zei）意（ma）思（fan）的部分-单元测试，目前我的UI组件库覆盖率为92%，功能组件部分单侧全部覆盖，工具类部分还没有完全覆盖。报告如下所示： 本篇大致分为三…

随着公司不断的成长，团队也在逐渐的扩大。为了提高开发效率，需要开发一套符合公司内部的一套移动端UI组件库。非常的幸运，这份一劳永逸的差事最终由我来负责。我们公司技术栈是vue，所以UI组件库就基于vue来开发。 本文主要讲我在开发的过程中的一些思路和解决问题的方式方法，至于代码…

距离第一篇UI组件库文章发布已经过去3个月了，在此期间利用零零散散的时间持续更新owl-ui组件库，目前owl-ui移动端组件库已经更新3大类（基础、表单、弹出层）9种组件（Button、Tabs、Input、Select、Switch、Drawer、Dialog、Picker…

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…