前端工程师面试题JavaScript部分(第五季)

alert(‘1‘+1)//11,不是2,这个容易忘

第二题,都是基础的,很容易掉坑里

(function(){
     var a = b = 6;
})()

console.log(b);//6全局变量声明

第三题声明提前

function test(){
  console.log(a);
  console.log(foo());
  var a = 1;
  function foo(){
     return 2;
  }
}
 test();

这个很简单

var fullname = ‘John Doe‘;
var obj = {
  fullname : ‘Colin Ihrig‘,
  prop : {
     fullname: ‘Aurelio De Rosa‘,
     getFullname : function(){
        return this.fullname;
     }
  }
}
console.log(obj.prop.getFullname());
var test = obj.prop.getFullname;
console.log(test())‘

接下来手写事件代理

function delegateEvent (interfaceEle, selector, type, fn){
    if(interfaceEle.addEventListener){
         interfaceEle.addEventListener(type,eventfn,false);
    }
    else{
        interfaceEle.attach(‘on‘+type,evetnfn);
    }
    function eventfn(e){
     var e = e|| window.event;
     var target = e.target || e.srcElement;
     if(matchSelecter(target,selector)){//a 是否是a
          if(fn){
                 fn.call(target,e);
          }
     }
   }
}

function mathcSelector(ele,selector){
   if(selector.charAt(0)===‘#‘){
      return ele.id == selector.slice(1);
   }
   if(selector.charAt(0)==‘.‘){
      return (" " + ele.className+‘  ‘.indexOf(‘ ‘ + selector.slice(1)+‘ ‘) != -1)
    return ele.targetName.toLowerCase()===slector.toLowerCase();
   }
}
var odiv = docyment.getElementById("oDiv");
delegateEvent(oDiv,‘a‘,‘click‘,function(){
  alert(1)
})
时间: 2024-07-29 01:55:35

前端工程师面试题JavaScript部分(第五季)的相关文章

web前端工程师 面试题

今天刚结束一场面试(含笔试),对自己的表现不太满意,感觉没有发挥好应有的水平,也只能怪自己平时没有及时积累和整理知识,准备也不充分. 就不扯那么多了,下面是我面试时,没能答上或者觉自己回答的不够好的题目. 1.position 属性规定元素的定位类型 值 描述 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. 元素的位置通过 "left", "top", "right" 以及 "bottom&

web前端工程师面试题

[HTML && CSS]--来自百度文库 1. Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? Doctype 声明位于文档中的最前面的位置,处于标签之前.此标签可告知浏览器文档使用哪种 HTML 或XHTML 规范. 该标签可声明三种DTD 类型,分别表示严格版本.过渡版本以及基于框架的 HTML 文档. 当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性.为了实现这一点,他们创 建了两种呈现模式:标准模式和混杂模式(quirks mode)

56本前端工程师必备的javaScript学习书籍

分享56本前端工程师必备的javaScript学习书籍(包括了pdf,chm,doc) 1.JavaScript权威指南(第6版)(中文版)2.深入浅出Javascript.O‘reilly.Head.First.Javascript.Jan.20083.JavaScript王者归来月影扫描版4.JavaScript.DOM高级程序设计贝斯扫描版5.精通javascript(图灵计算机科学丛书)6.JavaScript面向对象15分钟教程7.原型.作用域.闭包的完整解释8.Javascript面

BAT及各大互联网公司2014前端笔试面试题--JavaScript篇(昨天某个群友表示写的简单了点,然后我无情的把他的抄了一遍)

(某个群友)http://www.cnblogs.com/coco1s/ 很多面试题是我自己面试BAT亲身经历碰到的.整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习js更是大有裨益. 而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正. 附上第二篇:BAT及各大互联网公司2014前端笔试面试题--Html,Css篇 前面几题是会很基础,越下越有深度. 初级Javascript: 1.JavaScript是一门什么样的语言,它

前端工程师 - 面试题 (最新,最全)

一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数.在本质上,闭包就 是将函数内部和函数外部连接起来的一座桥梁. (2)闭包可以用在许多地方.它的最大用处有两个,一个是可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中 闭包的特性: ①.封闭性:外界无法访问闭包内部的数据,如果在闭包内声明变量,外界是无法访问的,除非闭包主动向外界提供访问接口: ②.持久性:一般的函数,调用完毕之后,系统自动注销函数,而对于闭包来说,在外部函数被调用之后,闭包结构依然保存在系

滴滴出行2019年前端工程师面试题和答案解析

一.单选题(共26题,每题5分) 1.在进行金融业务系统的网络设计时,应该优先考虑() 原则. A.先进性 B.开放性 C.经济性 D.高可用性 参考答案:D 答案解析: 网络设计一般要遵循一些原则,包括:先进性:建设一个现代化的网络系统,应尽可能采用先进而成熟的技术,应在一段时间内保证其主流地位,但是太新的技术,也有不足之处:意识有可能不成熟:而是标准可能还不晚辈.不统一:三是价格高:四是技术支持力量可能不够.开放性:采用国际通用的标准和技术获得良好的开放性,是网络互连互通的基础经济型:在满足

BAT及各大互联网公司2014前端笔试面试题--JavaScript篇

很多面试题是我自己面试BAT亲身经历碰到的.整理分享出来希望更多的前端er共同进步吧. 更多的是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正. 前面几题是会很基础,越下越有深度. 初级Javascript: 1.JavaScript是一门什么样的语言,它有哪些特点? 没有标准答案. 2.JavaScript的数据类型都有什么? 基本数据类型:String,boolean,Number,Undefined, Null 引用数据类型:Object(Array,D

Web前端工程师面试题1-1

1.和后端人员是如何配合工作的? 作为前端人员,主要是提出需求,说清楚前端要的接口效果.比如说完成一个注册登录功能就需要后端来给我们提供注册登录的接口,我们在地址上传递一个参数过去,在用接口时根据这个参数来判断时登录还是注册,根据后端传过来的数据可以判断是注册成功还是注册失败 2.ES6相关问题 1)const arr=[1,2,3]    arr[0]=5;可以成功修改arr[0]的值吗? 可以,首先const是  1 ) .定义常量的关键字,一旦声明了变量就必须初始化  2 ) .const

2015年9月阿里校招前端工程师笔试题

前一段时间参加了阿里的9月校招,为了贯彻及时总结的精神,今天就来总结一下我做的这套题目吧. 1.下面哪段css代码通常用于页面水平居中: 1 A:site-align:center; 2 B:margin:center; 3 C:margin:auto 0; 4 D:margin:0 auto; 这题很简单,水平居中答案选D.每个选项来剖析一下, A选项在我做开发两年来,完全没有见到过,初略百度一下也没看到相关的东西:B选项,明显错误:D,其实D可以做到页面垂直居中,要怎么做呢,如下图,默认是h