发表于: 2017-07-29 23:04:38

0 825


今天完成的事情:做了小课堂,改了一些公司新增页面和编辑页面的bug

明天计划的事情:公司新增页面和编辑页面的模态框。

遇到的问题:暂无。

收获:

我以前用的第一种写法。然后李兴发现第二种也可以。

写法1:

var c=3;

var data={

name:c=c?c:""

}

写法2:

var c=3;

var data={

name:c?c:""

}

这里的本意是判断c是否存在,如果存在,就为c.否则为空。但是实际上这个if(c)不只会做关于c是否存在的判断,还会做关于c是true还是false的判断。

然后遇到的问题就是如果c=0,name就会判断c为空。因为0代表false.

解决办法目前有两种:一种是李兴的写法:name:c>-1?c:"";通过改变判断条件来解决。

判断c是否大于-1,另一种就是用c=c.toString()来先将c转化为字符串的格式。这样就不会做true和false的判断。

第一种解决办法要更方便一些。

         成都第178期小课堂

【CSS-task12】知道css有个content属性吗?有什么作用?有什么应用

1.背景介绍

早在CSS2.1的时候就引入了content属性,应该算是最常用的一个css属性之一,

可以使用:before以及:after伪元素生成内容,此特性目前已被大部分的浏览器支持。

 另外,目前Opera 9.5+ 和 Safari 4已经支持所有元素的content属性,而不仅仅是:before和:after伪元素。

2.知识剖析

2.1.生成文本内容

2.2.通过attr()属性将选择器对象的属性作为字符串进行显示

2.3.用计数器添加序号

2.4.插入引号

2.5.插入图片视频等

3.常见问题

当使用attr()获取标签属性名的时候,添加了引号使得获取失败

4.解决方案

5.编码实战

5.1.  h2:before {

                    content: "标题前内容!";

                  }

                  <h2>标题h2</h2>

                </code>

              标题前内容!标题h2

5.2 通过attr()属性将选择器对象的属性作为字符串进行显示

            <code>

              a:after {

                 content: attr(href);

              }

              <a href="http://www.example.com">此标签的href值是:</a>

            </code>

            此标签的href值是:http://www.example.com

5.3用计数器添加序号

ul{

list-style-type: none;

counter-reset: counter;

}

li:before{

content:"美女"counter(counter)":";

counter-increment:counter;

}

5.4插入图片

.img{

content:url(baicai.jpg);

}

6.扩展思考

css中用原子类clearfix时有一种方法如下,其中的content: ".";有什么用,解决了什么问题,为什么要用他?

.test2:after{

content:"";

clear: both;

display: block;

}

清除浮动的效果。

7.参考文献

8.更多讨论



返回列表 返回列表
评论

    分享到