Vue项目中通过自定义指令实现元素的拖拽功能。文章从拖拽的核心原理出发，讲解了如何利用Vue指令的生命周期钩子封装鼠标事件监听逻辑，并提供了完整的指令代码、全局注册方法及在组件中的使用示例。

我在 编程导航 上看到了这个最近大火的 AI 画图神器，完全免费开源，短短几天就涨了 6k star，值得收藏！

本文使用threejs开发一款发电机拆解动画并通过交互展示零件详细信息数据交互的大屏开发，效果中规中矩，但是涵盖的知识点比较多，内容详细，也列举了众多开发中遇到的坑，内容比较长，手把手教大家写一个完整

请收下这份算不上最全的前端动效库清单吧 1. Animate.css 网址：https://animate.style 2. Bounce.js 网址：http://bouncejs.com 3. A

因为最近工作需求涉及到threejs的开发，并且自己也一直想要学习和攻克这方面的知识，就通过自学之后记录下了这篇文章。这篇文章主要包含threejs的几个方面模型预览、环境贴图、模型的缩放、平移

在Vue和TypeScript框架的项目中，使用HTML5的video标签或者流行的开源库如西瓜播放器等可以实现视频和音频的播放功能。西瓜播放器支持视频和音频播放，具有高度化的自定义UI和非常灵活的事

属性，然后通过 scale 缩放 来自适应。 外层通过 margin: 0 xxpx 实现居中展示。

先看效果，为一个可视化活动编辑器。 基于 JSON Schema 开箱即用的简单活动可视化编辑器。 在做生成一个可视化店铺装修系统的时候，需要解决配置数据表单的通用性，参阅了一些现用的解决方案，最终通过 JSON Schema 来生成对应的表单和校验规则。 首先可视化编辑器需要…

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