前端技术栈的区别与联系
逐个解释
HTML是最基本的浏览器能够阅读的语言,是网页标记语言,是静态的。
CSS是层叠样式表,用于规定HTML元素的形态,被嵌套在网页中。
JavaScript是利用HTML标记代号内嵌于HTML中的JavaScript代码段。让静态的HTML网页有互动能力。
HTML/CSS/JavaScript都是基于浏览器端的解释运行,可以完全独立于服务器。以上三者创造出的是静态页面。
如果要让网页对外部数据请求产生大规模相应,就需要用到动态页面(Dynamic Webpage),为此引入动态编程语言之一PHP。
PHP不能被浏览器(也就是不能在客户端执行)执行,但是可以被安装了PHP解释插件的Web服务器(比如Apache)运行。在服务器端运行PHP程序,但发送到客户端只有HTML,服务器有选择地向客户端呈现内容。
还需要搭配数据库完成动态网页的构建,也就要用到数据库系统MySQL。对于客户端发送过来的请求,PHP服务器向MySQL服务器请求查询并获得MySQL的返回结果,以动态的方式生成静态资源(HTML/CSS/JavaScript)发送到客户端,完成页面的呈现。
关系总结
许多静态资源(包括HTML、CSS、JavaScript、Images、datas)被存放在Web服务器(如Apache)上。
动态编程语言(如PHP)依据客户端请求的具体资源,选择组合这些静态资源并将它们以动态文件(如PHP文件)的形式再投放到Web服务器上。
Web服务器上搭载的动态编程语言解释器将动态网页解释成静态资源,并返回给客户端,客户端收到的资源依然是静态资源。
参考资料
- 本文标题:前端技术栈的区别与联系
- 本文作者:徐徐
- 创建时间:2020-10-10 18:33:37
- 本文链接:https://machacroissant.github.io/2020/10/10/what-we-have-to-learn-in-frontend/
- 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
评论