本项目技术栈vite、vue3.4、pinia、vue-router4、axios、elementPlus、echarts，基于多方考虑，不上TypeScript，其实也是懒。

📍前言 最近在一次理解vue项目的代码时，发现周一对好多API都不太熟悉。这间接导致的问题是，代码理解速度要比平常要慢很多。于是乎，赶忙把vue API的学习提上了日程。 在下面的文章中，将地板式地扫

网上这个功能貌似还没有人开源过，要么就是C++那边才有的实现分享，所以觉得有必要分享给前端的同学。注意这里不能用canvas去实现，因为uni-app打包成半原生APP的时候不兼容 1. 首先整个功能我将它分为三个页面，也就是上、中、下三个页面，中间的则是显示用户观看的内容，其…

谷歌官方把这种布局叫做DrawerLayout（抽屉式导航栏）。那么我们要如何实现呢，好了正片开始！ 页面结构很简单，一个抽屉，一个主容器，内容可以利用slot支持外部自行定制。 那么，手指滑动的距离就是nowX - startX，当前drawer的位置为startPos + …

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

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

一般来说，在（后台）管理系统（最早的企业级的项目和网站的后台管理系统现在大部分人都叫后台管理系统）中才会有权限之说。权限分为功能级权限和数据级权限。这篇文章主要谈论功能级权限。 权限的意思不用再做解释。 表示不同的角色（或者用户）进入系统后，看到的功能不一样，或者说，可以操作的…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

在移动端的H5页面中，我们经常会遇到 点击按钮-->弹窗-->选择选项 这样的场景。滚动滚动条至容器的底部或者顶部，再往上或往下拖动滚动条时，滚动动作会出现穿透，所谓滚动穿透问题