今天完成的事情:做了小课堂，改了一些公司新增页面和编辑页面的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.更多讨论