微一案笔试题分享

1 哪些操纵会引起内存走漏,怎样发明

一些罕见的内存泄漏代码

// 不测的全局变量
functuon foo () { bar = 1} //函数里直接对未定义的变量赋值,致使变量存在顶部Window中,内存渣滓没法接纳

//闭包变量被援用致使没法被接纳
function f() {
    var obj = { a: 2 }
    return obj;
}    
var a =  f()

//被忘记的定时器

function Test()  {  
    this.obj= {};
    this.index = 1;
    this.timer = null;
    var cache = []; // 内部变量,内存隐患...
    this.timer = window.setInterval(() =>{
        this.index += 1; 
        this.obj = {
            val: '_timerxxxxxbbbbxx_' + this.index,
            junk: [...cache]
        };
        cache.push(this.obj);
    }, 1);  
    console.warn("create Test instance..");
}  
test = new Test(); // JS对象开启定时器不停分派内存


...

参考文章:

https://juejin.im/post/5a8e7f…

https://github.com/wengjq/Blo…

怎样检察内存占用状况

web

googol控制台 》 performance 面板 > 勾选 Memory
点击左上角的录制按钮。
在页面上举行种种操纵,模仿用户的使用状况。
假如内存占用基础安稳,靠近程度,就申明不存在内存走漏。反之,就是内存走漏了。

node

console.log(process.memoryUsage()); //node

2 以下代码输出

typeof Vue
typeof React
typeof jQery    

function github Vue

object github React

function github Jquery

ps:话说我写了这么久Vue。还从来没操纵过typeof vue。。。。

3 下面代码输出

class F {
  init () {
        console.log(1)
  }
}
var f = new F()

F.prototype.init = function () {
  console.log(2)
}

f.init() //2

4 怎样在数组头部、尾部、中部增添/删除

头部:unshift / shift

中部:splice / concat

尾部: push / pop

参考:https://developer.mozilla.org…

5 手写防抖/撙节 完成

function throttleAndDebounce(fn, delay, isThrottle) {
  let lastCallTime = 0, timer = null;
  return  (...args) => {
    if (isThrottle) {
      const now = Date.now()
      if (now - lastCallTime < delay) return
      lastCallTime = now
      fn(...args)
    } else {
      if (timer) clearTimeout(timer)
      timer = setTimeout( () => {
        fn(...args)
      }, delay)
    }
  }
}

6 filter/reduce 完成数组去重

var arr = [1,2,1]

arr.filter( (it, idx, arr) => {
  return arr.indexOf(it) === idx
})

// reduce
var reducer = (arr, cur) => {
  if ( arr.length === 0 || arr[arr.length - 1] !== cur) {
    arr.push(cur)
  }
  return arr
}
arr.sort().reduce(reducer, [])

7 原生完成 上传base64 图片

<input id="file" type="file" />
var file = document.getElementById('file').files[0]
var reader = new FileReader()
    reader.onload = function (e) {
      $.post('/upload' , { "base64": e.target.result } , function () {})
    }
    reader.readAsDataURL(file)

8 写成3种前端下载文件体式格局

参考: https://segmentfault.com/a/11…

ps:这也算!!?浏览器翻开。。。心田一度崩溃,真的是为了口试而口试。。

9 手写promise 完成

参考:

https://www.jianshu.com/p/43d…

https://developer.mozilla.org…

10 vue完成数据绑定有什么缺点?作者为何改用proxy完成

参考:https://zhuanlan.zhihu.com/p/…

跋文

有些题目 我没给出答案,只给出一些参考链接,主如果才疏学浅,不能给出一个相对圆满的答案;或许答案的内容量能够再写一篇深切专研的文章,人人有什么好的看法或许文章毛病能够留言补充;迎接技术交流

ps:一年没口试了第一次做这类笔试题,我示意一个笔都好久没握过的人瑟瑟发抖。。。发起人人不要裸辞。。这个炎天有点冷。。。

假如以为本文对你有所协助,就star一下吧~大传送之术! 我的博客Github

    原文作者:xu455255849
    原文地址: https://segmentfault.com/a/1190000018875848
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞