前后端交互的必备知识，CSS的三种定位

3. 服务器响应客服端

注意：网页中的每一个资源，都是通过 请求-处理-响应 的方式从服务器获取回来的

资源的请求方式

客服端请求服务器时，请求的方式有很多种，最常见的两种请求方式分别为get和post请求

• get 请求通常用于获取服务端资源（想服务器要资源）

例如：根据url地址，从服务器获取html文件、css文件、js文件、图片文件、数据资源

• post 请求通常用于向服务器提交资源（往服务器发送资源）

例如：登录时想服务器提交的登录信息、添加用户时向服务器提交的用户信息等各种数据提交操作

URL地址

======

概念：URL中文叫做统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源

组成部分：

1. 第一部分：客服端与服务器之间的通信协议

2. 第二部分：存在该资源的服务器名称

3. 第三部分：资源在服务器上具体的存放位置

URL编码与解码

概念：

URL地址中，只允许出现英文相关的字母、标点符号、数字，因此，在URL地址中不允许出现中文字符。如果URL中需要包含中文这样的字符，则必须对中文字符进行编码（转义）

URL编码的原则：使用安全的字符（没有特殊用途或者特殊意义的可打印的字符）去表示哪些不安全的字符。

URL编码原则的通俗理解：使用英文字符去表示非英文字符

浏览器提供了URL编码与解码的API

1. encodeURL编码的函数

2. decodeURL解码的函数

举例：

encodeURL编码的函数

var str = ‘黑马程序员’;

var str2 = encodeURI(str);

alert(str2)

decodeURL解码的函数

var str = ‘黑马程序员’;

var str3 = decodeURI(‘%E9%BB%91%E9%A9%AC’);

alert(str3) //黑马

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】