传统Web页面
传统Web页面就是打开浏览器,整个页面都会打开的应用。例如,笔者的个人网站http://siwei.me就是一个典型的“传统Web应用”,每次单击其中任意一个链接,都会引起页面的整个刷新
传统的页面每次打开,都要把页面中的.js、.css、图片文件、html文件等资源加载一遍。在图1-1的左下角可以看到,本次共加载了10个请求(4个css,2个js,3个png图片及1个html文件),耗时0.837s。这个在PC端可以,但是在手机端就会特别慢,特别是在安卓手机上。
传统页面的特点就是下面任何一个操作,都会引起浏览器对于整个页面的刷新:
单击链接。
提交表单。
触发location.href='...'这样的js代码。
我们来看一个传统Web页面的例子。
<html>
<head>
<script src="my.js"></script>
<style src="my.css"></style>
</head>
<body>
<img src='my.jpg' />
<p> 你好! 传统Web页面! </p>
</body>
</html>
每个浏览器都会从第一行解析到最后一行,然后继续加载my.js、my.css、my.jpg这三个外部资源。
其实很好理解,这个就是大家最初想象的Web页面的打开方式
了解更多前端知识,可以点击链接和小编一起学习哟~https://www.bilibili.com/video/BV1i14y1N7d7/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421c