luckywinty / fe-weekly-questions Goto Github PK

View Code? Open in Web Editor NEW

342.0 342.0 34.0 1 KB

A pro to record some interview questions every week...

License: MIT License

fe-weekly-questions's People

Contributors

Stargazers

Watchers

fe-weekly-questions's Issues

node中的setTimeout 和 setImmediate有什么区别

如何判断左右小括号是否全部匹配。如 ( ( ))()((((()))))

实现一个LazyMan，可以按照以下方式调用:

实现一个LazyMan，可以按照以下方式调用:
LazyMan('Hank')输出:
Hi! This is Hank!
LazyMan('Hank').sleep(10).eat('dinner')输出
Hi! This is Hank!
//等待10秒..
Wake up after 10
Eat dinner~
LazyMan('Hank').sleep(10).eat('dinner').eat('supper')输出
Hi This is Hank!
Eat dinner~
Eat supper~
LazyMan('Hank').sleepFirst(5).eat('supper')输出
//等待5秒
Wake up after 5
Hi This is Hank!
Eat supper~
以此类推。

Webpack性能优化你知道哪些

margin:auto 为什么可以实现垂直居中？

谈谈web安全问题及解决方案

在node中执行下面的代码，求输出

setInterval(() => {
  console.log('setInterval')
}, 100)

process.nextTick(function tick () {
  process.nextTick(tick)
})

谈谈浏览器缓存？

在node中运行下面的代码会输出什么

setTimeout(() => {
  console.log('setTimeout')
}, 0)

setImmediate(() => {
  console.log('setImmediate')
})

const start = Date.now()
while (Date.now() - start < 10);

说说script 标签中的defer 和 async 异同点

浏览器输入URL后发生了什么

实现sum(1,2,3)==sum(1)(2)(3)

渲染引擎什么情况下才会为特定的节点创建新的图层？

node中执行代码，求输出

setImmediate(() => {
  console.log(1)
  setTimeout(() => {
    console.log(2)
  }, 100)
  setImmediate(() => {
    console.log(3)
  })
  process.nextTick(() => {
    console.log(4)
  })
})
process.nextTick(() => {
  console.log(5)
  setTimeout(() => {
    console.log(6)
  }, 100)
  setImmediate(() => {
    console.log(7)
  })
  process.nextTick(() => {
    console.log(8)
  })
})
console.log(9)

UDP和TCP有什么区别？

求代码输出，并说出为什么

var obj = {
    '2':3,
    '3':4,
    'length':2,
    'splice':Array.prototype.splice,
    'push':Array.prototype.push
}
obj.push(1)
obj.push(2)
obj.push(3)
console.log(obj)

说说js的模块化

聊聊vue中的 keep-alive 的实现原理

Chrome 打开一个页面需要启动多少进程？分别有哪些进程？

HMR的原理是什么

执行下面代码，输出什么？

console.log('script start')

async function async1() {
await async2()
console.log('async1 end')
}
async function async2() {
console.log('async2 end')
}
async1()

setTimeout(function() {
console.log('setTimeout')
}, 0)

new Promise(resolve => {
console.log('Promise')
resolve()
})
.then(function() {
console.log('promise1')
})
.then(function() {
console.log('promise2')
})

console.log('script end')

async function async1(){
    console.log('async1 start')
    await async2()
    console.log('async1 end')
  }
async function async2(){
    console.log('async2')
}
console.log('script start')
setTimeout(function(){
    console.log('setTimeout0') 
},0)  
setTimeout(function(){
    console.log('setTimeout3') 
},3)  
setImmediate(() => console.log('setImmediate'));
process.nextTick(() => console.log('nextTick'));
async1();
new Promise(function(resolve){
    console.log('promise1')
    resolve();
    console.log('promise2')
}).then(function(){
    console.log('promise3')
})
console.log('script end')

观察者模式 vs 发布-订阅模式，说说区别

执行代码，求输出

const promise = Promise.resolve()
  .then(() => {
    return promise
  })
promise.catch(console.error)

function Foo() {
  getName = function () { console.log(1) }
  return this
}
Foo.getName = function () { console.log(2) }
Foo.prototype.getName = function() { console.log(3) }
var getName = function () { console.log(4) }
function getName() {
  console.log(5)
}

Foo.getName()
getName()
Foo().getName()
getName()
new Foo.getName()
new Foo().getName()
new new Foo().getName()

实现LRU缓存机制

实现一个LRU过期算法的KV cache, 所有KV过期间隔相同, 满足如下性质:

最多存储n对KV;
如果大于n个, 则随意剔除一个已经过期的KV;
如果没有过期的KV, 则按照LRU的规则剔除一个KV;
查询时如果已经过期, 则返回空;

luckywinty / fe-weekly-questions Goto Github PK

fe-weekly-questions's People

Contributors

Stargazers

Watchers

Forkers

fe-weekly-questions's Issues

Recommend Projects

Recommend Topics

Recommend Org