最近在研究关于布局的设计方案，通过学习理解阿里的fusion.design的设计思想并结合手机淘宝H5版的px布局问题。逐渐有了一些想法，这里进行综合整理，也算是抛砖引玉吧。 rem和vw都是为了解决移动端适配问题。rem方案中最成功的就是淘宝的lib-flexible了，它是…

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

正直的勇者们经历远航，一路横扫除魔，终于来到了魔王（指面试官）所在的石塔。勇者们在石塔前的守夜人陈大鱼头（此处@陈大鱼头）那里接受了一个挑战——用纯 CSS 难度判断鼠标进入盒子的方向。 勇者 A 给四个盒子分别定位到上下左右四个方向，并利用其 Hover 状态制作动画，三下五…

之前面试三部曲简明地梳理了前端知识结构体系，浅尝辄止。这个系列则要进一步研究和领会 内在的奥妙。今天打算以一个比较新颖的角度切入，深入地梳理下 React 的内部实现。 1. 有利于大家在 React 日常业务使用中更加得心应手； 2. 也可将领会到的思想融会贯通，拓展到其它领…

1，根据react的测试用例，直接打断点，看下reactdom.render()到底是如何工作的，这里可以先忽略_DEV_, 因为这里大多数都是一些检测，一些warning提示，可以先理清出整体脉络，然后再去关注这些点. 这里的legacy是遗产遗留的意思，不知道是不是以后会放…

互联网寒冬之际，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。 一年前，也许你搞清楚闭包，this，原型链，就能获得认可。但是现在，很显然是不行了。本文梳理出了一些面试中有一定难度的高频原生JS问题，部分知识…

最近终于是下定决心将我负责的一个公司内部系统由react v15.4.1升级到v16.8.6。v16.8.6中最被推崇的一个特性应该就是react hook了，实际上手后为能更顺手的使用也是花了2个多小时的时间把react hook的实现源码看了一遍。 要在这个组件中触发更新要…

React.createElement 是React中一种创建React组件的方式，它古老而神秘。 虽然日常开发中已经很少能够见到他的身影。但是将JSX用babel编译之后，就是 createElement 函数 createElement 支持传入n个参数。 type：表示你…