在开发 Web 应用程序中应用 Vue.JS 框架外文翻译资料

 2023-03-15 15:20:30

在开发 Web 应用程序中应用 Vue.JS 框架

关键词：Web应用程序、JavaScript框架、Vue.js

JavaScript是一种编程语言，它的发布标志着Web开发行业发展迈出重要一步，尤其是近年来。该论文包含的研究证明了应用最流行的JavaScript框架之一Vue.js如何基于该框架的某些特性为开发过程创造积极的影响。此外，论文作为构建通用Vue.js项目的指导，也为读者提供了作者的编码标准和最佳实践，这对新开发人员非常有帮助。

要开始研究，读者需要了解进一步深入研究所需的基本概念的理论背景。此背景包括Web应用程序及其组件、JavaScript框架、Vue.js及其库的定义。通过检查一个研究案例的实现，这是一个提醒网络应用程序。该应用程序是作者的Vue.js驱动的项目，他使用该项目收集数据以供后续分析过程使用。这个过程包括在有和没有Vue.js框架帮助下的实现之间的比较，论文的最后几章包括研究结果、可靠性、局限性、验证和对未来研究的建议。

一、介绍

1.1 背景

根据Stack Overflow调查（Stack Overflow 2019），在过去七年中，JavaScript每年都被评为最常用的编程语言。2019年，统计数据显示，67.8%的开发人员使用JavaScript作为他们的编码语言之一。此外，全球95.2%的网站（大约15.2亿个网站）是由JavaScript编写的（DeGroat2019）。

JavaScript以及超文本标记语言(HTML)和级联样式表(CSS)是网站或Web应用程序的主要语言。虽然HTML和CSS负责网站的样式和结构，但JavaScript允许开发人员为页面创建功能和行为(DeGroat2019)。这种语言与文档对象模型（简称DOM）一起工作，它指定当用户对您的应用序进行某些特定操作时要执行的操作。人们通常将JavaScript视为一种前端语言。尽管如此，我们仍然可以通过Nodejs环境使用JavaScript来编写应用程序的后端，该环境使用JavaScript，也非常流行。

此外，由于JavaScript，滚动过渡和对象移动也可用。由于JavaScript必须提供多种功能，许多当前的浏览器开发人员正试图帮助其浏览器尽可能快地运行JavaScript，以改善他们的用户体验。来自Codeacademy的Kyla Brown的一篇文章讲述了JavaScript如何获得流行，列出了这些因素，作者用粗体表示：“它把网络浏览器变成了应用程序平台”。但是，还有一点我之前没有提到，在我看来，这是使编写JavaScript变得不仅更舒适，而且更容易于访问和更省时的最关键因素。

React、Vue.js和Angular是目前最流行的JavaScript框架。而React和Angular分别由Facebook和Google开发和维护。Vue.js框架是由Evan You和他的团队(Duomly2019)创建的。虽然没有大公司支持 Vue.js，但这个框架仍然受到Web开发者社区的广泛关注。与在GitHub上一样，Vue.js已经超过了目前最知名的框架React，就其存储库中收到的星星数量而言（截至论文时间）（GitHub 2019）。通过这一点，我们可以看出，尽管大多数公司仍在使用React（图1），但人们正在将注意力转向Vue.js，并且在未来，它可能会变得更加流行。

图1 框架分布（TechMagic 2019）

1.2 论文的动机

随着Vue.js框架的流行，作者将注意力转向这项技术是很自然的行为。因此，本文研究了该框架的一些基本功能，以了解它如何影响Web应用程序的开发过程。这项研究还可以作为初学者开发人员理解这些功能的概念以及如何将它们应用到实际项目中的指南。与React和Angular框架相比，Vue.js框架被认为拥有最陡峭的学习曲线（Duomly2019）。尽管如此，论文还是希望为开发人员提供这些功能的全貌。这些知识包括了解这些功能的目的以及如何正确使用它们。这项工作的动机还在于确保开发人员通过示例实现遵循编码标准。这个因素尤其重要，因为缺少它可能会导致安全问题或对性能产生负面影响（Multidots2019）。Multidots的这篇Medium文章还阐述了实施编码标准的一些优势，例如提高效率、降低项目失败风险、更容易维护等等。因此，本文提供了避免编码标准和实践问题的说明，特别是对于初学者开发人员。例如提高效率、降低项目失败风险、简化维护等等。因此，本文提供了避免编码标准和实践问题的说明，特别是对于初学者开发人员。例如提高效率、降低项目失败风险、简化维护等等。

因此，本文提供了避免编码标准和实践问题的说明，特别是对于初学者开发人员。

1.3 论文结构

论文共七章。第一章是绪论，包括背景、论文动机和结构。第二章明确了研究问题和研究设计。第三章为读者介绍了理论背景。JavaScript框架的一般定义和使用，特别是Vue.js。此外，还对使用Vue.js和Vanilla JavaScript进行了深入比较，以展示为什么使用Vue.js框架构 建应用程序比根本不使用框架向前迈进了一步，尤其是对于新开发人员。本章还介绍了Web应用程序及其所需组件的概念。第四章研究一个项目，是作者开发的一个Reminder web应用。“数据收集与分析”是第五章的主题，作者在那里展示收集到的数据，然后进行检查并解释他为什么提出答案。最后两节分别给出了论文的结论和总结。作者还提出了一些限制以及论文中未涵盖的遗漏主题。下图显示了论文的布局。

2 研究设计

2.1 研究问题

为了开始研究，作者提出了一些问题来帮助制定论文的指导方针。该论文的动机是帮助新开发人员了解Vue.js（一个JavaScript框架）的一些基本方面，以及它们如何使开发过程受益。为了帮助实现这一目标，作者决定指出框架的一些突出特性，并解释这些特性如何成为开发过程的优势。

为此，本文旨在回答以下两个主要问题：

—— Vue.js框架的一些主要特性是什么，它们的用途是什么？

—— 这些功能如何使开发过程受益？

2.2 研究方法

丹尼尔・米斯勒(Daniel Miessler)撰写的文章“演绎与归纳推理之间的区别”指出，研究是帮助确认概念的工具，而概念反过来又有助于了解世界。但要让人们相信研究，需要某种推理方法来说服他们。两种最常见的研究方法是演绎法和归纳法，它们是相互对立的。演绎推理通常从假设开始，然后转向观察，最后证实理论。另一方面，“归纳推理通常使用研究问题来缩小研究范围。Deborah Gabriel在她的文章中说（Gabriel 2013）。下面的图3还描述了这些方法之间的差异。这两种方法都非常有用。该论文是关于通过提供经过测试的实现并将它们相互比较来证明Vue.js框架如何对开发过程产生积极影响。因此，演绎法更适合本研究。

图3 归纳和演绎推理（Miessler 2019）

为了完成研究，收集和分析数据是至关重要的部分，在任何研究中都不应遗漏，因为没有它可能会产生不准确的结论，从而使研究无效（Bhatia 2018）。因此，这项研究需要另一种数据收集和分析方法。定性和定量方法以处理数据而闻名；每个都有其目的、方法和获取不同类型知识的必要条件（Streefkerk 2019）。定量方法使用数字、图表和统计来分析或建立理论。调查、实验研究、观察研究和内容分析是研究人员为量化方法获取数据的方式，这些数据包括单词、考试和符号 (Bhatia 2018)。从访谈焦点小组、案例研究、和话语分析（Streefkerk2019）。第4章介绍了一个案例研究，该研究的大部分内容由作者提供的实现中的图像组成。通过这些图像，作者进行检查以得出研究问题的最终答案。

换句话说，作者选择了定性方法进行研究。关于定性和定量方法的一些总结细节在下表中。

表1 能够定性和定量方法(McLeod 2019)

3 理论框架

在本章中，作者定义了核心概念（如Web应用程序、JavaScript框架、Vue.js），以便读者在进入需要这些定义的案例研究之前获得足够的知识。

3.1 Web应用程序和网站：

论文的目标是在Web应用程序开发过程中实现Vue.js。因此，我们需要了解什么是Web应用程序，它与常规网站有何不同？网站为客户提供的信息如今主要由公司用于营销目的（Benedict2018）。维基百科、报纸、文章和博客网站等网站都是很好的网站示例。这些网站的内容通常在我们每次访问时都保持不变。

与网站相比，Web应用程序是在Internet浏览器上运行的应用程序。应用程序需要与客户进行交互，因此应用程序的目的不再只是显示信息。Web应用程序可以提供各种实用程序，例如通信、娱乐、商务等等（Benedict 2018）。一些流行的网络应用程序是YouTube、Facebook、Gmail。该论文是关于将Vue.js实现到Web应用程序的开发过程中，以了解它可以带来的优势。

3.1.1 前端开发

一般的Web应用程序由四个基本组件组成：前端、UI/UX设计、后端和数据库。前端开发是为用户处理视觉视角的过程（Steward 2019）。大多数用户看到的一切都由前端开发过程处理。对于Web开发，前端使用HTML、CSS和JavaScript。这三种语言的流行迫使大多数现代浏览器（例如Chrome、Mozilla和Microsoft Edge）尽快对其进行调整，以便为客户提供这些语言提供的最新功能。正如博客中所说，HTML、CSS和JavaScript是前端开发人员必备的十项技能中的两项(Morris 2017)。以下是博客提供的最重要知识的完整列表：

1. HTML/CSS

2. JavaScript/Jquery

3. CSS和JavaScript框架

4. CSS预处理

5. 版本控制/Git

6. 响应式设计

7. 测试/调试

8. 浏览器开发工具

9. 构建和自动化工具/网络性能

10.命令行

一般来说，大多数前端开发职位都需要这些技能和知识。前端开发的每个部分都需要此列表中的特定技能。例如，如果开发人员决定让他们的网站或Web应用程序同时在桌面和移动设备上运行，那么响应式设计就至关重要。这篇论文的主要主题是Vue.js，一个著名的JavaScript框架，你可以看到它属于这个列表的第三项。整篇论文中可能会提到其他技能，但本文仅侧重于讨论该主题。

3.1.2 用户界面/用户体验设计

通常被误认为用户体验设计（又名UX）的用户界面设计（UI）是决定您的网站外观以及所有交互方式的过程（Hannah 2019）。UI专注于视觉呈现，从选择配色方案到排版；其目标是确保产品具有良好的外观和感觉。UI设计还负责创建网站的响应能力、效率和可访问性。与UI不同，另一方面，UX主要致力于改善客户感受，并倾向于引导用户采取公司希望客户执行的操作，从而实现公司的最终目标。同时，它还提高了客户满意度（Lamprecht，2019）。UX设计决定了产品的UI设计如何，因为UI是UX的一部分。用户体验不再与视觉方面有关，而是与改善客户感觉、愉悦感和满意度的任何事物有

剩余内容已隐藏，支付完成后下载完整资料

英语原文共 42 页，剩余内容已隐藏，支付完成后下载完整资料

资料编号：[596057]，资料为PDF文档或Word文档，PDF文档可免费转换为Word

原文和译文剩余内容已隐藏，您需要先支付 30元 才能查看原文和译文全部内容！立即支付

以上是毕业论文外文翻译，课题毕业论文、任务书、文献综述、开题报告、程序设计、图纸设计等资料可联系客服协助查找。

您可能感兴趣的文章