传统网页是如何工作的?
回顾传统网页的工作原理。
假设人类生活在2000年代。此时,前端框架尚未出现!互联网上有数以百万计的网站在没有前端框架的情况下正常运行。了解这一点后,一些问题随之而来:它们是如何工作的?难道我们不需要前端框架就能创建一个网站吗?
传统网页
一个网页要正常工作,需要三个核心组成部分:HTML、CSS 和 JavaScript。接下来,我们简要地逐一了解每个部分。
HTML
HTML 是 超文本标记语言 的缩写。它是一种用于定义网页结构的语言。该语言基于“标签”来标识网页的各个部分。浏览器会解析 HTML 内容,从而展示出网页。
CSS
CSS 是 层叠样式表 的缩写。它描述了 HTML 元素的显示方式。换句话说,网页的样式和外观由 CSS 控制。CSS 可以直接写在 HTML 文件中,这被称为 内部 CSS;也可以单独保存为文件,称为 外部 CSS。外部 CSS 可以被任意网页引入使用。感谢 CSS,让网页变得美观且富有视觉吸引力!
JavaScript
网站不仅向用户展示内容,还能响应用户的操作,比如点击按钮执行某个任务。这种交互性正是通过一种脚本语言实现的,而 JavaScript 正是完成这一功能的语言!JavaScript 为网页赋予了编程能力。事实上,如今现代网页的功能主要依赖于 JavaScript,包括 Vue.js 等现代前端框架,都是建立在 JavaScript 之上的。
注意:一个网站可以不使用 CSS 和 JavaScript 构建,但缺少 CSS 的网站将缺乏视觉美感;缺少 JavaScript 的网站则无法实现交互功能。然而,HTML 对任何网站来说都是必不可少的。
现在,动手体验一个仅依赖 HTML、外部 CSS 和原生 JavaScript(不借助任何前端框架)的传统网站示例!
No configuration found for ID: 18e4026102a517a0b5108a9ece576047feba468a5756d83c74e6dc4663d91cc9
尝试修改上方提供的代码,深入理解或复习 HTML、CSS 和 JavaScript 的基本概念!
那么,为什么需要前端框架?
我们真的需要前端框架来构建网站吗?虽然 HTML、CSS 和 JavaScript 三者已经足以搭建一个网站,但在可扩展性、性能和用户体验等方面,前端框架提供了显著优势!正因如此,越来越多的网站正在或将要转向使用 Vue.js 等前端框架。