vue.js

心路历程:vue2.0+webpack+koa2 前后端同构实践(一)

vue2.0+webpack+koa2 前后端同构实践(一)做了vue2.0 + webpack + koa前后端同构实践,有几点想吐槽下:es6看源码先学es6,接着还得学babel。一直没有在正式项目中引入es6,虽然写es6是流行、是趋势,但是非必须,目的是让项目在不断迭代同时技术能平稳过渡,秉持少做就是少错————babel相关问题也省了。.vue这次用了.vue文

vuejs核心概念简析

概述使用vue编写网页是一个让人愉悦的过程,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.快速开始vue最好的方式是阅读官网的文档,这是学习vue最好的途径,没有之一.基本上通读文档即可让你从入门到精通了,下面讨论一下vue的精髓与重点需要理解的部分vue的精髓在于基于数据的状态和组件式编程数据驱动基于操作dom的方式

Vue.js + waves-effect

Vue.jsMaterial Design 谷歌推出了全新的设计语言Material Design。谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。(网上copy的)Materialize 前端框架Vue.js 自定义指令// directiveVue.directive('effect', { bind: func

Vue 分页组件 v2.0

背景之前也写过一个分页组件,非常简洁的一个分页组件。效果图: 传送门代码也很简单,看看就懂了。当页数多起来的时候,问题也就来了。这.......迫不得已,我把页码显示的去掉,就成了 看着是没啥问题,可是需求方不乐意了。。。他们希望,页码多起来的时候能出现 ...效果:Vue 分页组件 2.0 首页 上一页

vue一步步实现alert功能。

原生alert的缺点会阻塞一切操作,影响用户体验很多浏览器会默认静止alert,例如微信。原生alert框样式丑陋。demo地址: 用力点我项目地址: web-style 希望大家多多关注。项目里有css样式和vue组件。目标是快速构建后台系统。有一定自适应的设计。css思路:最外层是一个黑色透明撑满全屏幕的div并且是fixed的div.modal-mask。 在mask

Vue实现的问题&解决方案的查询文库

端午写了个小东西 ,这里分享下 项目地址 demo 之前在segmentfault总结了vue的常见问题,大家都挺喜欢的。 因为一个人的力量是有限的,我就想有没有什么办法能协同合作,可以让其他人来分享他遇到的问题和解决方案,于是就弄了个这个 因为这个项目很小,我就想纯静态文件能不能hold住,就借助gh-pages来弄了这个小东西。 查询通过空格分隔关键词,因为需要分词,设

Vue扩展

效果扩展: Vue.transition('transitionName',{beforeEnter:function(){},enter:function(){},afterEnter:function(){},beforeLeave:function(){},leave:function(){},afterLeave:function(){} })组件扩展: var c

基于Vue的简单的单页面应用的实现

基于Vue的简单的单页面应用在对Vue和webpack有了一定了解后,我们就可以开始利用所了解的东西做一个简单的webapp了,不了解的同学可以看下我的前两篇关于vue和webpack的基本应用:webpack+vue起步利用webpack和vue实现组件化构建项目首先创建各个组件,我的目录结构如下://没有后缀名的都是文件夹|-wechat|-dist|-src| |-