前端面试题宝典周报

hello大家好，我是Range。

为了更好的满足同学们的刷题需求，我们计划新增 《题库系统周报》 类文章，用来和大家说说，我们最近系统上有哪些升级、题库有什么更新；同时对越来越多的 用户反馈 ，我也希望有这样一个渠道，把同学们反馈的处理情况同步出来（我知道给别人反馈之后，石沉大海的赶脚😂）。

下面是本周的系统周报，请大家查阅。

本周的周报包括以下几部分信息：系统升级、题库升级、用户反馈答疑。

系统升级

在系统升级方面，经过1-2个月的开发联调，我们在周四（8月15日）正式上线了 会员系统。关于为什么要做会员系统，感兴趣的同学可以看看团队创始老师刘布斯的文章《写在会员系统上线之际》。目前会员包含以下特权：

VIP专享题库：在会员系统上线前的题库，同学们仍然可以免费使用（截止今日，一共 1182个免费题库）。后续一些重要的题目，我们会优先提供给会员专享。
VIP专享题目要点：针对大部分题目答案，我们都单独准备了题目的面试回答要点，帮助同学们更好的理解和掌握。
自动刷题记录：这个需求其实是很多同学，通过我们系统的 用户反馈 功能，给我们的建议。大家在刷题过程中，需要系统自动记住当前刷的进度，下一次进来方便接着刷。
会员免广告：目前系统还没有上线广告，将来不排除由于成本原因，可能会加上一些广告，但是会员肯定是会过滤掉广告的，感谢大家理解。
专属小助手：针对会员使用过程中的任何问题和建议，我们专属小助手都会第一时间给予解答，不能马上解决的，也会提交给团队优先排期跟进。

题库升级

在本周，我们 新增题目164道 ，涵盖 JavaScript、前端工程化、网络、react等热门标签，感兴趣的同学可以按时间倒序查看。

下面列举几个题目：

async/await 原理，手写 async 函数？

如何检测对象是否循环引用？

如何使对象 iterable 化，使其可以支持 for...of 迭代

实现一个双向链表，具备添加节点、删除节点、在特定位置插入节点、查找节点、遍历等功能

前端如何实现即时通讯？

如何做一个前端项目工程的自动化部署，有哪些规范和流程设计？

怎么进行 Node 服务的内存优化？

一个 tcp 连接能发几个 http 请求？

更多题目，欢迎同学们进前端面试题宝典小程，按时间倒序筛选查看。

用户反馈答疑

我们很早就上线 用户反馈 功能，同学们可以进行 系统功能建议、题目纠错 等等。我们也很高兴，随着系统的用户越来越多，更多的同学参与到了我们系统和题目的建设上来（正如上面提到的，VIP自动刷题进度保存，就是来自多个用户的建议）。

本周我们也收到了一些用户的反馈，下面选择一些予以回复，有疑问的同学欢迎继续找小助手沟通：

题目纠错

1. 元素竖向的百分比设定是相对于容器的高度吗？

点击这里访问小程序题目：元素竖向的百分比设定是相对于容器的高度吗？

一位同学提交了这个题目的纠错，截图如下：

看得出这位同学还是很认真的在刷题和练习，写代码就是需要动手写，光看是远远不够的。正如某个行业巨佬说的：talk is cheap, show me the code。

我也写了一段demo代码，我的运行情况是，题目答案并没有问题，子元素的padding-top/margin-top都是相对于父元素的宽度来计算的，demo链接在这里，感兴趣的同学可以自己试试：https://output.jsbin.com/huvekeyidi

2. 访问JavaScript原生的class私有属性，Chrome里并没有报错，可以正常访问到

点击这里访问小程序题目：输出什么？【JavaScript原生class私有属性】

另一位同学也值得表扬，也是自己动手，把我们JavaScript代码复制到Chrome的console控制台里运行了一遍，发现和题目答案不一样。题目如下：

class Counter {
  #number = 10

  increment() {
    this.#number++
  }

  getNum() {
    return this.#number
  }
}

const counter = new Counter()
counter.increment()
// 这里输出什么？
console.log(counter.#number)

这位同学运行之后，发现Chrome的console里，输出 11，并不是题目答案里的报错。

我也运行了一遍代码，发现Chrome的console里确实是输出的 11，没有报错，难道我们记错了？进一步找答案，在MDN官方链接里，找到了说明（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Private_properties）：

MDN文档里明确指出了，Chrome浏览器的console里，为了方便我们开发调试，允许我们直接访问class的私有属性，这只是调试的一种便利，实际上在JS中，我们还是不能在外部访问class的私有属性的。

新题上传

有一位同学，给我们上传了一个新的题目，如下图：

这个题目，其实我们题库系统已经收录过了，大家可以使用题目关键字搜索功能，就能查到对应的题目（点击这里访问小程序题目: em/px/rem/vh/vw 这些单位有什么区别？）：

最后

老规矩，欢迎同学们继续给我们提任何建议，包括但不限于系统功能需求、题库需求、题目纠错等等，下面是小助手官方微信，有需要的同学随时call我哦