由于 vue3.2 版本的发布，`<script setup>` 的实验性标志已经去掉，已经陆陆续续有不少公司开始使用 `vue3.2`开发项目了。这篇文章就来帮助大家如何快速使用 `vue3.x`

熟悉前端开发的同学可能发现了, 在 Element UI 中这个组件叫 Notification 通知; 在Bootstrap 中这个组件叫 Toasts.今天我们使用 vue3.x 从零开始制作.

如果不是很了解h5拖拽api的一些特性，请移步->github源码地址掘金大佬讲h5拖拽的一个帖子由于项目需求，需要实现一个拖拽组件，是一个基于html5实现的一个组件，h5的功能相对来讲已经比较完善

一个简单的可视化拖拽功能的实现，本人刚从大学毕业，步入工作一个月，公司领导要求开发一个可拖拽页面，开发一周后，我想总结一下开发过程中的技术和踩的一些坑。

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…

如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。 onmousedown：鼠标按下事件 onmousemove：鼠标移动事件 onmouseup：鼠标抬起事件

说到前端的拖拽很多前端开发人员会很烦，尤其是涉及到边缘判断这块，还有就是兼容性。学习前端之初我一直是使用onmousemove来实现拖拽的，下面展示要给传统的通过onmousemove实现的拖拽。 首先是给dom绑定一个mousedown事件，并且记录初始化光标相对于浏览器的坐…

基于vue2、echarts5的数据大屏，主要用了echarts中的柱状图、折线图、饼图等基础图表，以及地图。

这是我参与更文挑战的第二十天，活动详情查看:更文挑战 本文介绍了前端实际工作中用到的大部分内容及其相关知识点，大家可以收藏仔细阅读慢慢看～ Git 常见操作集锦 Git 分支管理规范及发布流程 基础前