小当爱

Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的工具肯定是要好好掌握的，今天

微前端它是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成颗粒度更小，更简单的能够独立开发、测试、部署的应用。为了深入了解微前端的原理，我会带着大家从零开始实现一个微前端框架。

在陈年的老项目中，通常用Redux、Mobx这样的全局状态管理方案无差别对待他们。 这类状态通常保存在组件内部。 当状态需要跨组件层级传递，通常使用Context API。 再大范围的状态会使用Redux这样的全局状态管理方案。 返回的数据通常作为状态保存在组件内部（如App组…

Angular的路由介绍 在单页面应用中，需要在定义好的不同视图中（组件）来回切换，而不用去服务器中获取新页面，要实现从一个视图到另外一个视图的导航

前言 Angular相比于原生js有什么优势？ 什么是单页面应用（SPA）呢？ Angular开发环境搭建 在原生js里一般通过<Script>标签引入一些第三方库，随着框架的的普及，之前引入的方式略

使用alias别名的形式，我们也可以实现类似重定向的效果。 我们知道一个组件从进入到销毁有很多的钩子函数，同样在路由中也有钩子函数。路由的钩子选项可以写在路由配置文件中，也可以写在我们的组件模板中

当页面初始化加载时，getInitialProps只会加载在服务端。只有当路由跳转（Link组件跳转或 API 方法跳转）时，客户端才会执行getInitialProps。 我们可以简单的理解getInitialProps是react生命周期的扩充，他是Next.js一个的一个…

对于一直使用angular的我，感觉react和angular之间的编写和思想还是有很多不同的地方，这也是我选择学习react的原因。写这篇文章，也希望通过一些小案例，帮助和我一样的react小白更好的了解它~

首先React Hooks是React生态圈里的新特性，它改变了传统react的开发方式。Hooks本质上就是一类特殊的函数，他们可以为你的函数型组件注入一些特殊的功能，主要的改变点如下： 原本组件分为无状态组件（用函数的形式声明），和有状态组件（用类的形式声明），现在所有的组…