现在太多成熟、优秀的轮子功vuer使用，久而久之会有种“只会用轮子跑，不知道怎么造”的感觉，所以本篇就抛开乱七八糟的业务需求，来看看一个优秀的ui component是如何实现的。 现在手机端电商开发非常普遍，vant又能够满足大多数使用场景，所以以它为研究对象，涉及到的技术栈…

你是否曾经遇到过这样一个场景，你有个需求需要引入一个第三方库，然而你只需要使用这个库里面某一个功能，如果这个库不支持分模块导出的话，就会因为引入整个库而导致项目体积变大，进而影响项目加载性能。 再比如，下拉列表、时间选择器或者自动填充属性等自定义控件都是非常复杂的，需要考虑很多…

作为前端UI组件库，从样式角度去看，应当满足两方面要求：一致性和可定制[1]。 其实这两点也非常好理解，一致性保证了组件库视觉上保持一致，而不是东拼西凑，而且说得高大上一点可能还有规范可循。而可定制就需要组件库暴露接口，供开发者配置形成自己风格的组件库。 但是具体一致表现在哪些…

最近在做vue高仿网易云音乐的项目，在做的过程中发现音乐表格这个组件会被非常多的地方复用，而且需求比较复杂的和灵活。 hideColumns参数， 自定义需要隐藏哪些列。 highLightText，传入字符串，数据中命中的字符串高亮。 首先 看一下我们平常的table写法。 …

Taro UI 是一款基于 Taro 编写的多端 UI 组件库。Taro UI 借助 Taro 支持多端运行的特点，只需解决不同平台 CSS 的表现差异问题，就可以在微信小程序/ H5 / ReactNative 等多端适配运行。

Vant 是有赞开发的一套基于 Vue 2.0 的 Mobile 组件库，在开发的过程中也踩了很多坑，今天我们就来聊一聊开发一个移动端 Modal 组件（在有赞该组件被称为 Popup ）需要注意的一些坑。 在任何一个合格的UI组件库中，Modal 组件应该是必备的组件之一。它…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

TL,DR： 如果你的组件不需要状态，那么将其转换为函数式组件可以将性能提高70%。 函数组件(不要与 Vue 的 render 函数混淆)是一个不包含状态和实例的组件。 简单的说，就是组件不支持响应式，并且不能通过 this 关键字引用自己。 没有状态或实例，你可能会好奇如何…