首页 > 网站 > WEB开发 > 正文

前端概念偏

2024-04-27 15:14:14
字体:
来源:转载
供稿:网友

一、前端是什么

试想一个浏览网页的场景:

1、拥有一台能上网的电脑(装有浏览器)

2、打开浏览器,在地址栏输入想要浏览的网址,然后回车(发送请求)

3、网址所在的服务器接收到请求,根据网址准备好需要发送的内容(前端页面),发送给浏览器

4、浏览器接收服务器发送回来的内容,并在浏览器窗口展示网站内容

狭义来讲,浏览器窗口以及里面展示的内容就是前端的范畴,而负责该范畴内容开发工作的技术人员(岗位)既是前端开发、web前端(简称前端)。那么,前端指代网站系统的浏览器端展示范畴,也表示该范畴的开发工作者(岗位)。

二、前端组成

浏览网页时看见的各式各样的页面大体可由三个部分组成:

1、页面的数据:文字、图片、音乐等包含信息的部分(数据)

2、页面的样式:所有页面内容的大小、颜色、形状等视觉特征(表现)

3、页面的交互:浏览者通过鼠标、键盘等设备与页面交互(点击、双击、移动鼠标、键盘输入、、、)时网页的反应(交互)

三个部分分别由三门语言(暂且这么认为)来编写,合在一起就构成了一个完整的页面,即服务器发送给浏览器的内容。页面的数据和页面结构密不可分,通过HTML(超文本标记语言)来完成。页面的样式通过CSS(层叠样式表)来控制。页面的交互通过javascript实现。

三、页面示例

具体代码如下:

<!DOCTYPE html><html><head><title>页面示例</title><style type="text/css">body{color: red;}</style></head><body>我是页面示例<script type="text/Javascript">window.onclick = function() {alert("您点击了页面!");}</script></body></html>

新建txt文件并打开,将此段代码拷贝进去,保存。然后将此文件扩展名改为html,最后用浏览器打开该文件即可看见效果。

------------------------ 分隔线呀分隔线 ------------------------------

试着写写前端学习的历程,有错误之处欢迎拍砖(可以打脸)


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表