Web前端开发基础提要

开课吧开课吧锤锤2021-07-09 15:14

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

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服务器和应用服务器以及Web应用框架

    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文件)

    以上就是开课吧广场小编为大家整理发布的“Web前端开发基础提要”一文,更多Web教程相关内容尽在开课吧广场Web教程频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营