带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

webpack 是自动化打包解决方案，也可以理解为是一个模块打包机。它帮助我们分析项目结构，找到 JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript 等），并将其打包为合适的格式以供浏览器使用。 Entry：入口，Webpack…

这样写的时候子类虽然能够拿到父类的属性值，但是问题是父类原型对象中一旦存在方法那么子类无法继承。那么引出下面的方法。 看似没有问题，父类的方法和属性都能够访问，但实际上有一个潜在的不足。举个例子： 明明我只改变了s1的play属性，为什么s2也跟着变了呢？很简单，因为两个实例使…

本文不讲 react、redux、action、reducer 的具体应用，只是单纯的讲解 reducer 为什么必须是纯函数，本文适合有一定 redux 开发经验的同学。 用过 react 的同学对 redux 一定不会陌生，我们知道 redux 可以提供可预测化的状态管理。…

面试过去了这么久，把八月份面试题和总结发一下吧，虽然年底大家可能都不换工作~ 还是可以看看的。 关于面试，引用叶老湿的一句话。你的简历是自己工作的答卷，项目经历是你给面试官出的考纲。所以，我的面试一定是与我的简历、工作经历相关的，一些面试题并不一定适用于任何人，但是你可以从中了…

React 在 v16.8 的版本中推出了 React Hooks 新特性。在我看来，使用 React Hooks 相比于从前的类组件有以下几点好处： 关于这方面的文章，我们根据使用场景分别进行举例说明，帮助你认识理解并可以熟练运用 React Hooks 大部分特性。 与 c…

经常使用，交互实现在我的开发习惯里是能用原生css实现就用原生。 比如一些hover操作需要淡进淡出，就需要用 transation 和 opacity 相结合去实现。 还有一些窗口的抖动可以通过 animation 去实现，设定 keyframes 关键帧。 加入购物车的动画…

朋友去面试蚂蚁金服，遇到了一道面试题，乍一看感觉挺简单的，但是实现起来发现内部值得一提的点还是挺多的。 flow 是指一系列 effects 组成的逻辑片段。 flow 支持嵌套。 effects 的执行只需要支持串行。 用数组包裹的上述三项。 先把参数浅拷贝一份（编写库函数，…

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…