《JavaScript面向对象编程指南(第2版)》——1.2 浏览器的战争与复兴

简介: 在这种健康环境的影响下,开发人员开始谋求一种更好的新型开发模式,以取代这些现有的开发方式。随着Gmail和Google Maps这一类富客户端应用的相继出现,很显然,如今的JavaScript已经成为一种成熟的、某些方面独一无二的、拥有强大原型体系的面向对象语言。

本节书摘来自异步社区《JavaScript面向对象编程指南(第2版)》一书中的第1章,第1.2节,作者:【加拿大】Stoyan Stefanov著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.2 浏览器的战争与复兴

无论结果是好是坏,JavaScript都在随后爆发的第一次浏览器大战(大约是在1996年到2001年间)中得到了迅速的普及。那时正值互联网发展处于第一波热潮,其中主要由Netscape和Microsoft这两大浏览器厂商在争夺市场份额。在此过程中,他们不断地把各种浮华的特性添加到各自的浏览器与JavaScript、DOM及BOM中,从而导致了许多不一致性。与此同时,由于浏览器厂商都在忙于继续增加新的浏览器特性,以至于根本没能及时更新相应的工具,这造成了开发工具的严重滞后。这种情况给使用JavaScript的开发人员带来巨大的痛苦。我们将某个浏览器里编写与测试过的脚本在另一个浏览器里测试,却发现脚本不能正常工作,而且还没有合适的错误信息,只得到如“操作终止”之类天书般的错误先知。

实现上的不一致,文档的缺乏,甚至连能将JavaScript关键字高亮显示的编辑器都没有。这一切都令开发者们再也没法忍受了。

在另一方面,开发者自己也在他们的Web页面中使用了太多的新特性,总迫不及待地想引入浏览器提供的每一项新功能,以“加强”自己的页面。例如状态栏中的动画、闪烁的颜色、闪烁的文本、会摇晃的浏览器窗口、屏幕上的雪花效果、能跟踪对象的鼠标光标等,这不但牺牲了实用性,而且也伤害了用户体验。这些滥用现象如今大多都消失了,但这在当时极大地损坏了JavaScript在业界的名声。许多“专业的”程序员将JavaScript贬低为设计师的玩具,并批评它不适合用来开发专业应用。JavaScript语言在一些Web项目中遭到了强烈抵制。某些项目甚至完全拒绝对浏览器端进行任何的程序设计,转而只信任他们自己可以掌控的服务器端。确实,在当时那种情况下,也没有什么理由值得我们花费双倍的时间来为这些不同的浏览器设计项目,然后再花更多的时间去调试它们。

这种情况一直持续到第一次浏览器大战结束。但在随后的几年中,Web开发领域在一系列历史进程的推动下,终于发生了一些非常积极的变化。

  • Microsoft公司依靠新发布的IE6赢得了战争。在那时,IE6虽然的确是最棒的浏览器,但其后数年,他们却停止了对IE的开发,这给了其他浏览器充分的时间,使它们能够在功能上逐步完成对IE的追赶和超越。
  • Web标准化运动渐渐被开发人员和浏览器厂商所接受。这是很自然的,毕竟对于开发人员来说,谁也不想因为不同的浏览器而花费双倍(甚至更多)的开发时间,这促使各方都越来越倾向于遵守统一的开发标准。
  • 开发人员和技术本身也日趋成熟了,越来越多的人开始将注意力转移到其他方面,例如可用性、渐进增强技术及可访问性。开发辅助工具(例如Firebug)也让开发变得更高效,减轻了开发者的负担。

在这种健康环境的影响下,开发人员开始谋求一种更好的新型开发模式,以取代这些现有的开发方式。随着Gmail和Google Maps这一类富客户端应用的相继出现,很显然,如今的JavaScript已经成为一种成熟的、某些方面独一无二的、拥有强大原型体系的面向对象语言。关于这点,最好的例子莫过于是对XMLHttpRequest对象的重新发现和推广,该对象起初不过是一个IE-only特性,但如今已经得到绝大多数浏览器的支持。通过XMLHttpRequest对象,JavaScript就能以HTTP请求的形式从服务器上获取所需的新鲜内容,从而实现了页面的局部更新。这样一来,我们就不必每次都刷新整个页面。随着XMLHttpRequest对象的广泛应用,一种类桌面式的Web应用模式诞生了,我们称之为AJAX应用。

相关文章
|
4天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
11 0
|
25天前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
36 1
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(一)
深入JS面向对象(原型-继承)
31 0
|
3月前
|
存储 前端开发 JavaScript
揭秘原型链:探索 JavaScript 面向对象编程的核心(下)
揭秘原型链:探索 JavaScript 面向对象编程的核心(下)
揭秘原型链:探索 JavaScript 面向对象编程的核心(下)
|
3月前
|
前端开发 JavaScript 开发者
揭秘原型链:探索 JavaScript 面向对象编程的核心(上)
揭秘原型链:探索 JavaScript 面向对象编程的核心(上)
揭秘原型链:探索 JavaScript 面向对象编程的核心(上)
|
3月前
|
JavaScript 前端开发 算法
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?
|
3月前
|
存储 JavaScript 前端开发
构造函数和原型的结合应用:轻松搞定JS的面向对象编程(三)
构造函数和原型的结合应用:轻松搞定JS的面向对象编程
|
3月前
|
设计模式 JavaScript 前端开发
构造函数和原型的结合应用:轻松搞定JS的面向对象编程(一)
构造函数和原型的结合应用:轻松搞定JS的面向对象编程
|
3月前
|
存储 JavaScript 前端开发
构造函数和原型的结合应用:轻松搞定JS的面向对象编程(二)
构造函数和原型的结合应用:轻松搞定JS的面向对象编程
|
8天前
|
JavaScript 前端开发
JavaScript如何获得浏览器的宽高
JavaScript如何获得浏览器的宽高