js面试题回顾

最新推荐文章于 2024-05-19 15:59:41 发布

weixin_33725126

最新推荐文章于 2024-05-19 15:59:41 发布

阅读量43

点赞数

文章标签：面试 python

原文链接：https://my.oschina.net/369679209/blog/322630

版权

2019独角兽企业重金招聘Python工程师标准>>>

1.现在有一个ul，向里面添加十个li且li中有表示自己顺序的文档节点

这个由于要多次添加节点，所以想到了文档碎片，减少对dom的直接操作

var ul=document.getElementsByTagName("ul")[0];
var fragment=document.createDocumentFragment();
for(var i=0;i<10;i++){
  var li=document.createElement("li");
  var text=document.createTextNode(i);
  li.appendChild(text);
  fragment.appendChild(li);
}
ul.appendChild(fragment);

2.数组去重

这个常见到，利用对象里的属性不能重复，小心一下数字和字符串值相等的情况

Array.prototype.quchong=function(){
  var temp={};
  for(var i=0;i<this.length;i++){
    if(temp[this[i]+0])        //区别字符串与数字值相同的情况
    {
      this.splice(i,1)
      i--;
    }
    else
      temp[this[i]]=true;
  }
  return this;
}
var a=[1,1,2,3,5,2,3,4];
console.log(a.quchong());         //[1, 2, 3, 5, 4]
var a=[1,1,2,3,5,2,'3',4];
console.log(a.quchong());        // [1, 2, 3, 5, "3", 4]

3.变量提升

var a="1"
function show(){
  console.log(a)
  var a="1"
}
show();

这段代码输出的是undefined，原因就是变量提升规则，show函数内部在执行时其实是这样的

function show(){
  var a
  console.log(a)
  a="1"
}

因此，输出时为undefined

4.页面上三个按钮，点击后显示他们的次序

其实就是考察闭包的使用

  <body>  
<button></button>
<button></button>
<button></button>
<script>
var button=document.getElementsByTagName("button")
for(var i=0;i<button.length;i++){
  button[i].onclick=(function(e){
    return function(){
    console.log(e);
  }
  })(i)
}
</script>
  </body>

5.添加一段html字符串

当时一懵，添加节点我知道appendchild，添加一段字符串咋用？回来一查有个这货

insertAdajcentHTML

insertAdjacentHTML方法：在指定的地方插入html标签语句
参数：
swhere: 指定插入html标签语句的地方，有四种值可用：
1.beforeBegin: 插入到标签开始前

2.afterBegin:插入到标签开始标记之后

3.beforeEnd:插入到标签结束标记前

4.afterEnd:插入到标签结束标记后

stext：要插入的内容

<body>  
<input id="btn1" type="button" value="添加" >
<script>
  function add()
  {
    var obj = document.getElementById("btn1");
    obj.insertAdjacentHTML("afterEnd","<br><input name=\"txt1\" value=\"后增加部分\">");
  }
  add()
</script>
</body>

结果

6.三个按钮绑定事件显示他们的按钮名称

可以分别绑定也可以绑定在父元素上，这里我将点击事件绑定在父元素上

<body>  
<div id="father">
   <button>第一个按钮</button>
   <button>第二个按钮</button>
   <button>第三个按钮</button>
</div>
<script>
var div=document.getElementById("father");
div.onclick=function(e){
   var eve=e||window.event;
   var target=eve.target||eve.srcElement;
   console.log(target.childNodes[0].nodeValue)
}
</script>
</body>

7.剩下的都是一些比较固定的了，写ajax，jsonp，事件绑定，原型继承，数据类型转换，还有的话有点记不清了

革命尚未成功，仍需努力，加油！

转载于:https://my.oschina.net/369679209/blog/322630