2017-06-01 Oliver Wang
最近的项目里面需要一个图片点击放大预览的插件~ 项目是 vue 写的 SPA ~ 找了好久,没有现成的,有一个,但是写的我很不喜欢,需要手动传入图片地址,宽度和高度,都这样了,还写什么程序~ 然后我打算自己写一个~ 思路 基本思路的话,就是点击图片的时候,产生一个遮罩层(或者遮罩层本来就有),然后在遮罩层添加一个图片,居中什么的样式到时随便了。点击事件很简单, @click 就好了,点击图片之后可以获取到图片的路径,因为点击的是已经显示出来的图片,所以当前图片的 meta 信息肯定包含了该图片的长和宽。 生成一个遮罩层也很简单,然后根据图片的长宽和屏幕的长宽(或者浏览窗口的大小)可以计算图片的居中位置。 然后添加到 bo 继续阅读 »
2016-03-22 AnnatarHe
想做SPA就快上车! init 首先要起一个项目,推荐用vue-cli安装 $ npm install -g vue-cli $ vue init webpack demo $ cd demo $ npm install 继续阅读 »
2017-05-24 Oliver Wang
最近开始接触 vue, 写了一个算是前端小论坛的公司内部项目, 算是一个知识库, 可添加一些常见的问题供别人查阅~ 现在做个总结吧, 项目写完一个多星期, 现在想想差不多都忘记了~ 真是老了~ 生命周期 其中 created 和 mounted 的顺序要确定好~ 比较重要的就像下面这三个吧, 其他的像是 updated, beforeUpdate 我几乎没有用过, 暂时不说~ created 实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。 mounted el 继续阅读 »
2017-03-07 Lim Geng
没图片太单调,用啥图呢,思考片刻选择了这幅图 数据绑定的本质 实现数据绑定的本质就是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 继续阅读 »
2016-01-10 AnnatarHe
React VS Vue 之前写过一个文章说一些React应注意的一些基础问题。现在你应该知道,我已经转Vue了。 我非常喜欢Vue的组件的编写方式。用*.vue的组件编写实在是符合正常人的思考方式。相比之下React的写法就不够人性化了。 继续阅读 »
2017-01-10 wilsonIs
写在前面 虽说vue官网已经有很详细的教程,而且我也是在这里边看边学习的。不过我是希望能够总结出一些对自己有用的部分,或者希望学习完之后能够理出自己的思路来,这样,也算是达到了我写笔记的目的。 继续阅读 »
2016-10-01 kk
在实现 flask-restaction 的自动生成API文档功能时,用到 https://highlightjs.org/ 实现代码高亮。 首先按照文档用的是这个方法: 继续阅读 »
2018-07-20 jude
一点前端源码阅读经验 继续阅读 »
2017-06-01 Catsugar
记录一下Vue安装过程。 安装npm,vue cnpm install npm -g cnpm install vue 安装 vue-cli ``` cnpm install --global vue-cli 继续阅读 »
2017-05-26 wilsonIs
vue-treeSelect是一个基于vue2.x框架做的树形选择器,实现了单选、多选的功能。即使在上万数据节点的时候,依然有较好的性能体验。 项目开源地址 继续阅读 »