前端基础知识

前端基础知识

应用软件

1.C/S架构

&解析:

C: client(客户端)

S:server(服务器)

.优点:

  1. 有多重安全认证,适用于大型专业应用和对安全性要求较高的应用
  2. 界面和操作可以很丰富
  3. 由于只有一层交互,响应速度快

二.缺点:

1.需要安装

2.偶尔需要更新

3.不跨平台

2.B/S架构

&解析:

B:browser(浏览器)

S:server(服务端)

一.优点:

  1. 无需安装
  2. 无需更新
  3. 可跨平台

二.缺点:

  1. 在跨浏览器上,BS架构不如人意
  2. 要达到像C/S架构的程序需要花费不少精力
  3. 在安全性和速度上需要花费巨大的设计成本

三.内核

服务器将页面设计源代码,即HTML,CSS,JS等和JPG,MP4等资源传给内核,内核处理完后渲染页面

网站

一个或者多个网页组成一个网站,而网址是用来搜索网站的

前端三件套

HMTL(结构)

全称

HyperText Markup Language(超文本标记语言)

超文本指的是丰富于文本的展现形式,包括超链接,图片等,主要是指超链接使两个网页的连接,使网页信息得以组织起来

语法

标签分类

双标签

<标签名>标签体</标签名>

单标签

<标签名/> 
<!-- “/”可加可不加 -->

标签属性

语法

属性名 = "属性值"

(有的属性没有属性值)

分类:通用属性和独有属性

标准结构

<!DOCTYPE html>
<html lan = "zh-CN">
	<head>
	<meta charset = "utf-8">
	</head>    
		<body>
		</body> 
</html>

作用过程

源代码 to 浏览器 to 检查格式是否合法 然后 直接渲染或者处理后渲染

文档声明

告诉浏览器用哪个版本写的源代码

CSS(表现)

JS(行为[交互])

posted @   超雄代码狂  阅读(8)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 百万级群聊的设计实践
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
点击右上角即可分享
微信分享提示