引言 在前端开发中，性能优化是一个永恒的话题。我们经常需要处理和展示大量的数据，所以当面试官问到：“如何一次性渲染十万条数据而不影响用户体验？”你会怎么回答？直接渲染十万条数据可能会导致页面卡顿、响应

实现一个VDOM VDOM：简单来说就是一个js对象，它可以用来描述当前DOM长什么样子。 优点： 1.大多数情况下，提供了比暴力刷新整个dom树更好的性能。因为js的执行速度是非常快的，但是操作do

两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。 同一层级的一组节点，他们可以通过唯一的id进行区分。基于以上这两点假设，使得虚拟DOM的Diff算法的复杂度从O(n^3)降到了O(n)。 当某一层有很多相同的节点时，也就是列表节点时，Diff算法的更新过程…

资料来源视频：用vue想拿20k，面试题要这样答 文章是在看完视频之后总结的笔记 这个视频我觉得他将的好是在于直接去解析vue的源码，从源码分析问题，简而易懂且有说服力。 总结：一共9节9个小知识点

Promise及其周边方法、快排、冒泡、选择、插入排序算法、发布订阅、数组去重、数组拍平等30+高频手写实现及其详细答案解析，助你在日常工作中披荆斩棘，勇往无前。

本文已收录在Github github.com/Geekhyt，欢迎Star。 从镜片的厚度和黄黑相见的格子衬衫我察觉到，面前坐着的这位面试官应该是来者不善。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，为了避免尴尬，我盯着面试官的眉毛中间，不过面试官明显对我的经历不…

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 这篇梳理的话，更多的是对浏览器工作原理篇的查缺补漏，对于一些没有涉及到的知识点，准备梳理梳理，也正好回顾之前梳理的内容。 …

. VS = 操作符优先级 可以好好想一想，你会茅塞顿开的。 这里贴上 Array.prototype.map 的 polyfill. JavaScript默认使用字典序(alphanumeric)来排序。因此结果是[1,10,2,5] 期望输出的是0,1,2,实际上却不会。原…