以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…

setState作为react中使用最频繁的一个API，在这里简单分享它的实现机制。 网上有很多讲解fiber的文章大多在描述fiber的算法。实际上fiber包含数据结构和算法，按照v16之前的版本理解，fiber在源码中表示虚拟DOM的一个节点 第一个setState也就到…

leetcode 146. LRU (最近最少使用) 缓存机制 从以上分析，要想找到缓存末尾的值，我想到两个办法。 执行get的时候，如果缓存中存在get的数据，则更新缓存顺序，跟以上一样。 以上，是我第一感觉的做法。为什么说是第一感觉，首先，题目要求O(1)的复杂度，所以我不…

diff算法在React中处于主导地位，是React V-dom和渲染的性能保证，这也是React最有魅力、最吸引人的地方。 React一个很大一个的设计有点就是将diff和V-dom的完美结合，而高效的diff算法可以让用户更加自由的刷新页面，让开发者也能远离原生dom操作，…

2016 年 React 巩固了它作为前端框架之王的地位，这一年中可以看到它在 Web 端和移动端的快速成长，同时稳稳领先于它的主要竞争对手 Angular。 但是 2016 对 Vue 来说也是同样令人印象深刻的一年，它发布了 Vue 2.0 版本并且在 JavaScript 社区引起了巨大反响，GitHub 上多出的 25000 颗 star 就是最好的证明。

Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 是要增加自己技术的深度，也就是懂得JavaScript的运行机制。 现在在前端领域各种技术层出不穷，掌握底层原理，可以让自己以不变，…

首先。我们了解下transform是干嘛的。 在MDN中的官方解释：CSStransform属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的。简言之，transform可以操作一些动画、位移效果。 margin top/left，我们…

一共84集，从5月4日开始录制，到9月18日完成，5个月时间。如果是一个专业讲师，这进度你会说太慢了，但我的视频都是下班后录制的。今天是个不错的日子，也是我的生日（84年9月18日），标志着我正式进入35岁。在这个特殊的日子里，我献给大家我这将近半年的努力成果，希望更多的小伙伴…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…