此内容被密码保护

心路历程
聊完理论(详见:《React+Webpack 前后端同构(服务端渲染)理论篇》),我们来看看如何把前后端同构运用到实践中。
其实在这个问题上,我想了很久都没有想出一个比较好的答案。前后端同构,简单地说就是前后端共用一份代码,但这样讲起来,未免有点食之无味,所以我们还是先讲讲 Web 服务端渲染的历史,了解一下前后端同构是在什么场景下衍生出来,它又能够解决什么样的问题。
『你的儿女,其实不是你的儿女,他们是生命对于自身渴望而诞生的孩子。他们借助你来到这世界,却非因你而来。他们在你身旁,却并不属于你。你可以给予他们的是你的爱,却不是你的想法,因为他们有自己的思想。你可以庇护的是他们的身体,却不是他们的灵魂,因为他们的灵魂属于明天,属于你做梦也无法到达的明天。』——纪伯伦
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>纯CSS实现未知高度垂直居中</title>
<style>
.outer {
font-size: 0;
height: 200px;
background: #0099ff;
white-space: nowrap;
}
.outer:before {
content: '';
height: 100%;
display: inline-block;
vertical-align: middle;
}
.inner {
font-size: 14px;
white-space: normal;
display: inline-block;
}
</style>
</head>
<body>
<div class="outer">
<div class="inner">
第一行<br>第二行<br>第三行
</div>
</div>
</body>
</html>