前端和后端的区别是什么？

前端开发主要做的是用户所能看到的前端展示界面；后端开发主要做的是逻辑功能等模块。其实主要区别体现在以下两个方面：知识结构与实现和工作职责。

1、知识结构

（1）展示的方式不同

前端指的是用户可见的界面，网站前端页面也就是网页的页面开发，比如网页上的特效、布局、、视频，音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。

后端是指用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多的多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。

（2）所用的技术、技能与工具不同

前端开发，就是要创造上面提到的网站面向用户的部分背后的代码，并通过建立框架，构建沉浸性的用户体验。为了实现这个目标，开发需要熟练运用下列语言、框架、工具库：

后端开发者使用这些工具编写干净、可移植、具有良好文档支持的代码来创建或更新 Web应用。但在写代码之前，他们需要与客户沟通，了解其实际需求并转化为技术目标，制定最有效且精简的方案来进行实现。

（3）所用技术不同

前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Nodejs 、Webpack，AngularJs，ReactJs，VueJs等技术。

后端开发 以java为例 主要用到的 是包括但不限于Struts spring springmvc Hibernate Http协议 Servlet Tomcat服务器等技术。

2、工作职责

前端工程师主要的工作职责分为三大部分，分别是传统的Web前端开发，移动端开发和大数据呈现端开发。Web前端开发主要针对的是PC端开发任务；

移动端开发则包括Android开发、iOS开发和各种小程序开发，在移动互联网迅速发展的带动下，移动端的开发任务量是比较大的，随着5G标准的落地，未来移动端的开发任务将得到进一步的拓展；大数据呈现则主要是基于已有的平台完成最终分析结果的呈现，呈现方式通常也有多种选择，比如大屏展示等。

后端工程师的主要职责也集中在三大部分，分别是平台设计、接口设计和功能实现。平台设计主要是搭建后端的支撑服务容器；接口设计主要针对于不同行业进行相应的功能接口设计，通常一个平台有多套接口，就像卫星导航平台设有民用和军用两套接口一样；功能实现则是完成具体的业务逻辑实现。

扩展资料

前端和后端的应用范围

1、PC (Personal Computer) 即个人电脑。

目前电脑端仍是前端一个主要的领域，主要分为面向大众的各类网站，如新闻媒体、社交、电商、论坛等和面向管理员的各种 CMS (内容管理系统)和其它的后台管理系统。

2、Web App 是指使用 Web 开发技术，实现的有较好用户体验的 Web 应用程序。

它是运行在手机和桌面端浏览中，随着移动端网络速度的提升，Web App 为我们提供了很大的便利。此外近两年 Google 提出了一种新的 Web App 形态，即 PWA(渐进增强 Web APP) 。

3、WeChat (微信) 这个平台，拥有大量的用户群体，因此它也是我们前端开发另一个重要的领域。微信的公众号与订阅号为市场营销和自媒体从业者，打造了一个新的天地。

4、Hybrid App (混合应用) 是指介于 Web App、原生 App (主要是 Android 或 iOS )之间的 App，它兼具原生 App 良好用户交互体验的优势和 Web App 跨平台开发的优势。

5、Game（游戏），HTML5 游戏从 2014 年 Egret 引擎开发的神经猫引爆朋友圈之后，就开始一发不可收拾。不过现在游戏开发变得越来越复杂，需要制作各种炫丽炫丽的效果，还要制作各炫丽于 2D 或者 3D 的场景。

6、Desktop桌面应用软件，就是我们日常生活中电脑中安装的各类软件。早期要开发桌面应用程序，就需要有专门的语言 UI (界面) 库支持，如 C++ 中的 Qt 库、MFC 库，Java 的 Swing、Python 的 PyQT 等，否则语言是没办法进行快速界面开发。

7、Server Nodejs 一发布，立刻在前端工程师中引起了轩然大波，前端工程师们几乎立刻对这一项技术表露出了相当大的热情和期待。看到 Nodejs 这个名字，初学者可能会误以为这是一个 Java 应用，事实上，Nodejs 采用 C++ 语言编写而成，是一个 Java 的运行环境。

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验

web前端即为网站的前端开发，前端开发是创建Web页面或app等前端界面呈现给用户的过程。

web前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。网页制作是Web10时代的产物，早期网站主要内容都是静态，以和文字为主，用户使用网站的行为也以浏览为主。

随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。Web前端主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。一般而言，所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。

扩展资料：

随着互联网的迅猛发展和普及，一个新型的行业和新兴的职位正在上升到技术的层面：web前端开发工程师

Web前端开发工程师，除了主要职责外，还要为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性

Web前端表现层及与前后端交互的架构设计和开发web前端开发工程师-web20时代

配合后台开发人员实现产品界面和功能

利用各种Web技术模拟开发产品原型

Web新技术调研和资讯整理

精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解

熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技术，掌握面向对象编程思想

Web前端，主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。一般而言，所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。

web前端学习是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

Web前端开发后期要懂一些前端框架，如nodejs、Angualrjs、还有bootstrap等，以及ued用户体验，后台开发也要懂一些。

web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是web10时代产物，那时网站的主要内容是静态的，用户使用网站的行为也以浏览为主。随着互联网的高速发展，网站的前端由此发生了翻天覆地的变化，网页不再只是承载单一的文字和，软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术来实现的。

用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术，相反存贮于服务器端的统称为后端技术

前端技术包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与AdobeAIR、GoogleGears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等想学web开发的话，可以看看优就业教程，讲解比较清楚。

web前端就是前端网络编程，也被认为是用户端编程，是为了网页或者网页应用，而编写HTML，CSS以及JS代码，所以用户能够看到并且和这些页面进行交流。

前端网络编程的挑战在于用于实现前端页面的工具以及技术变化得很快，所以工程师需要不断注意产业是如何发展的（例如ECMAScript6）。

设计网页的目的在于确保用户打开站点的时候，信息是以容易阅读并且相互关联的形式呈现的。随之带来的问题是，现在用户实用大量的设备来访问网页，这些设备具有不同的屏幕尺寸以及清晰度。

所以设计者在设计网页的时候需要注意这些方面。他们需要确保他们的网页在不同的浏览器、不同的操作系统以及不同的设备上显示正确，这需要在工程师端进行仔细的计划。

扩展资料：

前端网络编程所使用的工具能被用于进行前端编程，理解工具最适用于什么任务，有助于产生一个高质量的、可升级的站点。

1、超文本标记语言（HTML）：

HTML是任何网页工程程序的骨架，没有它网页不会存在。超文本标记语言能提供站点总体的样子。HTML被TimBerners-Lee所发展。随着HTML的发展，在万维网中产生了许多版本。最新版本的超文本标记语言被称为HTML5，在2014年0月28日被W3C所推出。

这一版本包含了新的并且高效的方式来传输元素，例如音频以及视频文件。H5在前端工程师中非常受欢迎。和老的版本相比，HTML5有很多特点。随着HTML的发展，在网络中产生了一场革命。

2、层叠样式列表（CSS）。

CSS控制了站点的样子，让站点有自己独有的外观。其实现形式是：保证样式列表先于其他的样式规则，由其他的输入形式所影响，例如屏幕的尺寸和分辨率。

3、JavaScript。

JavaScript（简称JS）是基于场景的命令式语言（和HTML的说明性语言不同），用于将静态的HTML界面动态化。JS的代码能使用HTML标准提供的文档对象模型（DOM），来根据事件，例如用户的输入，操纵网络页面。

JS使用一种被称为异步JavaScript和XML的技术（AJAX），JS代码也能动态的改变网页的内容（与原始的HTML页面端相独立），并且也能回应服务端的事件，让网页体验增加了真正动态的特性。

JS中有很多流行的开发框架，帮助开发者快速构建web页面，比如Vuejs、Angular、React都是很流行的框架，拥有大批忠实的用户。

htmlcssjs三门基础称为前端，推荐去中公教育了解下。

计算机前端就是创建web页面和APP（例如微信、支付宝等）前端界面呈现给使用者的过程，通过HTML、CSS、JS以及繁衍出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。相对于传统网页制作的要求更多，不仅要熟悉基本技能，还要熟悉服务器请求，熟悉一种服务器语言，例如PHP。

C/S架构与B/S架构。

1C/S架构，中文名：客户端/服务器，我们使用的软件一般都是C/S架构，例如360，QQ。C表示客户端，S表示服务器。此架构的软件客户端和服务器通信采用的是自有协议，所以相对来说比较安全。

注意：此架构不能跨平台使用。

2B/S架构，中文名：浏览器/服务，B/S架构软件通过使用浏览器访问网页的形式来使用软件，例如知乎、新浪微博。软件不需要安装，直接使用浏览器访问指定的网页即可。

可以跨平台，只要有浏览器即可。语言基础HTML、CSS、Javascript（1）HTML：是英文HyperTextMarkupLanguage的缩写。

是构成网页展示的基础，是一种很简单的可视化标识语言。（11）结构：HTML界面主要由两个部分组成，第一部分为最开始的文档类型标记，第二部分为html根标记。

前端指负责生成页面视图的服务器，前端开发偏向于用户体验，比较直观，服务器端开发偏向于性能。

前置服务器其实就是数据采集服务器，因为核心业务服务器承担对外提供服务和计算的作用，如果数据采集来之后比较多比较快，可能造成服务器死机或者网络堵塞。

典型应用：门禁、一卡通、监控录像、上传或统计类ERP等。

扩展资料：

机架式

机架式服务器的外形看来不像计算机，而像交换机，有1U（1U=175英寸=4445CM）、2U、4U等规格。机架式服务器安装在标准的19英寸机柜里面。这种结构的多为功能型服务器。

刀片式

刀片式服务器是指在标准高度的机架式机箱内可插装多个卡式的服务器单元，实现高可用和高密度。每一块“刀片”实际上就是一块系统主板。

塔式

塔式服务器应该是大家见得最多，也最容易理解的一种服务器结构类型，因为它的外形以及结构都跟我们平时使用的立式PC差不多，当然，由于服务器的主板扩展性较强、插槽也多出一堆，所以个头比普通主板大一些，因此塔式服务器的主机机箱也比标准的ATX机箱要大，一般都会预留足够的内部空间以便日后进行硬盘和电源的冗余扩展。

由于塔式服务器的机箱比较大，服务器的配置也可以很高，冗余扩展更可以很齐备，所以它的应用范围非常广，应该说使用率最高的一种服务器就是塔式服务器。我们平时常说的通用服务器一般都是塔式服务器，它可以集多种常见的服务应用于一身，不管是速度应用还是存储应用都可以使用塔式服务器来解决。

机柜式

在一些高档企业服务器中由于内部结构复杂，内部设备较多，有的还具有许多不同的设备单元或几个服务器都放在一个机柜中，这种服务器就是机柜式服务器。机柜式通常由机架式、刀片式服务器再加上其它设备组合而成。

对于证券、银行、邮电等重要企业，则应采用具有完备的故障自修复能力的系统，关键部件应采用冗余措施，对于关键业务使用的服务器也可以采用双机热备份高可用系统或者是高性能计算机，这样的系统可用性就可以得到很好的保证。

-服务器

网站建设前端和后端开发是建立一个完整网站的两个重要环节，两者都需要高效的开发和无缝协作才能实现一个高质量的网站。未来计划网络科技将分别介绍网站前端和后端的开发流程。

一，前端开发

前端开发是指网站的用户界面的开发，主要包括网站布局、设计、交互和功能的实现。前端开发人员通常使用HTML、CSS和JavaScript等技术来开发网站，以下是前端开发的开发流程：

11 需求分析

前端开发前，需要和网站的业主进行沟通，了解网站的需求和用户的需求以及网站的风格和功能需求。

12 原型设计

通过需求分析，前端开发人员需要根据网站需求设计出网站的原型，体现网站的交互和功能。

13 UI设计

UI设计是指网站的用户界面设计，需要根据网站的原型设计出网站的视觉效果，包括网站的颜色、图标、按钮等等。

14 前端编码

前端编码是指将UI设计转化为网站的HTML、CSS和JavaScript代码。

15 测试

前端开发人员需要对编写的代码进行测试，确保网站的功能和交互的效果。

二，后端开发

后端开发是指网站的服务器端开发，主要包括网站的数据库、服务器端编程和网站的接口开发等。后端开发人员通常使用Java、PHP、Python等编程语言来开发网站，以下是后端开发的开发流程：

21 需求分析

后端开发前，需要和网站的业主进行沟通，了解网站的需求和用户的需求以及网站的功能需求。 

22 数据库设计

数据库设计是指网站的数据结构的设计，包括数据表的设计和数据字段的设计。 

23 服务器端编程

服务器端编程是指服务器端的逻辑和功能的实现，包括网站的业务逻辑、数据处理等。 

24 接口开发

接口开发是指网站和客户端之间的数据交互接口的开发，包括数据传输格式的设计和接口的实现。 

25 测试

后端开发人员需要对编写的代码进行测试，确保网站的功能和数据交互的效果。

以上是网站前端和后端的开发流程，两者需要高效协作才能实现一个高质量的网站。

执行成功后会生成dist文件

41 进入到nginx配置目录：/usr/local/nginx/conf,对 nginxconf 文件进行配置

使用include可以配置多个conf文件，如一个项目一个配置文件。在同目录下创建demo文件夹，并创建democonf配置文件

下面使用是以ip地址的方式创建的的配置文件

访问地址：

其中dist名称时可以修改，保持与/usr/local/nginx/html下cp名称一致，否则会访问不到;并且/usr/local/nginx/html目录可存在同一ip下多个web项目。

域名与ip绑定

配置域名democonf

eg: 域名 - democn

42阿里云配置域名前缀

阿里云->域名->域名列表—>域名 管理-> 域名解析->解析设置

如图：记录值 填写当前服务ip

学习过程中所记录，有问题或者有好的方式欢迎指点。不胜感激