📜  前端与后端

📅  最后修改于: 2021-10-19 05:18:08             🧑  作者: Mango

前端和后端前端和后端是 Web 开发中最常用的两个术语。这些术语对于 Web 开发非常重要,但彼此之间却大不相同。每一方都需要作为一个整体与另一方有效沟通和运作,以改进网站的功能。

前端开发:用户直接与之交互的网站部分称为前端。它也被称为应用程序的“客户端”。它包括用户直接体验的所有内容:文本颜色和样式、图像、图形和表格、按钮、颜色和导航菜单。 HTML、CSS 和 JavaScript 是用于前端开发的语言。打开网站、Web 应用程序或移动应用程序时,在浏览器屏幕上看到的所有内容的结构、设计、行为和内容均由前端开发人员实现。响应性和性能是前端的两个主要目标。开发人员必须确保网站具有响应性,即它在各种尺寸的设备上都能正确显示,无论屏幕大小如何,网站的任何部分都不应出现异常行为。

前端语言:前端部分是使用下面讨论的一些语言构建的:

  • HTML: HTML 代表超文本标记语言。它用于使用标记语言设计网页的前端部分。 HTML 是超文本和标记语言的结合。超文本定义了网页之间的链接。标记语言用于在定义网页结构的标签内定义文本文档。
  • CSS:层叠样式表被亲切地称为 CSS 是一种设计简单的语言,旨在简化使网页呈现的过程。 CSS 允许您将样式应用于网页。更重要的是,CSS 使您能够独立于构成每个网页的 HTML 执行此操作。
  • JavaScript: JavaScript 是一种著名的脚本语言,用于在网站上创造魔法,使网站与用户互动。它用于增强网站的功能以运行酷游戏和基于网络的软件。

还有许多其他语言可以根据框架进行前端开发,例如Flutter用户DartReact使用JavaScriptDjango使用Python等等。

前端框架和库:

  • AngularJS: AngularJs 是一个 JavaScript 开源前端框架,主要用于开发单页 Web 应用程序(SPA)。它是一个不断增长和扩展的框架,为开发 Web 应用程序提供了更好的方法。它将静态 HTML 更改为动态 HTML。它是一个可以免费的开源项目。它使用 Directives 扩展 HTML 属性,并且数据与 HTML 绑定。
  • React.js: React 是一个声明式、高效且灵活的 JavaScript 库,用于构建用户界面。 ReactJS 是一个开源的、基于组件的前端库,只负责应用的视图层。它由 Facebook 维护。
    Bootstrap:Bootstrap 是一个免费的开源工具集,用于创建响应式网站和 Web 应用程序。它是最流行的 HTML、CSS 和 JavaScript 框架,用于开发响应式、移动优先的网站。
  • jQuery: jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档,或者更准确地说是文档对象模型 (DOM) 和 JavaScript 之间的交互。详细说明这些术语,jQuery 简化了 HTML 文档遍历和操作、浏览器事件处理、DOM 动画、Ajax 交互和跨浏览器 JavaScript 开发。
  • SASS:它是最可靠、最成熟、最健壮的 CSS 扩展语言。它用于扩展站点现有 CSS 的功能,包括从变量、继承和轻松嵌套的所有内容。
  • Flutter: Flutter是一个由 google 管理的开源 UI 开发 SDK。它由Dart编程语言提供支持。它从单个代码库为移动(Ios、Android)、Web 和桌面构建高性能且美观的本机编译应用程序。 flutter的主要卖点是扁平化开发更容易、富有表现力、灵活的 UI 和原生性能。 2021 年 3 月, flutter发布了Flutter 2,它升级了flutter以构建用于 Web 的发布应用程序,并且桌面处于 beta 状态。
  • 其他一些库和框架是 Semantic-UI、Foundation、Materialize、Backbone.js、Ember.js 等。

后端开发:后端是网站的服务器端。它存储和安排数据,并确保网站客户端的一切正常。它是您无法看到和互动的网站部分。它是不与用户直接接触的软件部分。用户通过前端应用程序间接访问后端设计人员开发的部件和特性。后端还包括编写 API、创建库和使用没有用户界面甚至科学编程系统的系统组件等活动。

后端语言:后端部分是使用下面讨论的一些语言构建的:

  • PHP: PHP是一种服务器端脚本语言,专为 Web 开发而设计。由于PHP代码在服务器端执行,所以它被称为服务器端脚本语言。
  • C++:它是一种通用编程语言,如今广泛用于竞争性编程。它也用作后端语言。
  • Java: Java是最流行和广泛使用的编程语言和平台之一。它是高度可扩展的。 Java组件很容易获得。
  • Python: Python是一种编程语言,可让您快速工作并更有效地集成系统。
  • JavaScript: JavaScript 可以用作(前端和后端)编程语言。
  • Node.js: Node.js 是一个开源的跨平台运行时环境,用于在浏览器外执行 JavaScript 代码。您需要记住,NodeJS 不是框架,也不是编程语言。大多数人都感到困惑并理解它是一种框架或一种编程语言。我们经常使用 Node.js 来构建后端服务,例如 Web App 或 Mobile App 等 API。它被 Paypal、Uber、Netflix、Wallmart 等大公司用于生产。

后端框架:

  • 后端框架列表有:Express、Django、Rails、Laravel、Spring 等。
  • 其他后端程序/脚本语言是 C#、Ruby、REST、GO 等。

Frontend 和 Backend 的区别: Frontend 和 Backend开发彼此有很大不同,但它们仍然是同一情况的两个方面。前端是用户看到并与之交互的东西,后端是一切工作的方式。

  • 前端是网站用户可以看到并与之交互的部分,例如图形用户界面 (GUI) 和命令行,包括设计、导航菜单、文本、图像、视频等。相反,后端是用户无法看到和互动的部分网站。
  • 用户可以看到和体验的网站的视觉方面是前端。另一方面,后台发生的一切都可以归因于后端。
  • 前端使用的语言有 HTML、CSS、JavaScript,后端使用的语言包括Java、Ruby、 Python、.Net。