知识点总结_(做内容管理系统之后总结1)

来源:互联网 发布:淘宝pc端链接转手机端 编辑:程序博客网 时间:2024/05/29 06:30

1 .hide

使用这个类的时候,其实并不是所有的都是dispaly:none的,虽然我是这样定义的。
它还会受其他的影响,比如比 .hide层级更高的css样式控制着 display:block 就会把display:none这个属性给隐藏住了。但是还有一种解决办法就是给.hide添加!important;这样就又可以使用.hide这个样式了。但是如果这个更高一级的层级把display:block也同样了添加了这个属性,那么更高一层级又超过了.hide的样式。这里就是告诉大家,你设置的属性并不一样完全如你所想哦,还有可能受更高层级的设置的影响。

2 学会归纳我要展示的内容的特点,然后设计几个大类是极好的

这个项目中我要展示五种类型的书本,一开始感觉头绪全无,但是在师傅的帮助下,总结了书本的特征,类型,然后给五种类型的书本设置了5个类,5个类用了五种完全不同的样式控制书本的样式,还用了underscore.js渲染出来,感觉方便了很多。

3 阻止冒泡事件

stopPropagation() 与 preventDefault() 与 return false

  1. stopPropagation() 这个是阻止事件冒泡,这个是从底层向上层组织的,加入一个div中有一个事件了,这个div中还有其他的div,其他的div哈有事件,那我们就要在其他的div中添加这句话阻止事件冒泡,不要执行父类的div层的事件。
  2. preventDefault() 这个是阻止默认的事件。有些事件并不是通过事件给添加上去的,比如说a标签,原本就存在的一个链接,这个就是默认的事件。假如我要给这个a标签添加其他的事件,我就要阻止默认事件。
  3. return false 这个就是综合了上面两种情况

4 fadeOut() 和 fadeIn()

它们都是jquery有的自己的方法,可以直接使用的,括号里边可以是fast ,slow 也可以是 3000 2000他们代表的是毫秒

5 代码的连写

$("body .crumb .ic_organization").on("mouseenter",function(){    $(".icon_hover").removeClass(CLASS_NAME_HIDE);    $(".iconhover_span").html("按机构");}).on("mouseleave",function(){    $(".icon_hover").addClass(CLASS_NAME_HIDE);});
0 0
原创粉丝点击