前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

在这篇文章中，我们将学习如何使用defineCustomElement API将Vue组件转换为Web Component，如何将其打包为库，以及如何在纯HTML中使用它。

解释：当持续触发某事件时，一定时间间隔内没有再触发事件时，事件处理函数才会执行一次，如果设定的时间间隔到来之前，又一次触发了事件，就重新开始延时。 案例：持续触发scroll事件时，并不立即执行handle函数，当1000毫秒内没有触发scroll事件时，才会延时触发一次han…

React社区最先使用jsx，利用js的编程能力来创建虚拟DOM(虚拟DOM显著减少实际DOM操作，大幅提升应用性能)。vue中使用jsx需要先安装一个babel插件。 项目中使用了element-ui(vue)。但是有定制化的需求，索性想重写一个。于是直接去看了源码,这里拆分…

连续几篇文章，每篇都有女神，被掘友给吐槽了，今天不提了女神了，反正女神都是别人的（扎心了）。这两天小编看了腾讯与老干妈的事情，晚上馒头夹老干妈吃起来都感觉很带劲。今天这篇文章将给大家小编在项目中使用JSX的一些实战经验。其实一般情况下写Vue还是比较推荐template的写法的…

从去年年初，我们开始在团队内部推行TS，TS的好处不言而喻，虽然当时有些同学提出一些异议，但最终还是利大于弊，我们成功迈出了第一步。 我们前期也做了相关调研，vue对TS的支持并不是很好，必须使用第三方库来支持；相比较而言，react因为本身就支持函数和类，和TS搭配起来简直是…

只收藏也不点💖的也一样是耍流氓。 ts香不香这里我就不做过多吹捧了，基础api官方文档有比较清晰的介绍，本篇博客主要分享Vue+typescript+element-ui，后台管理系统实战篇。 ... 本次项目基础框架为Vue，跟正常的Vue项目还是或多或少有不少差距的。众所…

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

Vue 在除了提供默认的十几个内置的指令外，还允许开发人员根据实际情况自定义指令，那我们在何时使用它呢？