最近开始接触 vue, 写了一个算是前端小论坛的公司内部项目, 算是一个知识库, 可添加一些常见的问题供别人查阅~
现在做个总结吧, 项目写完一个多星期, 现在想想差不多都忘记了~ 真是老了~
生命周期
其中 created 和 mounted 的顺序要确定好~ 比较重要的就像下面这三个吧, 其他的像是 updated, beforeUpdate 我几乎没有用过, 暂时不说~
created
实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
mounted
el
继续阅读 »
最近的项目里面需要一个图片点击放大预览的插件~ 项目是 vue 写的 SPA ~
找了好久，没有现成的，有一个，但是写的我很不喜欢，需要手动传入图片地址，宽度和高度，都这样了，还写什么程序~
然后我打算自己写一个~
思路
基本思路的话，就是点击图片的时候，产生一个遮罩层（或者遮罩层本来就有），然后在遮罩层添加一个图片，居中什么的样式到时随便了。点击事件很简单， @click 就好了，点击图片之后可以获取到图片的路径，因为点击的是已经显示出来的图片，所以当前图片的 meta 信息肯定包含了该图片的长和宽。
生成一个遮罩层也很简单，然后根据图片的长宽和屏幕的长宽（或者浏览窗口的大小）可以计算图片的居中位置。
然后添加到 bo
继续阅读 »
想做SPA就快上车！
init
首先要起一个项目，推荐用vue-cli安装
$ npm install -g vue-cli
$ vue init webpack demo
$ cd demo
$ npm install
继续阅读 »
没图片太单调，用啥图呢，思考片刻选择了这幅图
数据绑定的本质
实现数据绑定的本质就是Setter+change事件，前者Setter用于在数据模型变化时更新UI，后者change事件，用于在UI变化时更新数据模型，来看个大某：
Demo1
```js
// 数据模型
var data = {
text: 'Hello World'
};
// UI元素
var input = document.getElementById('input'),
label = document.getElementById('lbl');
// Setter
Object.defineProperty(data, 'tex
继续阅读 »
一、基本实现
关于Vue的响应式原理，可以参考 Reactivity in Depth。
从实现细节上来说，主要涉及到三个类：Observer，Dep 和 Watcher。它们的关系是：Observer 观察到数据的变化，并调用 Dep 的相关方法，通知到 Watcher，然后 Watcher 执行相应的回调（更新视图等）。
继续阅读 »
写在前面
虽说vue官网已经有很详细的教程，而且我也是在这里边看边学习的。不过我是希望能够总结出一些对自己有用的部分，或者希望学习完之后能够理出自己的思路来，这样，也算是达到了我写笔记的目的。
继续阅读 »
React VS Vue
之前写过一个文章说一些React应注意的一些基础问题。现在你应该知道，我已经转Vue了。
我非常喜欢Vue的组件的编写方式。用*.vue的组件编写实在是符合正常人的思考方式。相比之下React的写法就不够人性化了。
继续阅读 »
在实现 flask-restaction 的自动生成API文档功能时，用到
https://highlightjs.org/ 实现代码高亮。
首先按照文档用的是这个方法：
继续阅读 »
vue-treeSelect是一个基于vue2.x框架做的树形选择器，实现了单选、多选的功能。即使在上万数据节点的时候，依然有较好的性能体验。
项目开源地址
继续阅读 »