卫哲|Web前端：Web应用程序的组件指南驾驶|阿里巴巴|百安居

文章图片

在web应用程序开发的世界中，有许多人们正在追随的技术趋势，选择最适合你企业的技术可以让你的企业赢得长远发展。技术栈是用于web应用程序开发的语言和工具组合的术语，要理解web应用程序开发的术语。

你可能听说过客户端和服务器端，或者前端和后端，这两个是迄今为止构建的任何web应用程序的组件。他们每个人都支持自己的特定工作，让用户执行应用程序应该执行的功能或任何一组活动。
前端或客户端:
任何web应用程序的前端都是用户直接与之交互的部分，用户用于交互的所有元素都呈现在前端。此外，可以有按钮，文本，颜色，风格，图像，图表，导航，以及一切可以用来与网站或组成web应用程序进行交互的东西。
每当打开网站或web应用程序时，该界面就会呈现在用户的浏览器上。用于实现前端开发的语言是HTML ， CSS和JavaScript 。
此外，前端或客户端的目标是创建一个响应和执行的应用程序。网站的响应性意味着它应该正确地出现在所有尺寸的屏幕上，并且不应该有元素的异常行为。
前端开发语言
HTML
它是超文本和标记语言的结合，用于设计任何网页的前端。此外， HTML主要提供信息的结构显示在浏览器窗口中。
CSS(级联样式表)
为使网页具有代表性和吸引力CSS被用来决定web应用程序的风格。因此，它可以一次控制多个页面的属性，这让开发人员节省了大量的工作。
Java Script语言
在web应用开发中，缩写为JS的JavaScript帮助很大。为创建网页之间的交互性在应用程序运行的地方，使用JavaScript 。它还负责交互元素、响应和增强web应用程序的用户体验。

前端开发的框架和库
前端框架是一个预先编写的应用程序结构，作为应用程序的表示层。它允许向用户高效地显示数据，并提供了一种结构化文件、样式组件的方法，并让开发人员将数据与DOM相关联。
React：
React是一个开源JavaScript库(可以作为一个框架进行扩展)提供了一种高效而直观的web应用程序开发方式。开发人员社区喜欢这个框架，因为它在开发前端方面效率很高。此外，该框架提供了可重用的组件，并为更快的渲染和开发提供了虚拟DOM 。
AngularJS：
对于开发单页面web应用， AngularJS是开发者的首选。它是一个开源项目，将静态HTML改为动态HTML 。开发人员还发现，当他们需要一个用指令扩展HTML属性的框架，并且需要用HTML绑定数据时，它也很有用。
jQuery:
为了简化JavaScript和DOM之间的交互， jQuery发挥了最大的作用。它是一组主题、UI交互、效果、小部件和许多其他元素，也可以用来简化浏览器事件处理、Ajax交互、HTML文档操作和遍历、DOM动画和跨浏览器JavaScript开发。
SASS：
它是一种CSS扩展语言，对于增强网站现有的CSS非常有用。 SASS是编写健壮、成熟和可靠的CSS的实用方法，它允许开发人员添加变量、嵌套规则、选择器继承、混合等等。因此，使用命令行工具或web框架插件，它可以被转换成格式良好的标准CSS 。
Bootstrap and SemanticUI：
这些也是流行的框架，因为它们专注于创建可读和可维护的HTML & CSS ，强调一致的视觉设计。其中Vue、Angular和React在构建整个web应用程序的数据流方面非常出色，允许开发人员专注于控制数据，而不是专注于DOM更新。