为锻炼封装组件得能力，我打算研究Elment UI组件，学习人家的设计和代码。 本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 第一个想研究的就是Button组件，是我们最常用也最熟悉的，对标官方文档中介绍的Button特性，我们一个…

每个前端都应该拥有自己的组件库,就像每个夏天都有西瓜🍉。本期延续上期的组件工程化的主题，夏日炎热，点上一杯杨枝甘露，和洛竹赴一场 Button 开发之约吧。

万丈高楼平地起，本篇文章将实现一个功能丰富的button组件。后续将会持续更新其它组件的实现，一步一步的搭建一个完整的vue3组件库

作为一位有深度（老了）、有追求（但学不动）的前端开发者，我们肯定都曾想通过看组件库的源码（本章以 Element 为例）来拔高自己的水平，也肯定都尝试过，只是最终不了了之罢了，这很正常，我也是这样的😭，到现在也只看了 1/6 🙃，还是最简单的那几个组件。其实（对于功底 一般…

组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子。赶快搭建自己的组件库吧，这瓜保甜！

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

由前台导入Excel表格，获取批量数据。 根据一个数组导出Excel表格。 fileTemp这里定义了一下变量，指向最新上传的附件，起始定义为null。 这里发现控件file.raw是我们要用的File类型。 arr就是我们要的结果，是一个数组。每一个值是个对象，包含了code…

一个牛皮的、基于 Vue.js 和 Element UI 开发的低代码表单组件。相对于使用 Element UI，可以提高 10 倍开发效率。

前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了