分享一个功能强大的vue.js拖拽组件

2018-02-01
阅读 2 分钟
73.5k
vue-slicksort -- 这是一个功能强大的可拖拽的vue.js组件。 它可以自动滚动,锁定坐标系。支持拖拽时,流畅的动画效果。可以支持水平,垂直或者网格的拖拽。支持触摸。

Virtual DOM的简单实现

2018-01-15
阅读 6 分钟
2.9k
之前在看vue的源码时了解了vue关于Virtual DOM的一些想法,Virtual DOM可以帮助我们更高效的操作DOM。它通过实现一个vnode的js对象,vnode的对象与dom的node对象是一一对应的,通过我们对vnode的操作可以实现对dom的操作,这样就可以避免频繁的dom操作带来的效率问题。vue的Virtual DOM实现了一套高效的diff算法来快速的...

前端面试总结--数据结构与算法五

2017-09-11
阅读 5 分钟
2.4k
add(value) -- 向集合添加一个新的项remove(value) -- 从集合移除一个值has(value) -- 如果值在集合中,返回true,否则返回falseclear() -- 移除集合中的所有项size() -- 返回集合所包含元素的数量values() -- 返回一个包含集合中所有值的数值

前端面试总结--数据结构与算法四

2017-09-10
阅读 6 分钟
2.9k
前端的面试中,链表还是经常会被问到。所以熟悉链表的结果以及链表操作的方法还是很重要的。说道存储多个元素,数组可能是最常用的数据结构。这种数据结构非常方便,提供了便利店[]语法来访问它的元素。但是数组的缺点就是对元素进行插入或者删除操作的成本很高,需要移动元素。链表存储有序的元素集合,但不同于数组,...

前端面试总结--数据结构与算法三

2017-09-07
阅读 2 分钟
2.9k
队列是遵循FIFO(First In First Out, 先进先出)原则的一组有序的项。队列在尾部添加新元素,并从顶部移除元素。最新添加的元素必须排在队列的末尾。

前端面试总结--数据结构与算法二

2017-09-07
阅读 2 分钟
2.1k
栈是一种遵从后进先出(LIFO)原则的有序集合。新添加的或者待删除的元素都保存在栈的末尾。称作栈顶,另一端就叫栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。

前端面试总结--数据结构与算法一

2017-09-06
阅读 3 分钟
3.9k
数组是比较简单的内容,这里介绍数组常用的操作。数组的创建和初始化非常简单,你可以通过var arr = new Array()或者var arr = new Array('a','b','c')来创建一个数组。当然也可以简单的var arr = [];这也是最通常的用法。

Lottie&vue-lottie--更简单的动画实现方式

2017-08-30
阅读 3 分钟
17.8k
Lottie是一个可以通过bodymovin插件来解析Adobe After Effects动画,并生成json格式的文件。该json文件可以通过Lottie开源库在iOS,Android,macOS,React Native中进行解析生成动画效果。

一个vue的可拖拽的瀑布流布局组件

2017-08-23
阅读 2 分钟
18.1k
vue-grid-layout是一个功能强大的瀑布流布局组件。支持用户拖拽和对改变元素大小,并提供相应的事件进行自定义操作。而且布局可以存储和再展现。 安装 通过NPM安装 {代码...} 插件应用 这是一个使用的例子 {代码...} {代码...} 插件参数 参数 类型 默认值 说明 autoSize Boolean true 是否根据内容确定容器的高度 colNum...

Vue-cli创建vue项目以及配置文件梳理

2017-08-14
阅读 15 分钟
41.1k
vue-cli是vue提供构建单页应用的脚手架。它能够帮助开发者快速的创建vue项目。这篇文章主要介绍如何使用vue-cli,以及它创建的vue项目结构。还有就是对于build目录下的配置文件进行一些梳理总结。

每天读一点源码---vue的初始化

2017-08-10
阅读 3 分钟
3.5k
今天开始打算用3个月的时间读一些源码,先从MVVM的vue开始吧。vue是一个非常不错的前端框架,不仅体积小,性能高,而且学习曲线非常平缓,很容易上手。官方文档也很详解,配套的构建工具很完事。还有很多第三方的组件和组件库,可以让开发者更高效的工作。

分享一个基于vue的环形菜单组件

2017-08-07
阅读 1 分钟
9.6k
vue-quick-menu是一个应用于移动端的快速导航组件。它拥有炫酷的展开和收起时的动画效果。它支持自定义菜单的显示位置,菜单的数量,颜色等属性。 demo 安装 通过NPM安装 {代码...} 插件应用 这是一个使用的例子 {代码...} 插件参数 Property Type Default Description menuCount Number 4 导航菜单的数量 可选2,3,4 m...

Web响应式设计(二)

2017-07-31
阅读 6 分钟
2.2k
前面我们说了媒体布局在响应式设计中的应用,但是同时它也有一定的局限性。那些仅使用媒体查询来适应不同视口的固定宽度设计,只会从一组CSS 媒体查询规则突变到另一组,两者之间没有任何平滑渐变。伊桑· 马科特在A List Apart 上发表的有关响应式网页设计的文章([链接] )。其实他采用的技术(流动布局、弹性图片和媒...

Web响应式设计(一)

2017-07-30
阅读 4 分钟
2.1k
上周在看Ben Frain的"Responsive Web Design with HTML5 & CSS3",哈哈,Ben真是一个很幽默的家伙,一本书看下来感觉像是在看小说,或者是听段子。书里讲了一下响应式设计的原理,介绍了很多实用的工具网站,还要一下html5和css3的知识,也是很好的复习。所以打算周末写这个blog算是对自己看这本书的总结。