1. 通用组件（表单搜索+表格展示+分页器） 在项目当中我们总会遇到这样的页面：页面顶部是一个表单筛选项，下面是一个表格展示数据。表格下方是一个分页器，这样的页面在我们的后台管理系统中经常所遇到，有时

本文的思路是从一个没有考虑 clean code 原则的函数开始，然后以清晰明了的方式重写它。整个过程都将遵循测试驱动原则。 本文的目的是验证一种能够应用于重构老代码库并提高其代码质量的方法。

每次成功的重构一段代码，看着这出自自己手的优雅代码，成就感油然而生。工作也没有那么糟心了，晚上睡眠质量也高了。重构直接的提高了自己的生活质量。

这篇文章就简单的介绍怎么分别来优雅的保留着第三方 UI 库组件原提供的属性（Attributes）、插槽（Slots）和自定义事件（Events），提高生产力效率和代码质量！

项目中经常用到echarts，不做封装直接拿来使用也行，但不可避免要写很多重复的配置代码，封装稍不注意又会过度封装，丢失了扩展性和可读性。始终没有找到一个好的实践，偶然看到一篇文章，给了灵感。找到了一

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

写在前面 当你对某一个业务场景有自己的理解，想提炼开发了一个很好用的组件，想开放给别的同学使用，或者甚至放在社区给任何一个人使用，你应该会产生以下疑问： 一个标准的组件是怎么样的......

在管理后台开发过程中，涉及到太多的弹窗业务弹窗，其中最多的就是“添加XX数据”，“编辑XX数据”，“查看XX详情数据”等弹窗类型最多。但这些弹窗组件的代码很多都是相同的，于是我这样子做

在做移动端的需求时，我们经常会开发一些列表页，这些列表页大多数有着相似的功能：分页获取列表、上拉加载、下拉刷新，今天，我将手把手教你复用这些逻辑！