10:29 2017/09/18
一、 CSS
1、 清除浮动
1. .clear: both;
2. overflow :hidden;
3. display:blasek;
4. 父级div元素给一个伪类:after和zoom
如:
。clearfloat:after{
display:block;
clear:both;
content:"",
visibility:hidden;
height:0;
}
5、给父元素定义overflow:auto;
6、父级div 也一起浮动
7、父级div定义 display:table
2、行内元素和块级元素的区别
http://wenda.so.com/q/1484859410492769?src=9999&cid-pre=1000204
每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元 (float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素;
行内元素inline element
也叫内联元素、内嵌元素等;行内元素一般都是基于语义级(semantic)的基本元素,只能容纳文本或其他内联元素,常见内联元素
主要区别:
一个脱离文本流一个不脱离文本流
3.元素隐藏
(1) display:none;
(2) visibility:hidden;
4、怎样使的div垂直居中
(1)margin: auto;
5, img如果显示不出来应该用alt显示出文字
二. js
1、函数中return的作用
①:用来返回一个值给函数,主函数调用这个函数后能得到这个返回的值。
②:用来结束函数
③:阻断程序运行封装函数
2、函数中的return false 意思是阻止事件默
3、6、定时器
setTimeout 一次性计时器
setInterval 间歇性计时器
7、如何批量修改样式?
① 设置一样的 className
② cssText 浪费性能 有兼容问题
8、怎么获取非行间样式 ?
function getStyle(obj,attr) {
if(obj.currentStyle) {
return obj.currentStyle[attr];
}else{
getComputedStyle(obi,false)[attr]
}
}
9、遍历的几种方式
第一种最常用的:for循环
for(j = 0,len=arr.length; j < len; j++) {
}
循环次数固定时使用
第二种:foreach
arr.forEach(function(e){
});
第三种:for ……in
var arr = new Array("first", "second", "third")
for(var item in arr) {
document.write(arr[item]+",");
}
第四种:map 遍历
arr.map(function(n){
});
第五种:for……of 遍历(需要ES6支持)
for(let value of arr) {
});
10、关于跳出循环的几种方式
break==》 直接跳出循环
continue ==》跳出本次循环,进行下一次循环
return==》结束循环,并中断函数执行
11、判断语句
1) if 、else 、if else(模糊判断)
2) 我们里面的条件最终都是判断整体 ,true(条件成立),false(条件不成立)
3) 条件可以是多个 :中间用&&(并且)、||(或者)连接
4) switch (精确判断)
12、三元运算符
// if else 的另外一种写法
var 变量=条件 ?值1 :值2
//条件?成立执行:不成立执行 如果后面的这个不需要写个void 0就可以了
//a>=0?alert("正"):void 0;
13、判断真假类型
① 非空字符串、非0、非空对象为真
② 空字符串、null 、NaN、undefined 为假。
14、基本数据类型
String 字符串
Number 数字
null 空对象
objcet 对象类型
function 函数类型
boolean 布尔类型
undefined 未定义、未赋值
symbol es6新增类型
15、字符串方法
charAt方法返回指定索引位置处的字符。如果超出有效范围的索引值返回空字符串。
slice方法返回字符串的片段。
substring方法返回位于String对象中指定位置的子字符串。
substr方法返回一个从指定位置开始的指定长度的子字符串。
indexOf方法放回String对象内第一次出现子字符串位置。如果没有找到子字符串,则返回-1。
search方法返回与正则表达式查找内容匹配的第一个字符串的位置。
concat方法返回字符串值,该值包含了两个或多个提供的字符串的连接。
toLowerCase方法返回一个字符串,该字符串中的字母被转换成小写。
toUpperCase方法返回一个字符串,该字符串中的所有字母都被转换为大写字母。
16、数组方法
push:向数组的末尾增加一项 返回值是数组的新长度
unshift:向数组开头增加一项 返回值是数组的新长度
pop:删除数组的末尾项 返回值是删除的数组项
shift:删除数组开头项 返回被删除的开头项目
splice:删除数组中的任意项 返回值是被删除的数组项
slice:复制数组 返回值是复制到的新数组 写上数值之后 不包含被复制的最后一项
拼接:
concat:把一个数组和另一个数组拼接在一起 返回拼接好的数组
join:把数组中的每一项 按照指定的分隔符拼接成字符串
排序:
reverse:倒序数组 返回值倒序数组 原有数组改变
sort:根据匿名函数进行冒泡排序 b-a倒序 a-b升序
兼容性不好:
indexOf:返回获取项在数组中的索引
lastIndexOf:返回获取项在数组中出现的最后一次索引
forEach: 循环遍历数组 参数是一个匿名函数 默认返回为undefined
map:循环遍历数组 参数是一个匿名函数