i-want-offer / fe-essay

记录前端重要知识点和遇到的好文章，同时还有前端重要算法知识，但最关键的是包含各大小厂真题。

前端随笔 FE-Essay

仓库里面是记录自己平时遇到的好文章，前端的知识点，还有自己或者同事遇到的面试真题。

由于仓库内的部分图片我使用了 PicGo 的 Github 图床，并且我开启了代理，因此部分使用了图床的图片可能无法查看，但是图片本身的名称是对的，所以你可以在 https://github.com/LaamGinghong/pics/tree/master/img 这个地址下找到对应的图片来查看，或者说如果你有能力有条件，你可以尝试将 https://raw.githubusercontent.com/ 转发成 https://github.com/ 。

fe-essay's Issues

冒泡排序错误

冒泡排序正确结果应该是

function bubbleSort(list) {
   for (let i = 0; i < list.length; i++) {
   	for (let j = 0; j < list.length - 1 - i; j++) {
   		if (list[j] > list[j + 1]) {
   			[list[j], list[j + 1]] = [list[j + 1], list[j]]
   		}
   	}
   }
   return list
}

await 执行顺序问题

在 https://github.com/i-want-offer/FE-Essay/blob/master/JS/%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF.md 中，

async function async1() {
    await async2()
}

async1()

// 第一种
async function async2() {
  console.log('async2 end')
}

// 第二种
async function async2() {
  console.log('async2 end')
  return Promise.resolve().then(() => {
    console.log('async2 end1')
  })
}

第一种和第二种 async2() 异步函数的区别是返回值不同，第一种是返回默认包装的 promise（立即把后面的代码推入微任务队列），第二种是返回新的 promise（本轮循环末尾把后面的代码推入微任务队列），应该是两种 promise 的区别影响了 await 后面的代码的执行时机。

返回新的 promise 时延迟了 await 后面代码的执行时间（具体原理未知，请指教）

文档里的图片看不见

FE-Essay/docs/前后端通信/前后端鉴权.md

宏任务微任务的题错了

script start
VM183:9 async2 end
VM183:18 Promise
VM183:5 async1 end
VM183:21 promise1
VM183:23 promise2
Promise {: undefined}
VM183:14 setTimeout

文章里面的图片的链接大部分已无法访问，有计划修复嘛？

框架

框架里面的内容希望可以分一下，vue/react/ng 分开。

我有一个疑问

A good statement writer can make all the difference in your application. personalstatementwriter.org has some of the best writers who specialize in creating statements that get noticed. If you need help, they’re the ones to call!

看到一处笔误：constructor拼写错误

https://github.com/i-want-offer/FE-Essay/blob/master/JS/%E5%85%A8%E9%9D%A2%E5%88%86%E6%9E%90toString%E5%92%8CvalueOf.md
代码实例里面的constructor拼写错误

防抖代码编写出错

文章编写错误

function throttle(fn: () => void, delay: number) {
  let flag = true
  return function() {
    if(!flag) return
    flag = false
    setTimeout(function() {
      fn()
      flag = true
    }, delay)
  }
}

防抖代码好像写错了~

应该正确的结果

function throttle(fn: () => void, delay: number) {
  let flag = null
  return function() {
    if(!flag){ // flag 上面错误代码初始化为true的话一直就return了~
    setTimeout(()=>{ // 箭头函数，否则this指向变了
      fn()
      flag = null
    }, delay)
  }
}

请问没有Nodejs部分的内容吗

The style of search-bar in website is abnormal