1.select的用法:
http://www.jb51.net/article/42523.htm
select的val()就是当前选中的val(),并且初始没有点击选择时val()值为第一项option的值。
2.Ajax的异步
jQuery中,$.getJSON只能异步,它之后的代码会先执行。要想避免异步产生问题必须想办法把代码搬到回调函数中。
3.sessionstorage的储存(可以以Json的形式存入对象)
sessionstorage和cookie和script文件中全局变量的区别:
保留期cookie>sessionstorage>全局变量
刷新后script文件重新加载,全局变量消失,如果页面没有关闭,只是刷新,则sessionstorage中的数据还在。如果关闭了页面重新打开,则sessionstorage中的数据消失,cookie中的数据保留时间最长,直到手动清除浏览器的cookie为止。
4.RegExp,判断字符串是否适配用test。
5.parseInt()函数对于0开头的字符串在新浏览器中可自动去0,在IE8及以下浏览器中,01到07没有问题,08和09会报错,因为默认八进制转换,所以需用parseInt(str,10)来明确十进制即可解决。
6.jQuery用trigger()可以往事件函数中可以传递参数,配合on()。直接手动调用(click(),change())无法传递其他参数。
参考:
http://www.frontopen.com/846.html
7.function Func(){--------------5
this.b();---------------------6
}
Func.prototype={ --------------1
a:function(){};------------------2
b:function(){--------------------3
this.c();};-------------------7
c:function(){}-------------------4
}
var obj=new Func();-----------5
在用构造函数和原型创造对象时,运行顺序首先执行prototype,提升所有属性(包括方法头部)。在原型中定义的属性方法互相调用不在乎顺序。可以看到虽然方法c书写在b后面,但是在第四步就被提升了,b的函数体在第七步才执行,此时调用c是没有问题的。
8.jQuery中的DOM对象经过了封装,无法通过变量名直接判断是否是同一个DOM对象。
比如在this==document.getElementById(“example”)判断为true的情况下,$(this)==$("#example")一般不为true.
9.网页轮播图。将image列表换成div列表,图片作为background-image,可以用Position实现一直居中。而且在Bootstrap框架下div可以自适应屏幕宽度。
10.图标字体的使用:
图标字体是用字符编码来显示图片的字体,使用时有两点:1.css中导入字体2.设置font-family字体为该字体(一般抽出成一个icon类) 3.一般在css中用伪元素添加content="exxx"(字符编码)。
使用Bootstrap组件提供的图标字体时,直接添加类即可。但是bootstrap的图标字体中不包含常规的英文和中文字符,所以给它一个单独的span标签来设置font-family,确保不影响到其他内容的正常显示。
对于包含正常字符和图标字符的图标字体,在父元素上更改font-family也不会影响其他兄弟元素的内容显示。
11.bootstrap使用tips
有a标签的地方通过a的Href和给对应元素添加id来实现对象的控制,data-toggle设置触发器类型,如tab
使用button的地方,由于它本身没有href这种定位对象的属性,使用data-target来设置它要操控的元素,如导航条中的汉堡菜单或模态框。
具体使用时,更改这些选项即可。role之类只是标注,并没有实际用途,不加也可。