前端面试题集锦

最新推荐文章于 2022-01-20 23:55:59 发布

7哥-web

最新推荐文章于 2022-01-20 23:55:59 发布

阅读量477

点赞数

本文链接：https://blog.csdn.net/liuqi332922337/article/details/54620332

版权

1.用原生JS实现jq中的trigger函数

2.Object.defineProperty

3.用JS实现观察者模式

4.JS对象的继承

5.可变数组求和，给定一个数组，a=[1,2,45,3432,112,,,343];a的元素的个数100个，也可能是10000个，试实现函数sumRange(m,n),这个函数能计算出从第m个元素至第n个元素的和。实现这个函数有个要求，当元素个数较多时，不能太耗时。

编写函数LazyMan，实现如下功能：

LazyMan('Jason').doSports('swimming').sleep(10).doWork('coding');

输出：

My name is Jason  
I am swiming
//等待10秒钟
I am coding

github地址

6.IE盒子模型与标准盒子模型

如果页面开头不标明doctype，IE会默认使用IE盒子模型

7.在浏览器输入一个url后，会发生什么事情呢？

http://www.cnblogs.com/xsilence/p/6014567.html

8.IE的事件模型与W3C的事件模型的区别

9.用过哪些框架，插件?

bootdtrap，datetimepicker,ztree,alertify.js,jwplayer,webuploader。

10.javascript的执行上下文，作用域与作用域链。

11.跨域问题的解决；

使用jsonp；
window.name和iframe；
反向代理；
Access-Control-Allow-Origin（cors）
使用html5的window.postMessage

12.localStorage与cookie的区别？

13.https与http的区别？

14.eval函数的弊端

eval不容易调试。
造成性能下降。

15.javascript内存泄漏

意外的全局变量
js中如果不用 var 声明变量,该变量将被视为 window 对象(全局对象)的属性,也就是全局变量.

function foo(arg) {
    bar = "this is a hidden global variable";
}

// 上面的函数等价于
function foo(arg) {
    window.bar = "this is an explicit global variable";
}

被遗忘的定时器或者回调

var someResource = getData();
setInterval(function() {
    var node = document.getElementById('Node');
    if(node) {
        node.innerHTML = JSON.stringify(someResource));
    }
}, 1000);

这样的代码很常见, 如果 id 为 Node 的元素从 DOM 中移除, 该定时器仍会存在, 同时, 因为回调函数中包含对 someResource 的引用, 定时器外面的 someResource 也不会被释放.
* 没有清理的DOM元素引用

var elements = {
    button: document.getElementById('button'),
    image: document.getElementById('image'),
    text: document.getElementById('text')
};

function doStuff() {
    image.src = 'http://some.url/image';
    button.click();
    console.log(text.innerHTML);
}

function removeButton() {
    document.body.removeChild(document.getElementById('button'));

    // 虽然我们用removeChild移除了button, 但是还在elements对象里保存着#button的引用
    // 换言之, DOM元素还在内存里面.
}

闭包

var theThing = null;
var replaceThing = function () {
  var originalThing = theThing;
  var unused = function () {
    if (originalThing)
      console.log("hi");
  };
  var someMessage = '123'
  theThing = {
    longStr: new Array(1000000).join('*'),
    someMethod: function () {
      console.log(someMessage);
    }
  };
};