react-redux主要提供的功能是将redux和react链接起来。 使用提供的connect方法可以使得任意一个react组件获取到全局的store上的状态。 实现方法是将store存放于由provider提供的context上，在调用connect时， 就可将组件的pr…

首先，必须先了解什么是微前端架构。 single-spa 就是其中一种实现微前端架构的方式，或者说是一门框架。 single-spa 是一个让你能在一个前端项目里面兼容多个框架或者项目的框架。 同一页面使用多个框架而无需刷新页面。 独立部署微内容。 使用新框架编写代码，而无需重…

和多数源码解读的文章不同的是，作者会尝试从一个初级前端的角度入手，由浅入深去讲解源码实现思路和基本的语法知识，通过一些基础事例一步步去实现一些小功能。本文首先讲解一下数据双向绑定的基本原理，介绍对比一下三大框架的不同实现方式，同时会一步步完成一个简单的 mvvm 示例。

1. 什么是数据结构？ 数据结构是在计算机中组织和存储数据的一种特殊方式，使得数据可以高效地被访问和修改。更确切地说，数据结构是数据值的集合，表示数据之间的关系，也包括了作用在数据上的函数或操作。 数据是计算机科学当中最关键的实体，而数据结构则可以将数据以某种组织形式存储，因此…

新的一年，先给大家整理分享一个简单而又重要的知识点：时间复杂度和空间复杂度。因为在前几篇文章中，提到了时间复杂度，也许有些小伙伴还不清楚。（ps：希望在我上篇文章留言的那位小伙伴别失望哦，慢慢来。） 学习数据结构和算法就是为了解“快”和“省”的问题，也就是如何设计你的代码才能使…

摘要： Chrome改变世界。 在上一篇博客中，我聊了一下JavaScript引擎V8的工作原理，顺其自然，接下来应该来聊聊渲染引擎Blink或者Chrome浏览器的工作原理。但是，这2个坑以后再填。 这次我重点聊聊产品，当然免不了涉及一些技术。 其实，Google的联合创始人…

我们使用React开发项目的时候，基本上是单页面应用，也就离不开路由。路由看似神秘，当我们简单的模拟一下它的核心功能后，发现也就这么回事儿。本文就详细的介绍一下react-router-dom 的HashRouter的核心实现逻辑。 HashRouter是一个大的容器，它控制着…