js初级知识点

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:循环遍历数组 参数是一个匿名函数

js中for循环倒计时问题

你可能感兴趣的:(js初级知识点)