资讯专栏INFORMATION COLUMN

JS面试准备二

binta / 2490人阅读

摘要:返回值被删除的那一个元素。作用截取数组中一部分,并返回这个新的数组返回值截取后的新的数组。传入的时候,内的返回值小于或者等于,数组序列不变。由于内部是随机抽取两个值,我们在利用函数的返回值,大于的时候,交换位置。

1.常用的字符串方法

1. indexOf:查找字符串某一项的初始位置
2. slice:截取字符串(包含起始位置,不包含结束位置)

不会根据参数大小,交换参数位置
如果出现-1按倒数第一个数,如果出现-2按倒数第二个数。

3. substring:截取字符串(包含起始位置,不包含结束位置)

会根据参数大小,交换参数位置
如果出现负数,则按0处理。

4. substr:截取字符串

5. split:

作用: 通过一个指定的字符串 把原字符串分割成一个数组。
语法: array string.split([separator] [, limit])
参数:separator是指分割符。limit指定最多分割的数量,可以理解为数组长度,默认为全部。
返回值:返回一个数组。
注意:当没有分割符的时候(没有传入参数),整个字符串将作为一个整体保存到数组中。 用分割符分割的时候,分割符会在被删除了在传入数组。

6.charAt:返回对应位置的字符

2.常用的数组方法

1. join: 将数组通过指定字符拼接成字符串。

separator可选,如果省略的话,默认为一个逗号。如果 seprator 是一个空字符串,那么数组中的所有元素将被直接连接。

2. push: 往数组的末尾添加一个或者多个元素。返回值:新数组的length。修改原数组。
3. unshift: 往数组的末尾添加一个或者多个元素。返回值:新数组的length。修改原数组。
4. pop: 作用: 删除数组最后 一个 元素。返回值: 被删除的那一个元素。注意:修改原数组。
5. shift: 作用: 删除数组 第一个 元素。返回值: 被删除的那一个元素。注意:修改原数组。
6. slice: 作用:截取数组中一部分,并返回这个新的数组.返回值: 截取后的新的数组。注意:不会修改原数组。
7. splice

array array.splice(start, deleteCount[, item1[, item2[, ...]]])
- start    起始位置
- deleteCount    删除长度
- item    添加的内容
返回值: 由被删除的元素组成的一个数组
注意:修改了原数组的内容。
4.sort

作用: 对数组的元素进行排序。
语法: array arr.sort([compareFunction]);
参数: compareFunction可选。用来指定按某种顺序进行排列的函数。如果省略,元素按照转换为的字符串的诸个字符的Unicode位点进行排序。
返回值: 排序后的数组.

3.DOM

1.children 和 childNodes

children 获取节点的一级的元素子节点,返回的是集合 HTMLCollection    
childNodes 获取节点的子节点,可能获取到 元素节点,文本节点,注释节点,返回的是集合 NodeList

p

一句话

2.
node.previousElementSibling 上一个元素兄弟节点
node.nextElementSibling 下一个元素兄弟节点



  • 1
  • 2
  • 3
  • 4
一句话

3.firstElementChild和lastElementChild


1
2
3
4

4.setAttribute和removeAttribute


    
    

5.getBoundingClientRect()

script>
    var box = document.getElementById("box");
    console.log( box.getBoundingClientRect() );
    console.log( box.getBoundingClientRect().left );//盒子 左边 距离 可视区 左边 的距离  301
    console.log( box.getBoundingClientRect().right);//盒子 右边 距离 可视区 左边 的距离  481
    console.log( box.getBoundingClientRect().top);//盒子 顶部 距离 可视区 顶部 的距离 ,这个页面的滚动会发生变化   501
    console.log( box.getBoundingClientRect().bottom);//盒子 底部 距离 可视区 顶部 的距离,这个页面的滚动会发生变化   731
    console.log( box.getBoundingClientRect().width);//盒子 可视 宽度(就是不包括margin) 180
    console.log( box.getBoundingClientRect().height);//盒子 可视 高度(就是不包括margin)230

6.createElemen

创建元素:
    innerHTML
        问题:原先元素的事件会被清除.
    document.createElement("div");
        为创建的元素添加属性,样式,事件

7.appendChild

parentNode.appendChild(childNode)

    往一个节点里边添加一个子节点,注意是添加在最后
    parentNode:父节点(需要把节点放入哪个容器的内部)
    childNode:子节点(需要放的节点)
    childNode 会被放进 parentNode 内部 的 尾部







大头儿子

8.insertBefore

parentNode.insertBefore(childNode1,childNode2)
        往一个节点的 指定子节点前边插入一个节点
    childNode1插入到childNode2前边;
    如果第二个参数没有,会报错
    如果第二个参数是null,相当于appendChild

9.removeChild

parentNode.removeChild(childNodes)
    从一个节点中删除指定的子节点。
        注意:返回值是你删除的节点

10.replaceChild

parentNode.replaceChild(node,childNode)
    node用来替换的节点
    childNodes被替换的子节点
        两个参数都必须写。

11.cloneNode

node.cloneNode(boolean)
    克隆一个节点,返回值是 克隆 的新节点
        boolean:是否进行深度克隆
            true:克隆元素和元素包含的子孙节点
            flase:克隆元素但不包含元素的子孙节点
    注意:
        克隆的时候会把节点的id也克隆下来,所以要注意多带带设置节点的id








大头儿子
半碗粉
辣椒油

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113662.html

相关文章

  • 转眼人到中年:前端老程序员无法忘怀的一次百度电话面试

    摘要:节后,收到了来自百度的电话,简单明了,商定了电话面试的时间。转眼间,约定之日到来。后记当天就收到了上海百度的邮件,确认了三面的的时间,还有差旅报销注意事项。想到要只身一人去到人生地不熟的上海面试,内心有些期待,又有些忐忑。 一切都不那么真实 当一面结束时,一切都显得不那么真实。几分钟前还在着急忙慌地接招,随着电话的挂断,周遭又安静了下来,安静到感觉连脑袋都变得有些迟钝。 这种感觉很熟悉...

    LiuRhoRamen 评论0 收藏0
  • JS面试准备

    摘要:返回值被删除的那一个元素。作用截取数组中一部分,并返回这个新的数组返回值截取后的新的数组。传入的时候,内的返回值小于或者等于,数组序列不变。由于内部是随机抽取两个值,我们在利用函数的返回值,大于的时候,交换位置。 1.常用的字符串方法 1. indexOf:查找字符串某一项的初始位置2. slice:截取字符串(包含起始位置,不包含结束位置) 不会根据参数大小,交换参数位置 如果出现-...

    sorra 评论0 收藏0
  • JS面试准备

    摘要:返回值被删除的那一个元素。作用截取数组中一部分,并返回这个新的数组返回值截取后的新的数组。传入的时候,内的返回值小于或者等于,数组序列不变。由于内部是随机抽取两个值,我们在利用函数的返回值,大于的时候,交换位置。 1.常用的字符串方法 1. indexOf:查找字符串某一项的初始位置2. slice:截取字符串(包含起始位置,不包含结束位置) 不会根据参数大小,交换参数位置 如果出现-...

    lentrue 评论0 收藏0
  • 前端最强面经汇总

    摘要:获取的对象范围方法获取的是最终应用在元素上的所有属性对象即使没有代码,也会把默认的祖宗八代都显示出来而只能获取元素属性中的样式。因此对于一个光秃秃的元素,方法返回对象中属性值如果有就是据我测试不同环境结果可能有差异而就是。 花了很长时间整理的前端面试资源,喜欢请大家不要吝啬star~ 别只收藏,点个赞,点个star再走哈~ 持续更新中……,可以关注下github 项目地址 https:...

    wangjuntytl 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<