目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

Virtual DOM是对DOM的抽象,本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述. 首先,我们都知道在前端性能优化的一个秘诀就是尽可能少地操作DOM,不仅仅是DOM相对较慢,更因为频繁变动DOM会造成浏览器的回流或者重回,这些都是性能的杀手,因此…

最近刚接触前端开发，接手了一个移动端H5项目。着实体会掉了前端的坑之多，和H5移动端的坑之多多。 介绍方案之前，首先还是交代一下项目背景与需求，毕竟一切方案也不能脱离实际需求。 总的来说主流的方案有rem和vh两种。 rem（font size of the root elem…

前端面试中经常会问到数组去重的问题。因为在平时的工作中遇到复杂交互的时候，需要知道该如何解决。另外，我在问应聘者这道题的时候，更多的是想考察 2 个点：对 Array 方法的熟悉程度，还有逻辑算法能力。一般我会先让应聘者说出几种方法，然后随机抽取他说的一种，具体地写一下。 这里…

this 无疑是 JavaScript 中使用最广泛但又容易被误解的关键字，今天我将会对其进行详细的解释。 这句话中，我们不直接使用 Phelps，而是使用代词“he”来指代他。类似地，JavaScript 中使用 this 关键字指向引用上下文中的对象。 在上面的代码中，我们…

网上不少面试心得，面试成功或失败经验，还有各厂面试题整理，大家都看得乐此不疲。 我跟大家讲，对于99%人而言，这些校招面试心得看得再多也没用。 很多小单位，只要稍微正常点的，专业对口的，是个人都要，网上这些面试套路你看或不看差别不大；而像BAJT这样的厂子，你就算挤破头也是进不…

虽然现在很多大公司的校招都已经接近尾声了我才拿到满意的一个offer，但还是稍微分享一下我觉得前端校招的一些内容。 基本上的大公司对于前端校招同学的要求都不仅仅局限于前端领域，因为对于一般的候选人来说都是侧重潜力的考察。而小一点的公司对于候选人的技术能力以及项目经历不会有过多的…

之前投递了腾讯的实习生前端岗，一直没有电话，查了下状态说不合适，以为凉凉了，今天却收到了电话，出乎意料... 然后就开始了一面，一开始面试官说时间不会太久，大概30分钟吧，结果整个过程也就持续了30分钟吧。 简单介绍了自己所在的学校和专业，以及学习的过程。 ...... ...…

在春招过程中，参加了不少公司的面试，这次就继续上次说的腾讯春招吧。之前提前批收到了一次面试，但后来就没有消息了，应该是妥妥的挂了。接着走正常渠道，参加笔试，笔试之后过几天，收到了通知，参加线路面，地点广州某酒店。 简单的记录下面试过程，从收到通知到参加面试，这期间大概花了一周的…