62,072
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title>XXXXXXXXXXXXX</title>
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<link href="css/myCss.css" rel="stylesheet" />
</head>
<body>
<div class="template_container"></div>
<script src="Scripts/jquery-3.1.1.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
.....如上格式一堆的 js 文件引用 .....
<div class="seo"></div>
</body>
</html>
这样的页面非常小。其中只有 seo 部分可能需要在服务器端插入一些 html 内容,插入文本、连接等等,这些纯粹是“清洁”过的 html 专门给搜索引擎看,而用户不看。
用户看的内容,都是 js 文件最后一个动态加载的。它可以使用 jQuery.get("......, fn);
这样的形式动态加载模板到</body> 之前,然后每一个“页面”都自动加载到 template 里边,然后加载数据并且再绑定模板。
现代的前端都是动态绑定模板(或者叫做 html 组件)的,当切换一个子页面,或者比如说 Tab 上的一个选项卡,则可以自动移除或者增加一个 <div> 片段组件。总之都是动态的,页面上千变万化,怎么可能是服务器短产生一个静态 html 大文件的这种传统思路?!!