发表于: 2016-12-13 22:41:05

2 1824


今天完成的事情:

    1. 上午整理了csstask15的页面,还是觉得很有欠缺,但是不知道怎么改才好了,下午开始task4,修复task3的一些问题

明天计划的事情:

    1. 争取完成task4,学习师兄实现业务需求的方法.

遇到的问题:

   1. 整理页面的时候,继续学习less,搞明白了匹配和引导的用法,做组件的时候可以尝试使用,比如一个btn有很多种颜色,或者尺寸的时候,就可以预先写好多

      种样式的btn,根据不同的参数调用.

// LESS匹配模式
.mixin (dark, @color) {//非变量只有符合匹配才能调用
color: darken(@color, 10%);
}
.mixin (light, @color) {//非变量只有符合匹配才能调用
color: lighten(@color, 10%);
}
.mixin (@_, @color) {//变量接受任意值的匹配
display: block;
}
//less引导模式
.mixin (@a) when (@a >= 50) {//满足条件值才会被调用
background-color: black;
}
.mixin (@a) when (@a < 50) {//满足条件值才会被调用
background-color: white;
}
.mixin (@a) {//没有条件值的直接被调用
color: @a;

}

2.页面传递值的时候可用'page5.html?number=' + gameId;的方式,但是这样是明文传递的,也可以用本地缓存的方式来做

 本地缓存分三种 1.localStorage 空间大,没有过期时间 2.sessionStorage 关闭浏览器后会删除 3.cookies 空间很小. 

    

收获:

   1. 对象用,结束  对象用,结束  对象用,结束;

   2. 学习less的混合和引导模式.

   3. 页面传递和本地缓存方法.



返回列表 返回列表
评论

    分享到