FruitBro

曾经有人问我，JavaScript:(a==1 && a==2 && a==3)能输出ture么？年轻的我一脸茫然，感觉既然问我，这个问题就一定有坑，肯定可以输出true。当时只知道if 判断中 undefined、0、 null都会被转…

最高效的学习方法就是把知识讲给别人听。 本来是个很简单的问题，但是感觉还是应该记一下，里面涉及到很多细节都可能成为一个知识盲区。 代码打印出 [2, 4, 6, 8, 10]。 在 React 中，把数组转化为元素列表的过程是相似的。 你可以通过使用 {} 在 JSX 内构建一…

在React16.8之前，React通过this.state来访问state，通过this.setState()方法来更新state。当this.setState()被调用的时候，React会重新调用render方法来重新渲染UI。state是React中的重要概念。React…

在移动端web开发中，如果UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在retina屏机型中，1px会比较粗，即是较经典的移动端1px像素问题。 设备像素比：dpr=window.devicePixelRatio，也就是设备的物理像素与…

loader是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中，处理一个文件可以使用多个loader，loader的执行顺序和配置中的顺序是相反的，即最后一个loader最先执行，第一个loader最后执行，第一个执行的loa…

1. 什么是webpack webpack是一个模块化打包工具，它将一切文件都视为模块，通过loader编译转换文件，通过plugin注入钩子，最后将输出的资源模块组合成文件。 2. 构建流程 第二步：利用初始化的参数创建complier对象，complier可以视为一个web…

的小伙伴强烈建议读一下。 async就是Generator函数的语法糖。 如下有一个Generator函数，一次读取两个文件。 以上代码改成async函数就是下面这样。 比较之后，我们发现，async函数就是将Generator函数的*星号替换成async,将yield替换成a…

今天中午在领完盒饭，吃饭的时候，正吃着深海鳕鱼片，蘸上番茄酱，那美味，简直无以言表。突然产品急匆匆的跑过来说：“咱们的用户量这一周一直上不去，有没有什么办法能解决一下？”我忽然虎躯一震，想到前端性能优化是个庞杂又琐碎的工作，怯怯的回答道：“能...能吧...”，产品听到‘能’这…

完全可选的。 你无需重写任何已有代码就可以在一些组件中尝试 Hook。但是如果你不想，你不必现在就去学习或使用 Hook。 100% 向后兼容的。 Hook 不包含任何破坏性改动。 现在可用。 Hook 已发布于 v16.8.0。 没有计划从 React 中移除 class。 …