下载Gayhub下载（源码版）直接在你自己项目的node_module中复制（发布版）目录分析ElementUI文档查看组件分析el-row的参数el-col的参数冲！！！开搞！！！目录搭建el-ro

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构...

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

2019 年前后 DevOps 的理念已经瓜熟蒂落，形成了大体上通行的行业标准。根据 2019 Accelerate State of DevOps Report，高效的 DevOps 效能在各处落地。类似于 Gatsby 和 Zeit 等各种 Serverless 架构的前端…

最近在业务中开发了一套定制化的 C 端组件库，在这个过程中遇到了一些组件库技术选型和设计的问题，在参考公司内外的多个组件库后确定了最终的方案。本文希望通过向读者介绍技术选型的过程中的方案比较和组件库设计中的考量，让读者在组件库的技术选型和设计上有所启发。 事实上，这三种样式方案…

element-ui 组件库之所以受欢迎，除了组件丰富，文档友好之外，还得益于它的精美的设计。之前在组件库的整体设计文章中提到，element-ui 背后有一只强大的设计团队，他们为组件库了制定了一套设计规范。 当我们去设计一套组件库的时候，首先要考虑颜色、字体、边框、图标这些…

使用 Create React App 创建 UI 组件库的前端工程环境。 参数 react_scripts 用来告诉 Storybook 当前项目使用 Create React App 创建的，Storybook会根据该参数来自动安装合适的包。 addon-info 插件会自…

当我们拿到一个 PC 端页面的设计稿的时候，往往会发现页面的布局并不是随意的，而是遵循的一定的规律：行与行之间会以某种方式对齐。对于这样的设计稿，我们可以使用栅格布局来实现。 早在 Bootstrap 一统江湖的时代，栅格布局的概念就已深入人心，整个布局就是一个二维结构，包括列…

在了解 Element 源码架构 的基础上，接下来我们基于 element-ui 为团队打造自己的组件库