最近做一个教育类的H5项目开发,有个UI界面是关于兴趣爱好选择,由于不希望用绝对定位将标签的数量和位置固定,故根据一些简单的计算封装了随着标签数量增减的动态定位,然后就有了这个生成器。遗憾的是,通常这种UI只是移动端使用…
分类:vue.js
Vue扩展
效果扩展: Vue.transition('transitionName',{ beforeEnter:function(){ }, enter:function(){ }, afterEnter:function(){…
Vue 动态修改网页标题和图标
VUE2: 二、普通方案,使用Vue-Router的beforeEach拦截 routes: [{ path: '/', name: 'home', component: () => import('@/pages…
前端点滴
走在前端的大道上 持续更新,最后更新时间2017年6月19日 从 JavaScript 作用域说开去 不再彷徨:完全弄懂JavaScript中的this(译文总结) 你不知道的JSON.stringify()妙用 深入理…
Vue中eventbus很头疼?我来帮你
话不多说,直接上干货 现存痛点 你只是想简单的要一个事件的发布订阅来通知下兄弟组件执行个方法? 你是否还在为引入一个eventbus后,每次还要手动调用卸载(off)而头疼? 你是否还在为要去想各种bus的【pub、su…
vue数组转字符串,字符串转数组
let list = JSON.parse(options.list) let lists = JSON.stringify(item)
用rethinkDB,horizon,vue搭建实时应用
有个新型的数据库”rethinkDB”,支持watch操作,用来做即时应用再好不过了,虽然官方支持的公司是倒闭了,好在这个是个开源项目,用来做下个人项目还是没问题的。 The open-sourc…
Vuex之理解Mutations
理解Mutations 1.什么是mutations? 上一篇文章说的getters是为了初步获取和简单处理state里面的数据(这里的简单处理不能改变 state里面的数据),Vue的视图是由数据驱动的,也就是说sta…
vue总结系列--数据驱动和响应式
在公司里帮项目组里开发后台系统的前端项目也有一段时间了。 vue这种数据驱动,组件化的框架和react很像,从一开始的快速上手基本的开发,到后来开始自定义组件,对element UI的组件二次封装以满足项目需求,期间也是…
vue webpack v1 & v2 基础配置篇(初学者--1)
Webpack现在有v1和v2两种版本。 安装nodejs。这就不细说了,度娘告诉你。 cmd定位到开发文件夹,按照提示生成package.json。npm init 安装es6编译插件。$ npm install cs…
简单说说vue的父子组件,父子组件传值和vuex
一、vue的父子组件之间是如何传值的? 首先呢,需要说说的是,vue既然有双向绑定,那为何会有父子组件之间的传值问题?这个问题也简单,vue的组件会供其他的vue页面进行调用,如果数组都是双向绑定的话,那么就容易混乱了,…
心路历程:vue2.0+webpack+koa2 前后端同构实践(三)
vue2.0升级 纠错 第一篇中有个错误观点 必须用新的方法render来代替template vue2.0中都JXS和template两种写法都支持。JXS有一定的应用场景,特别是在前后端同构时,稍后总结。 升级 我当…