说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

这个里面存放的就是当前实例上的自定义事件集合，也就是自定义事件中心，它存放着当前组件所有的自定义事件。和自定义事件相关的API分为以下四个：this.$on、this.$emit、this.$off、this.$once，它们会往这个事件中心中添加、触发、移除对应的自定义事件，…

使用canvas制作刮刮乐，使用随机数进行抽奖，再用canvas遮住中奖部分，使用鼠标时间和canvas等操作，将遮住部分涂抹，显示中奖信息。

具体是怎么玩呢？别着急，听我慢慢道来，看完后会感慨Vue组件还能这么玩🐶，还会学会一个Stylelint插件，配有DEMO，以及隐藏在最后的彩蛋。

组件进阶-props校验 props校验 普通格式： props: ["propA", "propB"]。没有类型检查 高阶格式： 组件进阶 - 动态组件 目标效果 需求: 完成一个注册功能页面, 2

Chrome浏览器表单自动填充问题解决方案 stackoverflow: chrome-ignores-autocomplete-off 更多参考 该问题是关于Chrome浏览器自动填充的功能，

这是TypeScript实战的第三篇文章。前面两篇笔者分别介绍了在Vuex和Pinia中怎么使用TypeScript以及Vuex和Pinia的区别。今天我们再用TypeScript封装一遍Axios。

日常开发中，面对各种不同的需求，我们经常会用到以前开发过的一些工具函数，把这些工具函数收集起来，将大大提高我们的开发效率。

重绘和回流（Repaint & Reflow），一个第一眼能唬住新手（比如我）的专业名词。当我快快乐乐的搜索相关文章想好好学习天天向上的时候，却发现几乎都是在介绍xxx会触发回流重绘，却不告诉我在哪查看，搞得我一脸懵逼。于是这篇💧文章就出来了。 本文参考了非常多的资…