web基础知识

最新推荐文章于 2024-09-16 06:30:00 发布

asen_0611

最新推荐文章于 2024-09-16 06:30:00 发布

阅读量1.3k

点赞数 27

文章标签：前端

本文链接：https://blog.csdn.net/asen_0611/article/details/135346674

版权

本文概述了网络基础，包括IP地址、TCP/IP协议、DNS解析，以及HTML、CSS和JavaScript在web开发中的核心作用。介绍了HTTP协议、前端框架、SEO、安全性和跨平台开发的重要性。

摘要由CSDN通过智能技术生成

网络基础

在谈到 web 技术之前，我们需要先了解一些网络基础知识。首先，每个网站都有一个唯一的 IP 地址，通常表示为四个数字，例如 192.168.0.1。IP 地址使得计算机能够在互联网上相互通信。此外，每个计算机都有一个端口号，用于标识特定的网络应用程序。例如，web 服务器通常使用端口号 80。

TCP/IP 协议是互联网上最常用的协议之一。它定义了计算机如何在网络上进行通信，并确保数据正确传输。在发送数据之前，发送方和接收方必须建立一个连接。然后，数据被分割成多个数据包并通过互联网传输。当接收方接收到数据包时，它会将它们重新组合成原始数据。

DNS 解析是将域名转换为 IP 地址的过程。当您在浏览器中键入网址时，浏览器会使用 DNS 解析将域名转换为 IP 地址，然后与 web 服务器建立连接。

HTML/CSS

HTML 和 CSS 是 web 技术中最基本的两个组成部分。HTML（超文本标记语言）用于定义文档结构和内容，而 CSS（层叠样式表）用于定义文档的外观和样式。

HTML 中最常见的标签包括 <html>、<head> 和 <body>。这些标签用于定义文档的基本结构。其他常见的标签包括 <p>（段落）、<a>（链接）、<img>（图像）和 <div>（块级元素）等。

CSS 可以应用于 HTML 元素，从而实现样式规则。例如，可以使用 CSS 设置背景颜色、字体、边框、宽度和高度等属性。CSS 还支持伪类和伪元素，用于向特定元素添加效果。

随着 web 技术的发展，HTML5 和 CSS3 引入了许多新特性。HTML5 引入了新的标签和 API，例如 <video>、<audio>、<canvas> 和 Web Storage。CSS3 引入了新的选择器和模块，例如 Flexbox、Grid 布局和媒体查询。

JavaScript

JavaScript 是一种用于创建动态网页的编程语言。它可以用于操作网页元素、处理用户输入和响应事件等。JavaScript 也可以与后端服务器进行通信，并使用 AJAX 技术实现异步请求。

JavaScript 的基本语法包括变量、函数、条件语句和循环。通过 Document Object Model（DOM），可以访问和修改网页元素。使用事件处理程序，可以在用户执行某些操作时触发 JavaScript 代码。

近年来，JavaScript 框架和库的数量急剧增加。React、Vue 和 Angular 等框架广泛用于开发单页面应用程序（SPA），这些应用程序的界面是动态生成的。

HTTP 协议和网络知识

HTTP（超文本传输协议）是一种用于在 web 浏览器和 web 服务器之间传输数据的协议。HTTP 请求由请求方法、URL、请求头和请求体组成。HTTP 响应由状态码、响应头和响应体组成。

跨域资源共享（CORS）是一种用于允许在一个域中加载来自另一个域的资源的机制。JSONP 是一种在浏览器中跨域传输 JSON 数据的替代方案。

HTTPS 是通过加密和身份验证保护 web 通信的安全协议。HTTPS 使用 SSL/TLS（安全套接字层/传输层安全协议）协议来加密传输的数据。网站管理员可以通过使用 SSL/TLS 证书和 HTTPS 配置来保护其网站。

前端框架和工具

前端框架和工具是用于简化 web 开发的工具。React、Vue 和 Angular 等框架提供了组件化开发和状态管理功能，可以大大提高开发效率。Webpack、Gulp 和 Grunt 等构建工具可以自动化执行任务，并生成优化过的生产环境代码。npm 和 yarn 是包管理器，允许开发人员轻松地安装和更新依赖项。