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

之前项目还用 jQuery 的时候，要在页面上做一个飘东西效果，类似下雪那样。当时使用的是一个开源组件 jquery.let_it_snow。 props 大致和 jQuery 版本的 let_it_snow 差不多，多添加了用来控制显示隐藏的 show 和多图片支持的 ima…

vuex作为vue官方出品的状态管理框架，以及其简单API设计、便捷的开发工具支持，在中大型的vue项目中得到很好的应用。作为flux架构的后起之秀，吸收了前辈redux的各种优点，完美的结合了vue的响应式数据，个人认为开发体验已经超过了React + Redux这对基友。 …

前言 随着 Vue.js 越来越火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的 vue-router、vuex 等，都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件，来了解…

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

Vue.js打造一个开源的CNode社区 Vue.js打造一个开源的CNode社区，实现了浏览、发帖、收藏、回复、点赞、个人中心等等功能。 源代码 源代码地址：👉 https://github.com/microzz/vue-cnode 欢迎大家star和fork😄 预览 …

一样的配方不一样的味道，一個好的产品，需要用心打磨，Vue 音樂播放器再一次到來，Vue 全家桶、axios、es6、flex...

Hbuild 使用 hbuild-cli 命令行工具，全局注册后可快速生成项目启动套件。你可以使用 Hbuild 生成一个 h5 项目，或者 vue 项目（默认搭配 react-router，可自由选择 vuex），或者 react 项目。

请各位读者添加一下作者的微信公众号，以后有新的文章，将在微信公众号直接推送给各位，非常感谢。 0.前言 若文章中存在内容无法加载的情况，请移步作者其他博客。 简书 CSDN 最近在看 Vue 的时候，别人给我安利了一个国外的小案例，通过 Vue 和 Vuex 来实现一个记事本。…