FE攻城狮

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

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

当函数组件进入render阶段时，会被renderWithHooks函数处理。函数组件作为一个函数，它的渲染其实就是函数调用，而函数组件又会调用React提供的hooks函数。初始挂载和更新时，所用的hooks函数是不同的，比如初次挂载时调用的useEffect，和后续更新时调…

作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息万变的实际场景，针对性地给出实际方案，而不是背诵各种开发军规和性能优化的条例，这样很难发现真正的问题所在,…

我们知道，性能优化的一个指标就是打开网页的快慢，因为网页渲染得快能够给用户更好的体验效果。但当网速不给力的时候，难免会出现资源加载的问题。特别是加载图片的时候，本文主要讨论的就是有关图片加载的一些性能优化问题。 创建一个新的html文件,我们首先加载3张图片，来看看它的网络请求…

回流和重绘可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享，所以对其进行了一些研究，看了一些博客和书籍，整理了一些内容并且结合一些例子，写了这篇文章，希望可以帮助到大家。 本文先从浏览器的渲染过…

在上面的文章中，我们依此了解到，CORS ，JSONP 两种方式实现跨域请求。 这两种方法，都需要 前后端进行配合 才能够正确地处理跨域问题。 今天介绍一种方法，不需要前后端配合，前端可独立完成。 PS: 在浏览器中 POST 方法下 Content-Type 为 applic…

好了不装了，今天我就化身性感面试官在线问大家一个问题，“谈谈你对前端路由的理解”。看到这个问题，那回答可多了去了。但是换位思考一下，你问候选人这个问题的时候，你想要得到什么答案？以我个人拙见，我希望候选人能从全局解读这个问题，大致以下三点。 1、为什么会出现前端路由。 2、前端…

面试季中面试官非常喜欢问的一个点，那么 HTTP 与 HTTPS 有什么区别？分享一篇很好的文章