Web前端开发基础提要（web前端开发基础知识总结）

moboyou 2025-08-07 17:48 10 浏览

Web的项目页面功能越来越复杂，如何进行有效的多人协作，如何提高团队的开发效率，如何进行快速迭代，保证项目质量，前端工程就是为了满足这些需求，同时兼顾代码开发阶段，打包发布阶段，主要涉及组件化开发、自动化工具和标准化，组件化开发有利于代码复用和维护，不再会出现一个方法几百行的情况，封装发布阶段。

URL详解

URL是UniformResourceLocator的简写，统一资源定位符。

一个URL由以下几部分组成：

scheme://host:port/path/?query-string=xxx#anchor

scheme：代表的是访问的协议，一般为http或者https以及ftp等。

host：主机名，域名，比如www.baidu.com。

port：端口号。当你访问一个网站的时候，浏览器默认使用80端口。

path：查找路径。比如：
www.jianshu.com/trending/now，后面的trending/now就是path。

query-string：查询字符串，比如：www.baidu.com/s?wd=python，后面的wd=python就是查询字符串。

anchor：锚点，后台一般不用管，前端用来做页面定位的。

注意：URL中的所有字符都是ASCII字符集，如果出现非ASCII字符，比如中文，浏览器会进行编码再进行传输。

Web服务器：负责处理http请求，响应静态文件，常见的有Apache，Nginx以及微软的IIS。

应用服务器：负责处理逻辑的服务器。比如php、python的代码，是不能直接通过nginx这种Web服务器来处理的，只能通过应用服务器来处理，常见的应用服务器有uwsgi、tomcat等。

Web应用框架：一般使用某种语言，封装了常用的Web功能的框架就是Web应用框架，flask、Django以及Java中的SSH框架都是Web应用框架。

Content-type和Mime-type的作用和区别：

两者都是指定服务器和客户端之间传输数据的类型，区别如下：

Content-type：既可以指定传输数据的类型，也可以指定数据的编码类型，例如：text/html;charset=utf-8

Mime-type：不能指定传输的数据编码类型，例如：text/html

常用的数据类型如下：

text/html（默认的，html文件）

text/plain（纯文本）

text/css（css文件）

text/javascript（js文件）

application/x-www-form-urlencoded（普通的表单提交）

multipart/form-data（文件提交）

application/json（json传输）

application/xml（xml文件）