mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

文章首发自笔者的 Github。 Promise 关于 API 这块大家应该都能熟练使用，但是和微任务相关的你可能还存在知识盲区。 在开始正文前，我们先把本文涉及到的一些内容提前定个基调。 Promise 中只有涉及到状态变更后才需要被执行的回调才算是微任务，比如说 then、…

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

1. React 中 keys 的作用是什么？ Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 有了key属性后，就可以与组件建立了一种对应关系，react根据key来决定是销毁重新创建组件还是更新组件。 key相同，若组件属性有所变化，则…

http缓存机制主要在http响应头中设定，响应头中相关字段为Expires、Cache-Control、Last-Modified/If-Modified-Since、Etag/If-None-Match。 1）浏览器在加载资源时，根据请求头的expires和cache-co…

最近三周，主要复习 网络基础 相关的知识，今天我把这三周复习的知识和参考答案，整理成本文，欢迎各位朋友互相学习和指点，觉得本文不错，也欢迎点赞哈💕💕。 📅推荐一个 github 仓库 —— 《awesome-http》，内容挺棒的。 一. 简述浏览器输入 URL 地址后发…

最近在准备面试，刚好利用几天的时间系统的整理了下JS经常考的手撕题类型。 在这里，以脑图的形式带大家手撕这篇文章里的所有题（带注释）。 5. 手动实现防抖函数 柯理化函数含义：是给函数分步传递参数，每次传递部分参数，并返回一个更具体的函数接收剩下的参数，这中间可嵌套多层这样的接…

因为在工作上总是涉及到体验的问题，因此想了解浏览器怎么工作，从而可以更高维度去了解前端。 写远比读有成就感。外在发发疯，好在内在被憋疯。 整体梳理知识，把js、网络、渲染、浏览器安全等知识串起来，有个整体全新的认识。 写这篇文章的顺序是：先整个阅读有个整体框架，再细节上深究，再…

字节跳动抖音三轮技术面+一轮HR，现在已经收到了前端架构组的 offer。 首先把面经分享给大家，由于技术水平和经历的不同，我不敢保证我的面经问题对你有任何的参考性，但确实都是在真实的面试场景中遇到的，我所做的只是保证真实性和完整性。 3月17日下午 抖音架构组前端实习生 一二…