建站优化

当前位置:

web前端常用的技术

浏览量:102次

web前端常用的技术

以前,我们并没有注意到web应用程序这个方式,但是现在是时候仔细看看一些实用的技术和解决方案,今天小编主要给大家分享常用的技术,希望对你们有帮助!



1.界面元素要求

在Web前端开发中,简单原则很重要。在任何时候,你在屏幕上显示的控件越多,用户就会花费更多的时间来研究如何使用界面,当选择越来越少时,可用的功能就会变得更明显,也更容易找到。不过,简化界面并不容易,尤其是当你不想限制应用程序的功能时。

当你单击Kontain
搜索框的搜索链接时,会出现一个类似下拉菜单的图层。因此,如果需要缩小搜索范围,可以在菜单上选择所需的类型,这些选项的聚合简化了搜索框。

隐藏或掩盖高级功能是让事情变得更简单的一种方法。找出最常用的功能,然后隐藏其余的功能,你可以通过弹出式菜单和操作来实现这一点,这在桌面软件中很常见。例如,如果你的搜索栏中有高级过滤器,就把它们放在一个特殊的下拉菜单中。如果用户需要使用这些过滤器,他们只需点击几下就可以打开这些功能。决定保留什么和隐藏什么不仅仅是一个简单的任务,还取决于操作的重要性和频率程度。

单击CollabFinder搜索链接时,不需要打开其它页面。相反,搜索框的控件菜单向下拉,允许你直接开始搜索。

2.专门操作

根据情况选择合适的界面控件是很重要的。不同的情况可以用不同的方式处理,有些控件比其它控件更好地完成其目标工作。

Backpack里有一个紧凑的日历和时间选择器来提醒日期。

例如,你可以通过下拉列表来选择哪一年的日期,但是与日历选择器相比,下拉列表并不是很有效。在日历中,你可以通过单击直接选择想要的日期。日历选择器还可以使你更容易查看日期、周期和月份(特别是工作日和休息日),因此你可以比用简单的下拉列表更快地做出选择。

3.禁用按下按钮

Web应用程序中的表单问题之一是提交过程,非常简单的表单,如果你快速单击两次或多次Submit按钮,表单将被多次提交。这显示出现了问题,因为它重复创建同一个项目。为了防止重复提交不困难,大多数Web应用程序都需要这样做。

它有两层维护:客户端和服务器端。我们不会通过服务器去维护,因为它将取决于你使用的语言和后端架构。基本上,你应该做的就是在提交过程中添加一种检测机制,以检查提交的内容是否重复,以及是否需要阻止提交。

当然,我建议你也检查服务器端,以确保不重复传递。

以上是整理的web前端常用的技术全部内容。

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【779898168@qq.com】,我们在确认后,会立即删除,保证您的版权。