什么是Web前端(Front-end)开发？

Web开发分前端(Front-end)和后端(Back-end)，后端指的是程序、数据库和服务器层面的开发，而前端指的则是直接与用户接触的网页，比如布局、特效、交互等等，前端和后端就好比舞台上的演员和后台工作人员。

HTML、CSS、JavaScript这些常见的名词都属于前端范畴，以及平面设计、美工、搜索引擎优化等也是这一类的。随着网站开发行业的发展成熟，各领域的划分也越来越明确和细致，那么作为一名前端人员，就应该掌握更多、更有针对性的技术和知识。

Web开发技术种类繁多，而且层出不穷，选择恰当的语言和技术不仅能提高效率，也可以更好的适应未来的发展。

以下是web前端常用的几种技术：

 

1、界面元素的需求

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

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

 

2、专门操作

根据情况选择合适的界面控件 是很重要的。不同情况下可以用不同的方式处理，而且某些控件会比其他控件能够更好地完成他们的目标工作。例如，你可以通过一个下拉列表来选择年月日，但是和日历选择器相比下拉列表不是非常高效的，在日历里你可以直接通过点击选择你想要的某一天。日历选择器也会让你更容易看到日期、周期和月份（特别是工作日和休息日），因此能够让你比用简单的下拉列表更快地做出更明智的选择 。

 

3、禁用按下按钮

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

 

4、模拟窗口的阴影

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

这种技术来源于传统的桌面软件，帮助用户把他们的焦点放在出现的窗口上。由于大多数情景窗口是不容易从桌面程序中辨识出来，所以阴影帮助他们更接近于读者，因为感觉上窗口似乎是三维地浮在其他页面上。