js知识梳理

HTTP状态消息200 302 304 403 404 500分别表示什么?

• 200:请求已成功，请求所希望的响应头或数据体将随此响应返回。

• 302:请求的资源临时从不同的URI响应请求。由于这样的重定向是临时的,客户端应当继续向原有地址发送
  以后的请求。只有在Cache-Control或Expires中进行了指定的情况下，这个响应才是可缓存的。

• 304:如果客户端发送了一个带条件的GET请求且该请求已被允许,而文档的内容(自上次访问以来或者根据
  请求的条件)并没有改变,则服务器应当返回这个状态码。304响应禁止包含消息体，因此始终以消息头后的
  第一个空行结尾。

• 403:服务器已经理解请求，但是拒绝执行它。

• 404:请求失败,请求所希望得到的资源未被在服务器上发现。

• 500:服务器遇到了-个未曾预料的状况，导致了它无法完成对请求的处理。一 般来说，这个问题都会在服务器端的源代码出现错误时出现。

200 请求被成功处理

304 页面未修改

302 临时性重定向

403 没有权限访问

404 标识没有对应的资源

500 服务器错误

503 服务器停机或正在维护

GET和POST的区别，何时使用POST?

GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符

POST：一般用于修改服务器上的资源，对所发送的信息没有限制。

GET方式需要使用Request.QueryString来取得变量的值，而POST方式通过Request.Form来获取变量的值，也就是说Get是通过地址栏来传值，而Post是通过提交表单来传值。

在以下情况中，请使用POST请求:
1.以提交为目的的请求(类似语义化，get示请求，post示提交) ;
2.发送私密类数据(用户名、密码) (因为浏览器缓存记录特性) ;
3.向服务器发送大量数据(数据大小限制区别) ;
4.上传文件图片时(数据类型区别) ;

js字符串操作函数?

concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。
indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。
charAt() – 返回指定位置的字符。
lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。
match() – 检查一个字符串是否匹配一个正则表达式。
substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。
replace() – 用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。
search() – 执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回 -1 。
slice() – 提取字符串的一部分，并返回一个新字符串。
split() – 通过将字符串划分成子串，将一个字符串做成一个字符串数组。
length – 返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。
toLowerCase() – 将整个字符串转成小写字母。
toUpperCase() – 将整个字符串转成大写字母。

js中数组常用的方法总结，包括ES6

1.push() 后增

push()方法可以向数组后添加一个新的元素，并返回新数组的长度。

末尾添加，返回长度，改变原数组

2.unshift() 前增

unshift()可以向数组前添加一个或多个元素，并返回新的长度

首部添加，返回长度，改变原数组

3.pop() 后删

pop() 用于删除并返回最后一个元素。

尾部删除，返回被删除的元素，改变原数组

4.shift() 前删

shift() 用于删除并返回首个元素

删除首部元素，返回被删元素，改变原数组

5. splice() 修该删除

splice(index,length,增加的元素1,增加的元素2…,增加的元素N) 表示从index开始删除length个元素，并从index开始新增元素1~N，放回被删除的元素组成的数组

对数组进行删除修改，返回被删除的元素组成的数组，改变原数组

6.concat() 拼接

concat() 方法用来合并两个或多个数组

合并两个或多个数组，返回新数组，不会改变原数组

7.slice() 剪切

slice(startIndex,endIndex) 返回从startIndex开始(包括)，到endIndex(不包括)之间的原属组成的数组

返回新数组，不改变原数组

8.join()

join() 方法用来将数组转换为字符串

不改变原数组，返回转换后的字符串

9.sort() 排序

按ascii码排序

改变原数组，返回排序后的数组

10.reverse() 颠倒顺序

reverse() 方法用于颠倒数组中元素的顺序。

返回的是颠倒后的数组，会改变原数组。

11.indexOf()和lastIndexOf()

indexOf(某元素,startIndex) 从startIndex开始，查找某元素在数组中的位置，若存在，则返回第一个位置的下标,否则返回-1

lastIndexOf(某元素，startIndex) 和indexOf()相同，区别在于从尾部向首部查询

不会改变原数组，返回找到的index,否则返回-1

若不使用下标，则一般通过includes()方法代替indexOf()

12.filter() 过滤

filter() 方法返回数组中满足条件的元素组成的新数组，原数组不变

filter()的参数是一个方法.

怎样添加、移除、移动、复制、创建和查找节点?

1. 创建新节点

   createDocumentFragment() //创建一个DOM片段

   createElement() //创建一个具体的元素

   createTextNode() //创建一个文本节点

2. 添加、移除、替换、插入

   appendChild() //添加

   removeChild() //移除

   replaceChild() //替换

   insertBefore() //插入

3. 查找

   getElementsByTagName() //通过标签名

   称

   getElementsByName() //通过元素的Name属性的值

   getElementById() //通过元素Id，唯一性

   document.querySelector(’#id")查找元素唯一性
   document.querySelectorAll(’ #id)查找元素获取的是数组

4. 实现一个函数clone，可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。

写出3个使用this的典型应用

1、在html元素事件属性中使用，如：
<input type=”button” οnclick=”put(this);” value=”点击一下”/>
2、构造函数
function click(name, color) {
　　this.name = name;
　　this.color = color;
}
3、input点击，获取值
<input type="button" id="put" value="点击一下" />
<script type="text/javascript">
    var btn = document.getElementById("put");
    btn.onclick = function() {
        alert(this.value);    //此处的this是按钮元素
    }
</script>

input点击，获取值

<i nput type="button" id="text"、
value="点击一下”/>
<script type= ' text/javascript">
var btn = document . getElementById("text");
btn. onclick = function() {
alert (this.value); //此处的this 是按钮元素
</ script >