undo

本文不会有React具体应用的内容，只是一些对于hooks跟之前的类组件的比较，对于hooks本身的思考。 笔者在今年的8月份入职现在的公司，从原来的vue转为React。因为公司还存在一些比较老的项目，所以前期并没有完全投入到React的项目开发当中。从10月份开始，参与了一…

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 …

webpack的打包优化一直是个老生常谈的话题，常规的无非就分块、拆包、压缩等。 本文以我自己的经验向大家分享如何通过一些分析工具、插件以及webpack新版本中的一些新特性来显著提升webpack的打包速度和改善包体积，学会分析打包的瓶颈以及问题所在。 webpack 有时候…

把客观事物封装成抽象的类，隐藏属性和方法，仅对外公开接口。 封装，就是把一个零零散散的东西做成一个组件。 打个很简单的比方，有的人用电脑不需要机箱，主板内存条显卡电源都裸露在外面，他觉得这样挺好，可以散热。但是大部分人还是会用机箱把所有的硬件都包装起来。优点嘛，第一便于到处使用…

过去的一年， JavaScript 在持续变化着，其使用范围也越来越广。接下来，我将针对 JavaScript 的使用，列出 9 条 建议，以帮助你写出更加整洁高效的代码，成为更好的开发者。 1. async/await JavaScript 极速发展的今天，回调地狱所产生的问…

重构，对于每个开发者都至关重要，特别是对于那些需要进阶的高级程序员。根据二八理论，20%的重构方法，能解决80%的坏代码。笔者最近查阅较多js编码指南以及重新阅读了《代码整洁之道》、《重构：改善既有代码的设计》两本经典书籍（强烈建议每隔一段时间看，每次都有新体会），整理出以下几…

本文详细介绍了 React 生命周期的用法以及各个阶段的生命周期进行，并且用实例代码做了详细演示。代码位置 在 React 组件挂载之前被调用，实现 React.Component 的子类的构造函数时，要在第一行加上 super(props)。 如果没有初始化状态（state）…

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

这是我写的第二个博客网站。第一版是在今年(2018年)3月份完成的，用的Bootstrap + Django. 待第二版数据迁移完毕后，第一版会开源。 至于为什么写第二版，是因为还有很多自己想表达的东西没有在第一版呈现。 2.0版本是一个基于React + Node的前后端分离…