前言之前在掘金上看到了一遍分享拖拽卡片组件的文章，看了大致思路，觉得很清晰，也想动手实现一下；在过程中发现了蛮多的细节问题，完成后对比了原作者的代码，发现许多可以优化的地方，在这里记录一下；以下是个人

虚拟列表可以说是一个很常见的需求场景了。 什么是虚拟列表？在我们日常生活中，刷不到底的新闻 Feed 流，无尽图片瀑布流、超级超级长的排行榜等等。对于这种场景，我们不可能一次性加载完所有数据，因为不仅用户手机的视窗大小决定了这种做法很浪费，同时请求如此多的数据，从网络带宽、服务…

梳理一篇vue组件从开发到发布托管流程。

如果觉得文章“太长不看”，可以直接使用开发工具：vue-sfc-cli，集成 travis ci，快速发布 npm。 做好以上三点，才可以通过npm publish简单地发布一个包。若要遵循最佳实践，还有一些准备工作要做好，下面将为你讲述 version是语义化的，major.…

在前端项目的开发中，往往会根据业务需求，沉淀出一些项目内的UI组件/功能模块（以下通称组件） 等；这些组件初期只在同一个项目中被维护，并被该项目中的不同页面或模块复用，此时的组件逐步被完善，是一个只聚焦于功能和健壮性的成长期。 随着业务的发展，原来的项目可能不得不产生裂变，变成…

0. 轻量 --一个组件小于 1Kib (实际打包完不到0.8k) 今天,我们就抱着上面2个需求点,来实现一个基于vue的toast弹窗组件,下图是最终完成的效果图. 一. 先写一个普通的vue组件 二. 在我们需要使用的页面引入组件,方便看效果和错误 三. 实现动态加载组件 …

使用 vue 做了不少管理后台方面的业务，都使用了 ui 框架，或iview，或Element。用框架很香，但业务写多了也不免想自己试着实现一下框架中的一些组件，于是我选择了Form组件，没有特别的理由，就是表单组件用的实在很频繁。我看了下Element的源码，兼顾的很多，代码…

因为多入口组件库中开发环境和生成环境的配置是不同，所有要区分开来。 通过process.env.NODE_ENV变量来判断，生产环境时process.env.NODE_ENV为development。 在Vue组件库项目中原来src文件夹的内容是demo展示的内容，所以文件名改…

本文主要记录一下如何基于 Vue 开发组件，并在 npm 上发布。废话不多说，进入正题 好了，到这里准备工作做好了，我们可以开始开发组件了，接着上面的例子，下面开始开发一个 switch 组件。 写的比较简单，主要还是提供思路。用习惯了开源的组件自己总得了解一下嘛，有的时候在…