页面布局一直都是web应用样式设计的重点 我们传统的布局方式都是基于盒模型的 利用display、position、float来布局有一定局限性 比如说实现自适应垂直居中 随着响应式布局的流行，CSS3引入了更加灵活的弹性布局模型flex弹性布局使用弹性布局可以有效的分配一个容器的空间 即使我们的容器元素尺寸改变 它内部的元素也可以调整它的尺寸来适应空间 若想让一个元素变成...

有一个JS数组，如：var arr = [["projectname1","projectnumber1"],["projectname2","projectnumber2"],["projectname3","projectnumber3"]]; 想将此数组转换成JSON字符串

1、数据方法分类：（1）原数组改变push pop  unshift shift reverse sort splice（2）原数组未变，生成新数组slice concat  filter对于使原数组变化的方法，可以直接更新视图。对于原数组未变的方法，可以使用新数组替换原来的数组，以使视图发生变化。示例代码：?12345678910111213141516171819202122232425262

我相信很多使用vuejs的朋友，都有采用ajax上传图片的需求，因为前后端分离后，我们希望都能用ajax来解决数据问题，传统的表单提交会导致提交成功后页面跳转，而使用ajax能够无刷新上传图片等文件。其实已经有朋友封装了相关的npm包，但是我想说用原生的js api来实现，也用不了多少代码，而且更灵活，能使用原生就尽量用原生。接下来就以一个简单的头像上传来说明如何使用。效果图

vue是一种mvvm框架，它相对于jquery可能比较大的差异点之一就在于组件之间的通信了。这里提供三种不同情况下vue组件的通信方式。一. vue父子组件通信vue父子组件通信可以用Vue.$emit自定义事件来解决。// 父组件"editAddress">single-address>// 子组件methods: {editAddress () {this.$emit('

前言今天看了一下Vue-cli中webpack打包的速度，有点小慢，于是我就开始使用其自带的productionGzip功能。说明：本人用的node版本：v6.11.3，npm版本：v3.10.10，webpack版本：3.6.0，Vue版本：2.5.2，以免后期版本升级更新造成误导。下面进入正文。1. 首先打开config/index.js，找到build对象中的produc...

在vue的开发中，我们需要引用子组件，包括ui组件（element、iview）。但是在父组件中添加scoped之后，在父组件中书写子组件的样式是无效果的。去掉scoped之后，样式可以覆盖。但这样会污染全局样式，为了解决这个问题，vue-loader新增书写方式。#demo父组件：<style lang="css" scoped>header /d

1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue12、在当前目录下，安装依赖$ cd myvue$ npm install123、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass1234、在bu...

我期望在vue中定义一个函数，但是必须在vue中的data,和整个vue页面渲染完之后再去执行该函数，如果vue没有渲染完毕，就会报错，说我没有定义，找不到undefined；Vue.nextTick(function () { alert('new message'); })该方法可以解决：如我要向页面输出当前的时间戳对应的日期

也许大家都是使用习惯了es5的写法喜欢直接用《Script》标签倒入js文件，但是很是可惜，这写法。在es6，或则说vue环境下不支持真的写法是怎样？首先。我们要改造我们要映入的外部js文件，改成下面这个格式。主要是红色方块内部代码，我们需要将我们的模块“抛出”，让人能获取到代码：[html] viewplain copy