互联网Web前端应用中的问题分析

王悦 崔云 石妍

摘   要：随着Web的发展，在该领域存在的问题也逐渐显露出现，为了从根本上解决Web前端应用过程中存在的问题，需要对Web前端设计进行系统化分析。近年来，Web前端在实际应用过程中因结构设计不完善出现了很多问题，严重影响Web工作的正常运转，针对Web前端问题而提出的研究与防范措施迫在眉睫。目前，基于Web前端结构设计工作的特殊性，可以看出Web前端设计项目至关重要。文章主要介绍了Web前端的具体结构设计以及Web前端在实际应用过程中存在的问题，并提出了相应的解决对策。

关键词：Web前端;结构设计;防护措施

当今是大数据化时代，各种高科技的出现将在很大程度上推动整个社会的发展。伴随着我国计算机网络技术的不断成熟化发展，Web前端技术逐渐出现在人们的眼中，眼下Web技术在国内外网站中应用广泛，在很大程度上丰富了传统网站的界面，给网民更好的上网体验[1]。

Web前端技术的发展离不开JS应用的普及、HTML技术的拓展以及Vue和bootstrap等技术的发展。为了使Web应用得以更好地运行，在设计Web前端时技术人员需要考虑各种问题，其中Web前端的安全防护问题是Web技术人员需要重点关注的问题之一。Web前端作为Web应用的入口，往往是Web应用设计领域中最为薄弱的一个环节，技术人员必须及时对该部分进行网络安全防护工作，避免Web前端成为不法黑客分子的攻击对象，因此，针对Web前端问题提出的研究与防范措施迫在眉睫。由此可以看出Web前端设计工作的开展于Web应用有着至关重要的作用。

技术人员需要做好对Web前端的网络安全防护工作，在设计环节中尽可能考虑到前端存在的安全隐患问题，利用Web前端设计简化Web工作，避免网络事故的发生，保证Web应用的正常运行，给用户提供更好的网络体验。

1    Web前端概述

Web前端是指网页的前端部分，Web前端设计包括对网页的架构、色彩以及网站的页面代码进行设计。在Web前端的开发过程中，工作人员需要熟悉JS的应用，其中，Vue是一套相对先进的用于构建用户界面的渐进式JavaScript框架，通过Vue工作人员可以很方便地实现数据操作。此外，为了保障网页的美观，Web前端的开发人员还需要具备一定的审美观念以及熟练地应用CSS，其中，bootstrap的应用可以使Web页面布局设计美观，并且增加界面的响应式设计。同时，在Web前端开发过程中，Web前端工程师还需要使用HTML结构，使网页的布局更加清晰、明了。在Web前端的开发过程中，工程师需要保障网站各项功能的正常运行，因此，在Web前端中会包含大量JavaScript脚本，可以实现播放动画、播放声音以及图片等功能[2]。

2    Web前端应用中所存在的问题

就现在的技术而言，现代化的Web前端设计工具可以极大减少Web前端设计的工程量，但是却无法解决在Web前端应用中所存在的问题。在Web前端的应用中，不但会遇到界面元素需求方面的问题，还会有无法选择合适的界面控件问题。此外，还会遇到表单问题、模拟窗口的阴影以及按钮的状态等问题。文章将对上述问题进行详细论述。

2.1  界面设计问题

在Web前端应用过程中会产生界面需求，需要在Web前端的开发与应用过程中使用界面元素。界面元素的合理运用不但有利于网站的美观，而且与用户的实用性息息相关。界面元素使用过多会导致用户在使用网站的某一功能时，不得不耗费大量时间去了解如何使用网站中的众多界面元素。然而，界面元素过少使用，虽然使得功能模块更加简洁，为用户的使用提供了便利，但是失去了限制应用程序的功能。例如，用户在网站的首页中寻找某功能时，若是界面元素使用过多，就无法及时地搜索到该功能。此外，过多的界面元素会造成用户在使用过程中因Web前端出现界面卡顿而数据丢失，将严重影响到用户的上网体验。为此，设计人员在Web前端设计过程中不断寻求相应解决方案，适当减少网页界面的使用元素。若界面元素使用过少，也将会影响网站的正常运行[3]。

2.2  界面控件选择问题

界面元素的使用会影响用户的上网体验，同时，缺乏合适的界面控件也会对用户的使用造成一定程度的困扰。界面控件是指在窗体上所放置的一系列可視化图形元件，包括按钮、文本框以及滚动条等，用户通过点击或滑动等交互性动作，使得后台进行事件响应从而实现相关功能。

在网页的设计过程中，选用合适的界面控件十分重要。若是缺乏合适的界面控件，在用户使用网站的过程中将会造成用户信息泄露、使用时浪费时间等较差的用户体验。例如，许多网站在用户注册时均会让用户填写正确的出生日期。一些网站中的出生日期填写使用文本框形式，通过对文本框内容的获取来记录用户的出生日期。一些网站使用下拉列表进行选取。此外，还有些网站在进行用户出生日期的登记时使用紧凑的日历选择器，使得用户耗费大量的时间去进行年月日的选择。不合适的控件将会给用户带来糟糕的线上使用体验，因此，在选择界面控件时应更人性化，提高用户体验。

2.3  表单问题

在Web前端的应用过程中还容易出现表单应用问题。表单是网页中常用的数据信息采集工具。表单大致分为3个部分：表单标签、表单域以及表单按钮。表单标签主要包含数据提交的方法、表单的功能等;表单域包含文本框、密码框以及单选框、复选框、下拉选择框等，用于提交数据信息及文本文件等;表单按钮一般有3种，分别是提交、注册、取消，用于实现表单的提交、注册及取消输入功能等。

然而，在表单的应用过程中时常会出现多次提交问题。例如，在对文本以及密码等信息进行提交时，若是多次点击提交按钮，那么系统将会多次向后台数据库传输信息，从而造成数据库负载过大的现象，影响网站的正常使用。

2.4  模拟窗口的阴影

在正常的网络窗口或菜单弹出时会出现阴影，强调菜单或窗口从背景中脱颖而出。然而，一些网站的窗口及菜单在进行弹出时，并没有阴影，不但会对网站的美观程度造成一定的影响，还会影响用户对新弹出窗口的识别。

3    Web前端应用中问题的解决措施

目前，Web前端应用设计还存在一定的问题，倘若不及时解决，这些问题将会导致Web在实际应用过程中出现故障，进而降低Web的实际使用性能，给以较差的用户体验，甚至将会影响到网络用户的隐私。为此，要想做好Web网络安全的防范工作，就必须从根本上做到强化Web前端设计的功能，对Web前端应用做出了如下要求：

首先，针对用户的需求，在设计Web前端应用界面时需要充分考虑Web界面元素的根本需求，在Web前端设计开发中要本着用户简单易懂的原则，尽可能地将Web界面的各项功能设计得更加容易操作，方便用户使用。简化界面是一种有效方式，这用界面隐藏或高级掩盖功能。在设计Web主界面时，可以主要显示一些用户经常操作的功能，其余操作次数较少的功能可以在高级搜索框中寻找。

其次，Web前端应用的设计要根据实际情况选择合适的界面控件，使得不同情况下用户可以采用不同的方式处理问题。Web前端应用中存在模拟窗口的阴影，源于设计者想要以此来提醒用户将注意力放在出现的窗口上，使得系统在发出警告或者提醒时用户能够第一时间看到。在实际Web设计工作中，不仅要考虑网页设计的合理性、美观性，更要考虑Web整体的运行环境，给用户提供一个安全、稳定的网络环境。为此，Web设计人员也应做好Web技术的安全维护工作，为Web网页提供一个安全、稳定的使用环境。

4    结语

综上所述，Web前端是对数据和功能进行应用展现的一种技术，该环节对于Web应用起到重要作用。技术人员在开发Web时，首先，需要做好Web前端的设计工作，避免在后续应用過程中Web前端程序设计薄弱导致网页使用出现问题，进而出现应用瘫痪现象。其次，近年来，我国在Web开发技术上存在的又一难题在于创新，一些相似的Web应用设计界面在影响Web开发者的切身利益的同时，也影响了用户的上网体验。为此，丰富Web前端的设计，给用户提供绚丽多彩的用户界面将会成为Web应用的热点。

在如今智慧城市的构建中，Web前端开发将会对城市管理综合数据造成很大的影响，是实现数字城市向智慧城市转变的关键技术。Web前端设计要想更好地得到应用，就必须寻找适合自身发展的技术，在减轻工作量的同时，能够给用户更好的上网体验，安全防护工作当然也必须到位。

[参考文献]

[1]叶文全.CSS自定义属性在Web前端中的应用研究[J].集宁师范学院学报，2019（6）：45-49.

[2]李晓薇.Web前端开发技术以及优化方向[J].电子技术与软件工程，2019（19）：48-49.

[3]高慧.Web前端开发技术和其对网站性能的影响[J].河南科技，2019（28）：47-49.

Abstract：With the development of Web， the problems in this field appear gradually. In order to solve the problems in the process of Web front-end application， it is necessary to systematically analyze the Web front-end design. Recently， the Web front-end has many problems due to the imperfect structure design in the process of practical application， which seriously affects the normal operation of Web work， and it is urgent to put forward the research and preventive measures against the Web front-end problems. On the basis of the particularity of Web front-end structure design， it can be seen that Web front-end design project is very important. This paper mainly introduces the concrete structure design of the Web front-end and problems existing in the practical application of the Web front-end， and put forward corresponding solutions.

Key words：Web front-end; structure design; protective measures