科普web前端开发,图文全面解析

本文科普了Web前端开发,解释了前端与后端的区别,阐述了前端的职责,包括HTML、CSS和JS的核心作用。前端可以控制页面内容,通过Ajax和Socket连接与后端交互。此外,介绍了前端的分层架构、开发方式和所需技术,如模板语言、CSS预处理器、ES6+,以及前端开发中的模块化、包管理和组件化等概念。
摘要由CSDN通过智能技术生成

前端是什么?

在回答这个问题之前,我想到了一道面试题:

当我们在浏览器中输入网址并按回车之后,接下来会发生什么?

我们来简单地看一看 “网页展现” 的整个过程。

比如这里有一个用户,它需要访问 abc.com 这个网址。一般来说,当用户输入一个域名时,是在请求一个 HTML 资源。当他完成域名解析之后,他的浏览器会向 abc.com 这个域名所指向的 Web 服务器发出请求。

有时候 Web 服务器直接就可以返回用户的请求了;有时候 Web 服务器还需要向数据库查询一些数据,然后才能把处理结果返回给用户。

当用户的浏览器拿到服务器返回的 HTML 资源之后,就开始解析并显示 HTML 的内容了。

一般来说,HTML 页面需要 CSS 资源来描述页面的样式。比如浏览器在解析 HTML 时发现了一个 CSS 外链 abc.com/a.css,它就会去请求这个资源。

HTML 页面往往还需要加载外部的 JS 资源,比如 abc.com/a.js,此时浏览器同样会向服务器请求这个资源。

当所需的资源都加载完成之后,这个页面就可以提供完整的外观和功能了。整个过程差不多就是这个样子了。

如果你依然在编程的世界里迷茫,不知道自己的未来规划,打算深入了解这个行业的朋友,我们的前端学习扣qun :767273102,不论你是学生还是想转行的朋友,我都欢迎,每晚分享干货,网页制作,网站开发,web全栈开发,从0基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端HTML5的项目实战【视频+工具+系路线图】都有整理,分享给小伙伴:学习前端我们是认真的

我们看一看这张流程图,可以在中间画一道竖线,把它分成左右两个部分。

我们会发现,这道线左侧的事情发生在浏览器端,我们称之为 “前端”;右侧的事情发生在服务器端,称为 “后端”。(“前端” 之所以叫 “前端”,是因为它离用户更近一些。)

大家都学过后端开发的相关课程,对后端这一块应该都比较熟悉了。那问题来了:在上面这个过程中,后端有哪些局限࿱

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值