Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。简而言之,前端是介于网站设计和后台中间的一部分。主要工作是静态页面的实现,以及页面交互/特效的制作。 Web前端技术的核心是三大要素:HTM、CSS、JavaScript。
HTML+CSS配合使用,提供给用户的是一种静态的信息,缺少交互性,如常用的Web游戏都是典型的交互例子。JavaScript(简称JS)的出现使用户与信息之间不只是一种浏览与显示的关系,而是实现一种实时、动态、交互的页面功能。
JavaScript是一种基于对象的脚本语言,由Netscape公司开发的LiveScript技术发展而来的脚本语言,主要是为了解决服务器端处理速度慢而推出的语言。当时服务器需要对数据进行验证,由于网络速度相当缓慢,验证步骤浪费的时间较多。故Netscape的浏览器Navigator加入了JavaScript,提供了数据验证的基本功能。
在HTML基础上,使用JavaScript可以开发交互式Web网页,如在线填写各类表格、所填写表单信息的验证。
1.JavaScript的主要特点 ① 一种脚本编写语言:JavaScript是一种脚本语言,可以和HTML语言结合,在HTML中可以直接编写JavaScript代码。 ② 跨平台性:JavaScript依赖于浏览器,与操作系统无关。因此,只要在有浏览器的计算机上,且浏览器支持JavaScript,就可以对其正确执行。 ③ 能及时响应用户的操作:对提交的表单做即时检查,无须浪费时间交给CGI程序去验证。 2.JavaScript在网页开发中的作用 使网页增加动态、互动性。它可以直接对用户或客户的输入做出响应,无须经过Web服务程序。因此,可以实现类似弹出提示框这样的交互性网页功能。它对用户的响应是以“事件”做驱动的,比如,“单击网页中的按钮”这个事件可以引发对应的响应。这是JavaScript最典型的用法,不需要服务器的响应干预,大大减轻了服务器的负荷。