咨询热线 15618230928

web前端常用的技术

发布时间:2019-10-30 16:02:39

1.界面元素要求
Web前端开发中,简单原则很重要。在任何时候,你在屏幕上显示的控件越多,用户就会花费更多的时间来研究如何使用界面,当选择越来越少时,可用的功能就会变得更明显,也更容易找到。不过,简化界面并不容易,尤其是当你不想限制应用程序的功能时。
当你单击Kontain搜索框的搜索链接时,会出现一个类似下拉菜单的图层。因此,如果需要缩小搜索范围,可以在菜单上选择所需的类型,这些选项的聚合简化了搜索框。
隐藏或掩盖高级功能是让事情变得更简单的一种方法。找出最常用的功能,然后隐藏其余的功能,你可以通过弹出式菜单和操作来实现这一点,这在桌面软件中很常见。例如,如果你的搜索栏中有高级过滤器,就把它们放在一个特殊的下拉菜单中。如果用户需要使用这些过滤器,他们只需点击几下就可以打开这些功能。决定保留什么和隐藏什么不仅仅是一个简单的任务,还取决于操作的重要性和频率程度。
单击CollabFinder搜索链接时,不需要打开其它页面。相反,搜索框的控件菜单向下拉,允许你直接开始搜索。
2.专门操作
根据情况选择合适的界面控件是很重要的。不同的情况可以用不同的方式处理,有些控件比其它控件更好地完成其目标工作。
Backpack里有一个紧凑的日历和时间选择器来提醒日期。
例如,你可以通过下拉列表来选择哪一年的日期,但是与日历选择器相比,下拉列表并不是很有效。在日历中,你可以通过单击直接选择想要的日期。日历选择器还可以使你更容易查看日期、周期和月份(特别是工作日和休息日),因此你可以比用简单的下拉列表更快地做出选择。
3.禁用按下按钮
Web应用程序中的表单问题之一是提交过程,非常简单的表单,如果你快速单击两次或多次Submit按钮,表单将被多次提交。这显示出现了问题,因为它重复创建同一个项目。为了防止重复提交不困难,大多数Web应用程序都需要这样做。
它有两层维护:客户端和服务器端。我们不会通过服务器去维护,因为它将取决于你使用的编程语言和后端架构。基本上,你应该做的就是在提交过程中添加一种检测机制,以检查提交的内容是否重复,以及是否需要阻止提交。
当然,我建议你也检查服务器端,以确保不重复传递。