2017年10月_lvlemo

原创时间转换

在一些社区,比如微博、朋友圈等,发布动态会有一个相对本机时间转换后的相对时间. 转换的逻辑. - 1分钟以前，显示’刚刚’。 - 1分钟 ~ 1小时之间，显示’xx分钟前’。 - 1小时 ~ 1天之间，显示’xx小时前’。 - 1天 ~ 1个月(31天)之间，显示’xx天前’。 - 大于1个月，显示’xx年xx月xx日’。时间处理函数,声明对象,封装程序time.js//2对象构造函数

2017-10-27 14:21:34 205

原创验证码(倒计时)

{{captchaLabel}} /*文本框容器*/.input-container{ margin: 20px 30px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid #d

2017-10-23 16:28:24 219

原创 push 转场动画

transition

2017-10-18 13:21:47 239

原创 css设置标签背景

1.返回按钮 <div class="back" @click="backAction"></div>.back{ position: absolute; left: 10px; top: 13px; background: url("../../assets/content/nav_backbtn@2x.png"); background-size: 1

2017-10-18 13:05:02 356

原创 vuejs实现iOS弹框 export

1.引入文件popup.css, popup.js//方式1//popup.js//导出常量export const kwidth = 200;//导出函数export function noticeHide() { document.getElementById("popup-backdrop").style.display = "none"; document.getE

2017-10-18 10:13:33 762

原创 element-ui

1.在package.json 的 dependencies 字段下面增加 "element-ui": "^1.3.4" 官网"dependencies": { "vue": "^2.4.2", "vue-awesome-swiper": "^2.6.7", "vue-router": "^2.7.0", "element-ui": "^1.3.4" } 2.n

2017-10-17 19:21:04 710

原创 vue导航和首页轮播图实现

vue-tabbar vue-slider1.路由结构图 index.js使用路由首先要引入Vue-router并use，并将配置好路由的vue-router实例挂载到new出来的Vue实例上，不过vue-cli已将帮我们配置好了，只需要在其基础上继续开发就行export default new Router({ routes: [ { path:'/', red

2017-10-17 18:23:23 5917 1

原创 vue-route 导航使用

//index.js//routr初始化import Router from 'vue-router'import Home from '../components/Home/home.vue'//注册Vue.use(Router)//路由的配置export default new Router({ routes: [ { path: '/home',

2017-10-13 17:28:36 514

原创 css宽高比例

css 宽度100%,控制宽高比例10:7.自适应app屏幕 .divtest{ position: relative; width: 100%; height: 0; padding-top: 70%; transform-o

2017-10-13 10:24:47 868

原创 vuejs创建类

创建类 song.jsexport default class Song{ constructor({id,mid,singer,name,album,duration,image,url}){ this.id = id this.mid = mid this.singer = singer this.name = name

2017-10-12 18:25:42 10524 1

原创 vue编程跳转接口push 转场动画

index.js 配置路由import Vue from 'vue'import Router from 'vue-router'import SingerDetail from 'components/singer-detail/singer-detail'Vue.use(Router)export default new Router({ routes: [ { p

2017-10-12 17:33:42 1602

原创 fixedTitle

<div class='list-fixed' v-show='fixedTitle'> <h1 class='list-title'> {{fixedTitle}}</h1></div> computed:{ fixedTitle(){ if(this.scrollY>0){ return '' } return this.

2017-10-11 17:58:50 227

原创组件 --->父控件 (事件派发 ) 生命周期

vuejs 5.6- 4：001.scroll组件methods:{ if(this.listenScroll){ let me = this; this.scroll.on('scroll',(pos)=>{ //派发事件出去,外部可监听到scroll事件，得到position me.$emit('scroll',pos)

2017-10-11 16:52:12 248

原创 JavaScript Array map()方法

语法array.map(function(currentValue,index,arr), thisValue)currentValue：必须。当前元素的值 index：可选。当前元素的索引值 arr：可选。当前元素属于的数组对象 thisValue：可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。可改变this指向，map() 方法返回一个新数组，数组中的元素为原始数组

2017-10-11 15:27:20 769

原创对象的扩展

对象扩展1.javaScriptObject.assign(argu1,argu2,argu3); argu1:{} argu2:原来的对象 argu3:扩展的对象var commonParams = { gender:'man', school:'sd'},const data = Object.assign({},commonParams,{ name: 'lvk

2017-10-10 11:17:20 167

lvlemo的博客