基础知识(一)

254 阅读3分钟

1. js的typeof返回的数据类型:

object,function,number,string,Boolean,undefined,

typeof null    --------> object

若想要判断该元素是对象还是数组,则需要利用instanceof,返回的是布尔类型

var arr = ['111'];
arr instanceof  Array----------> true
arr instanceof  Object----------> true
var b = { 
       name: 'tck'   
 }    
console.log(typeof b)   // obj    
console.log(b instanceof Array) //false    
console.log(b instanceof Object) //true

2. DOM树中操作节点(增加,删除,替换)的方法

原生js:

obj.appendChil()
obj.insertBefore()   // 在指定子节点之前插入新的子节点,原生中不提供insertAfter()
obj.replaceChild() 
obj.removeChild()

jquery:

var $son = '<div class="son">im son</div>'
//在元素内部添加
//  在底部添加
append()//$('.parent')).append($son)
appendTo() //$($son).appendTo('.parent')
//  在顶部添加
prepend()
prependTo()


在元素外边添加
// 在指定元素外部的后面添加元素
after()//$('.parent').after($son);insertAfter()//$($son).insertAfter('.parent')

// 在指定元素外部的前面添加元素
before()//$('.parent').before($son);
insertBefore() //$($son).insertBefore('.parent')

移除
删除节点-----remove()
只是清空节点,并未删除------empty()
remove()  //$('.del').remove()
empty()   //$('.del').empty()


复制
$('.del').clone().appendTo('.parent')


替换
$('.repl').replaceAll($('.del'))
用前面的元素的替换后面的元素(是将整个元素都替换),将要替换的元素转移到要被替换的元素的位置,将它替换掉
$('.del').replaceWith($('.repl'))
前面是要被替换的内容,后面是替换的内容

3. js的本地对象,内置对象和宿主对象

宿主环境:提供js引擎执行的环境

宿主对象:执行js脚本的环境提供的对象,对于网页js来说,宿主对象就是浏览器提供的对象,又称浏览器对象,不同浏览器提供的对象可能相同也可能不同,即使相同,实现方式也大相径庭

本地对象:Array、Boolean、Date、Function、Number、Object、RegExp、String以及各种错误类对象,包括Error、EvalError、RangeError、ReferenceError、SyntaxError和TypeError。(ECMA定义的)

内置对象:Global、Math、

4.编码

encodeURI(box)对变量进行编码,不会对url本身的特殊字符编码(#,:,?)----解码----decodeURI()

encodeURIComponent(box)  完全编码,对所有的不合法字符都会编码-------  解码---decodeURIComponent()

5. js的数据类型

基本数据类型:String,number,Boolean,undefined,null

引用数据类型:object(array,function)

ES6:Symbol()-----无构造函数,不能被new,每个Symbol实例都是唯一的

6.数组的方法

join():数组转换成字符串,然后给他规定个连接字符,默认的是逗号(,)

push(): 把里面的内容添加到数组末尾,并返回修改后的长度

pop():移除数组最后一项,返回移除的那个值,减少数组的length。

shift():删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined。

unshift:将参数添加到原数组开头,并返回数组的长度

sort():将数组里的项从小到大排序

reverse():反转数组项的顺序。

concat():将参数添加到原数组中

slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组

splice():删除、插入和替换。

indexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中,

从数组的开头(位置0)开始向后查找。

lastIndexOf:接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中,

从数组的末尾开始向前查找。书写格式:arr.lastIndexOf( 5,4 )

forEach():对数组进行遍历循环,对数组中的每一项运行给定函数

filter():“过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组。

every():判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true。

some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true

7.字符串的方法:

charAt():返回在指定位置的字符。

charCodeAt():返回在指定的位置的字符的

Unicode:编码。

concat():连接字符串。

indexOf():检索字符串。

match():找到一个或多个正则表达式的匹配。

replace():替换与正则表达式匹配的子串。

search():检索与正则表达式相匹配的值。

slice():提取字符串的片断,并在新的字符串中返回被提取的部分。

split():把字符串分割为字符串数组。

toLocaleLowerCase():把字符串转换为小写。

toLocaleUpperCase():把字符串转换为大写。

toLowerCase():把字符串转换为小写。

toUpperCase():把字符串转换为大写。

substr():从始索引号提取字符串中指定数目的字符