嗯，舒服了很多，这个需求到这里就完了，但是事情并没有结束，我突然想到了以前看一些算法文章的时候通常会配上一些演示的动画，感觉跟这个很类似，那么是不是可以用这个来实现呢，当然是可以的。 之前看到这些动图的时候也有想过怎么实现，但是都没有深究，这次业务开发无意中也算找到了其中的一种…

如图，这就是编辑器的全貌，分为编辑区域与预览区域，其中预览区域可以通过菜单中的按钮实现隐藏或展示，方便不同的编辑需求。 完成一个编辑器，听起来就十分困难呀，一开始笔者也是一脸懵逼，下面给大家说一下笔者的编辑器是如何一步步走上正轨的，开发这个编辑器大概经历了两个阶段，第一个阶段是…

其实没什么太多可以说的，上述大家如果体验过那么大致知道原理。其中iframe是想对成本最低的，或者说侵入性最小的。其余两种成本较高。但是总体而言并非不可接受。 其实这个构建模式我之前就用了，只是那会csdn文章迁移过来。就厚颜无耻的再用一次了。 最近进了新公司，感受了别人公司的…

首页从上至下有抽签主题，抽签选项，发起抽签，常用抽签，此页面主要功能发起抽签，把抽签内容存到数据库里面。 抽签页有抽签功能，显示抽签结果，此页面主要功能，从数据库查询是否已经抽签，已抽签显示抽签结果，未抽签随机分配抽签（或者显示抽签次数已用完）。 因为发的时间比较短，页面、功能…

大家都知道，Vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。 这种时候，Vue 提供了一个 api：this.$set，来使得新增的属性也拥有响应式的效果。 但是对于很多新手来说，很多时候需要小心翼翼的去判…

这里简单说下。父组件通过按钮 加一，减一来控制 count的值。父组件通过provide传递给子组件，子组件inject接收。注意，在传值的过程中，通过对象传递count，由于是对象，便可使用 Object.defineProperty 来检测。当子组件调用时，便会触发 Obj…

选择是的话，会让你填写一个预设文件的名字，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置。 由于现在的目录结构不利于后期的开发，现在我们增加部分文件，待后续可以进行功能扩展。在src文件下：新建api文件夹，router文件夹，utils文件夹，views文…

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

注：得VueComponent着得Vue，通过此文了解VueComponent的强大。 注：km-grid-item为km-grid的子组件。 这里在km-grid-item加上 v-on="＄listeners"意思就是说将所有km-grid的监听器指向 km-grid-it…