ZoomUI 的 Table 组件相比 ElementUI 的 Table 组件在更新渲染方面性能提升了十倍，这是如何做到的呢？

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

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

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

组件库能帮我们节省开发精力，无需所有东西都从头开始去做，通过一个个小组件拼接起来，就得到了我们想要的最终页面。在日常开发中如果没有特定的一些业务需求，使用组件库进行开发无疑是更便捷高效，而且质量也相对更高的方案。 目前的开源组件库有很多，不管是react还是vue的体系里都有很…

公司移动端产品主要以微应用的形式发布，所以微应用总数是很大的，而且开发频率也相当高（技术栈为vue）。这就导致一个问题，在高的产品开发频率下，必然会导致许多无用功现象的发生，列如最常见的loading、message组件每次都要重新再新的项目里面复制粘贴，偶尔文件地址放错了还会…

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

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

感谢 饿了么前端团队提供组件化框架elememt-ui，本文基础组件使用element-ui。 在开发一些系统过程中，使用table作数据展示在所难免。先来看看el-table组件。 非常简单易用的组件，根据提供的data数据，配置table每一列的数据和label。没错，这样…