×
自强科技-品牌网站优化服务提供商
成就客户 · 成就自我
合作意向表
您希望我们为您提供什么服务
预算
                       
17898455241

SEO优化,免费了解:

二维码

点击添加我为QQ好友:加好友

当前位置:主页 > 新闻动态 > Web前端应用十种常用技术
客户评价集锦

Web前端应用十种常用技术

发表:2012-03-05 00:00 阅读:167 作者:自强科技 tag: 一鸣叫兽官博 | 返回

Web前端应用十种常用技术,随着JS与XHTML的应用普及,越来越多的web界面应用技术出现在网站上,比如我们常见的日历控件,搜索下拉框等,这些web界面应用技术大大的丰富了网站的表现形式,本文将为您精心推荐十种最常见的web界面应用技术。

Web应用程序的界面设计,其核心就是网页设计 ,但它的重点主要是在功能方面。要超越桌面应用程序, Web应用程序必须提供简单、直观和即时响应的用户界面,让他们的用户花更少的精力和时间去完成事情。

以前,我们并没有注意到web应用程序这个方式,但是现在是时候仔细看看一些实用的技术和设计解决方案,让Web应用更友好更漂亮。

1、界面元素的需求

Web前端开发中,简单这个原则是很重要的。在任何时候,你在屏幕上显示越多的控制,您的用户将不得不花费更多的时间去搞清楚如何使用界面。当选择变少时,可用的功能变得更加明显更容易被发现。简化的界面虽然是不容易的,尤其是如果你不想限制应用程序的功能的时候。

 Web前端应用十种常用技术 业界杂谈 第1张

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

隐藏或者掩盖高级功能 是使事情更加简单的一种方法。找出最常用的功能,并且把剩下的藏起来。你可以用弹出式菜单和操作来做这件事,这在桌面软件中很常见。例如,如果您的搜索栏拥有高级过滤器,把它们放在尾部的一个特别的下拉菜单中。如果用户需要使用这些过滤器,他们只需几下点击便可以开启这些功能。决定该保留什么隐藏什么不是一个简单的任务,也会取决于重要性和操作时的频繁程度。

 Web前端应用十种常用技术 业界杂谈 第2张

当你点击 CollabFinder 的搜索链接时你不需要打开不同的页面,相反,搜索框的控制菜单下拉下来,允许你能够直接开始搜索。

2、专门操作

根据情况选择合适的界面控件 是很重要的。不同情况下可以用不同的方式处理,而且某些控件会比其他控件能够更好地完成他们的目标工作。

 Web前端应用十种常用技术 业界杂谈 第3张

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

例如,你可以通过一个下拉列表来选择年月日,但是和日历选择器相比下拉列表不是非常高效的,在日历里你可以直接通过点击选择你想要的某一天。日历选择器也会让你更容易看到日期、周期和月份(特别是工作日和休息日),因此能够让你比用简单的下拉列表更快地做出更明智的选择 。

3、禁用按下按钮

在web应用程序的表单问题中有一个就是提交过程,非常简单的表单,如果你快速地点击两次或者更多次“提交”按钮,这个表单会被多次提交。这显示是个问题,因为它会重复创建相同的项目 。防止重复提交的不是很难,而且对于大多数Web应用程序来说做到这一点是非常必要的。

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

 Web前端应用十种常用技术 业界杂谈 第4张

在 Yammer 上,当你的新消息被提交之后,“更新”按钮将被禁止。

客户端则是简单得多。所有您需要做的就是在点击之后禁用“提交”按钮 。最简单的方法就是为“提交”按钮添加一段JavaScript,如下所示:

<input type=”submit” value=”Submit” onclick=”this.disabled=true” />

当然,我们会建议您同时还对服务器端进行检查,以确保重复不会获得通过。

4、模拟窗口的阴影

在弹出菜单和窗口下的阴影不止是看起来很漂亮这么简单。它们帮助菜单或者窗口通过强调从背景中脱颖而出 。它们还通过周围暗色调区域来屏蔽掉背景内容的噪音。



如没特殊注明,文章均为自强网络原创,转载请注明来自http://www.baidutop123.com/seo/3182.html

填写您的联系方式并验证获取报价
联系·自强网络科技
全国服务热线
15361814016   18025383583
售后服务热线:13924653475   18138295927
地址:广东省深圳市南山区
立即咨询
18025383583

业务咨询
QQ:3053504778

获取方案

售后服务
18923752720

咨询电话
13924653483

提交需求

返回顶部