在解析源码前，先来了解下前端路由的实现原理。 前端路由实现起来其实很简单，本质就是监听 URL 的变化，然后匹配路由规则，显示相应的页面，并且无须刷新。目前单页面使用的路由就只有两种实现方式 www.test.com/#/ 就是 Hash URL，当 # 后面的哈希值发生变化时…

原文地址：All About React Router 4 原文作者：BRAD WESTFALL 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/all-about-react-rou…

React Router v4 是一个完全使用 React 重写的流行的 React 包，之前版本的 React Router 版本配置是使用伪组件也很晦涩难懂。现在 v4 版本的 React Router，所有的东西都 “仅仅是组件”。 选择 router。 创建 route…

首先从react-router的npm包开始看起，分别有react-router和react-router-dom，两者的区别在于后者具有一些dom api，比如Link、BrowserRouter、HashRouter。不难发现react-router-dom具有一些在浏览器…

1. 滑动效果： https://biaochenxuying.github.io/route/index.html 2. 淡入淡出效果： https://biaochenxuying.github.io/route/index2.html 1. 需求 因为我司的 H 5 的项…

在网络原理中，路由指的是分组从源到目的地时，决定端到端路径的网络范围的进程，做成硬件叫路由器，在路由器中维护着一个路由表，并根据此路由表决定下一跳的地址。在 web 中，一样的原理，是指根据不同的 url 给其分配不同的控制器（处理程序）。 在最初的 web 开发中，我们并不太…

按需加载的背景 React Router 是一个非常出色的路由解决方案，同时也非常容易上手。但是当网站规模越来越大的时候，首先出现的问题是 Javascript 文件变得巨大，这导致首页渲染的时间让人难以忍受。实际上程序应当只加载当前渲染页所需的 JavaScript，也就是大…

近来研究了一下镂空效果。 背景被裁剪为文字的前景色。第一次是在 CSS-Tricks 看到的这个用法: 在 CSS-Tricks 网站上，这个玩意用得到处都是。 这样，做简单的图片背景镂空效果便不再困难了。关键代码只有几行。 就这几行，视觉上会就会有大变化。前后对比： back…