fs项目总结

1,js数组与字符串的相互转换
数组转字符串：arr = [1234];
arr.join('-') //'1-2-3-4'
字符串转数组：str = abc,bcd,ee;
str.split(',') //['abc','bcd','ee']
2，每一分钟保存一次
autosaveFn = setInterval(tiemer, 60000); tiemer = save();
3，伪类
项目中为active的tab标签增加蓝色下划线
:after{ content: ' ' ；display: 'block'；background: 'blue'；height: '2px';left: '0'; right: '0'}
4，keep-alive
1.结合router缓存需要缓存的页面
<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive>
routes: [ { path: '/', name: 'Hello', component: Hello, meta: { keepAlive: false // 不需要缓存 } } ]
2.使用<keep-alive>会将数据保留在内存中，如果要在每次进入页面的时候获取最新的数据，需要在activated阶段获取数据，承担原来created钩子中获取数据的任务。
　　被包含在 <keep-alive> 中创建的组件，会多出两个生命周期的钩子: activated 与 deactivated
　　activated：在组件被激活时调用，在组件第一次渲染时也会被调用，之后每次keep-alive激活时被调用。
　　deactivated：在组件被停用时调用。
created>mounted>activated
5,鼠标经过hover内容
title属性
6,子组件修改父组件数据
1，this.$emit('methodname', params)
2, 直接在父组件需要传递给子组件的属性后面加上.sync
父组件： :word.sync = "word"
子组件: this.$emit('update: word', newval)
7,input输入框禁用
disabled="disabled"
8,vue给对象增加多个属性
this.user = Object.assign( {}, this.user, { tel: 18888888888, sex: 'Y' })
9,日期格式转化

var mydate = new Date();
mydate.getFullYear() ;  
mydate.getMonth() ; //0-11 0代表1月
mydate.getDate() ; //1-31当前日

10,判断数组是否为空
不能arr === []，应该用length arr.length === 0
11，CSS画红点

 <i class="tip"></i>
.tip {
    display:block;
    background:#f00;
    border-radius:50%;
    width:8px;
    height:8px;
    top:0px;
    right:0px;
    position:absolute;
}

image.png

fs项目总结

推荐阅读更多精彩内容