Shymean_V0.7.0

本文将从React和Vue源码中，理解diff算法的工作原理和实现方式。

虽然写了很长一段时间的Vue了，对于CSS Scoped的原理也大致了解，但一直未曾关注过其实现细节。最近在重新学习webpack，因此查看了vue-loader源码，顺便将从vue-loader的源码中整理CSS Scoped的实现。

单调栈是一种特殊类型的栈，可以用来解决一些特定问题，本文整理了构建单调栈的方式，以及单调栈的一些应用。

昨天遇见了一个关于flex-shrink计算规则的问题，一时语塞，发现自己居然没有认真研究过这里面的东西，因此在合理整理了关于CSS中一些属性的计算规则。

最近一直在折腾React源码，后来发现有必要重新阅读Vue的源码，从设计思想和底层实现上了解两种框架的差异，因此有了这一篇文章。

前两周一直在学习React源码，发现通过断点观察代码运行流程来理解React源码并不是一个很好的方法：

• 由于需要支持ReactDOM、SSR、React Native等，React源码抽象程度比较高，分支较多，且函数调用栈也很深
• React引入的Fiber Reconciler优化diff流程，内部使用了很多状态码和全局变量
• 我的React开发经验有限，有些API并不是十分熟悉

虽然艰难地将大概看了一些源码，却觉得收获较少，因此决定整理React内相关概念，并手动实现一个简易的React框架，从而更深入地学习React。

之前接手的一个旧项目，使用的是roadhog + dva + antd等技术，里面大概有上百个路由文件，其他model、组件等文件也不少，导致整个项目的模块文件非常多，热更新和打包都速度都比较慢，输出代码体积也很大。基于这个问题，本文整理webpack常用的一些优化手段。

最近处理了一个与referer有关的需求，发现里面还是有一点门道的。因此在本篇文章整理了referer相关知识点，主要涉及图片防盗链与如何绕开防盗链限制。

在上篇文章中对Preact源码进行了分析，了解了Component、render、diff等核心方法，以及页面渲染的大致流程。在这一篇文章中，将分析preact-router的源码实现，并了解在Preact项目中使用react-redux的方法，构建一个完整的web应用。

最近打算学习React源码，发现了一个简易版的框架Preact，且与React的API比较相似，因此决定先看看它的代码。