快速业务通道

如何将渐进增强应用到javascript脚本

作者 佚名技术 来源 网页制作 浏览 发布时间 2012-03-07

原文:Progressive Enhancement with JavaScript
作者: Aaron Gustafson

如果你阅读了本系列的第一篇第二篇文章,现在应当开始进入渐进增强的思维模式了。本文讨论如何将渐进增强的哲学应用到客户端脚本。你将很快看到,这涉及两个方面:约束与规划

聪明地支配能力

也许你已经听说过“权力腐败”。这个词能引发很多联想,不过根据我们的用意,还是继续将其看成两个简单的词吧。JavaScript是一个能力强大到让人难以置信的工具,很长一段时间它的威力让web一团糟。它给web冲浪者扔下路障、错误信息还有太多的弹出窗口。对JavaScript的极大误解,可能导致了它的滥用,并使其在实践中更像一门黑色艺术。

JavaScript不仅造成的伤害多过好处,它还变得难以控制。实质上,它就像一辆破自行车,除了铃儿不响,其它哪儿都响。因为晦涩并经常私下开发的代码分支迅速繁殖,维护也是一场噩梦。

当年,JavaScript只能是丑陋的:浏览器还需对适当标准提供支持,而开发者们正忙于在HTML中书写像意大利面条一般杂乱的代码。为了完成跨浏览器兼容的任何事情,甚至简单得像图像翻转,JavaScript也必须解决很多令人头疼的问题。

谢天谢地,我们现在的处境好多了,终于能使得JavaScript代码干净许多。然而,我们必须尊重JavaScript的能力并且表现得负责。我们需要关注JavaScript如何使用,或许更需要关注JavaScript能做什么。我们需要学会约束。渐进增强能够帮助我们做到这一点,因为它让我们关注内容并且从内容开始构建。

建立基线

使用渐进增强,我们在可用代码的基础上构建站点。JavaScript的关键理念需要牢记于心:即便没有客户端脚本,任何用户需要用来理解页面意图的内容也应当存在于该页面中。这是第一课。

例如:上面讨论的内容可能是一个售出产品的对照表格。如果站点的需求指明在点击列头时,需要对数据排序,你可能会考虑通过Ajax来将数据加载到页面中,这样发送简短的请求就可以在服务器端进行排序。看起来很美妙,不是吗?

错了。

当禁用JavaScript的潜在用户访问该页面时,会发生什么?如果内容通过JavaScript加载到页面,这些用户根本访问不到内容,即便在没有排序的状态。如果他们连产品都看不见,你认为他们达成交易的可能性还有多大呢?

上面的场景还没有考虑到搜索的影响。搜索引擎爬虫不会执行JavaScript,因此如果使用JavaScript来将内容加载到页面,搜索引擎将永远不会读取或索引你的内容。如果产品信息不能在Google, Microsoft或Y

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号