JS动效其实属于前端动效的进阶了，因为大部分网页的效果使用简单的css微动效已经能够达到足够的视觉呈现效果，但当我们去浏览一些品牌页面，会发现他们的页面炫酷程度绝对不是简单的css就能处理的，比如..

就在今年年初，我成为了一名「掘金」的作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，虽然我是个菜鸟，但是他们都叫我哥，还有，**用最通俗

前言 本文会以第一人称视角带大家读源码。简单易懂，大佬小白都能看明白。并收获益处。欢迎 react 用户来怼！

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

Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法是提交mutation，例this.$store.commit('SET_VIDEO_PAUSE', video_pause，SET_VIDEO_PAU…

通过全局方法 Vue.use() 使用插件。它需要在你调用 new Vue() 启动应用之前完成： Vue.js 的插件有一个公开方法 install。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象： 当我们编写插件的时候理所当然的就会省去挂载这一步操作…