2017年12月_weeqe11

转载 Flex布局

Flex 弹性布局，任何一个容器都可以指定为Flex布局，但是设置Flex布局后，float，vertical-align，clear属性会失效容器的属性1.flex-direction 决定主轴的方向，即项目的排列方向 //有4个值 row: 主轴为水平方向，起点在左端 row-reverse: 主轴为水平方向，起点在右端 colum: 主轴为垂直方向，起点在上沿 colum-reverse...

2017-12-22 10:52:14 386

原创 vue请求数据，build文件没有dev-server.js解决办法

在最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替，所以配置本地访问在webpack.dev.conf.js里配置即可 1.旧版dev-server.js配置本地数据访问：在var compiler = webpack(webpackConfig)前面配置 var app

2017-12-19 18:11:44 1007

转载 vue生命周期图解

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。在Vue的整个生命周期中，它提供了一系列的事件，可以让我们注册js方法，可以让我们达到控制整个过程的目的地 created: 在模板渲染成html前调用，即通常初始化某些值，然后再渲染成视图 ...

2017-12-18 17:59:28 627 1

原创 Git操作之克隆某一个特定的远程分支

git clone -b [remote repository address]在克隆的时候，加上branch信息在加上仓库地址

2017-12-15 12:32:50 478

原创媒体查询使用和设备像素比

首先我们在使用Media的时候需要设置下面这段代码，来兼容移动设备的展示效果准备工作1：设置Meta标签代码参数解释： width = device-width 宽度等于当前设备的宽度initial-scale = 1.0 初始缩放比例（默认1.0）maximum-scale = 1.0 允许用户缩放到最大比例（默认1.0）minimum-scale =

2017-12-11 15:57:57 3143 2

原创 vue-cli生成vue+webpack的项目模板怎么设置为vue1.0

用Vue-cli生成vue+webpack的项目模板 $ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev 这样默认的是Vue2.0,如果要使用Vue 1.X的话，执行下面的操作： $ npm install -g vue-cli $ vu...

2017-12-08 17:21:24 351 1

原创 vue过滤器的使用

vue 对数据提供一个 filter 的处理器，虽然命名为 filter ，但是我觉得叫做数据处理器更体贴。用以在不 filters: { formatDate (time) { let date = new Date(time) return format(date, 'yyyy-MM-dd hh:mm') } } 改变的data 的情况下

2017-12-08 16:17:51 318

原创 css实现宽高比固定小技巧

padding-bottom是按照父元素的宽度比计算的,而不是按高度算,所以这里可以用溢出的padding-bottom来做（padding-top也可以）.image-header position relative height 0 padding-top 100% //image-header的高度就和他父容器的宽度是一样的 img pos

2017-12-06 11:03:07 777

weeqe的博客