ajax -什么是渐进增强?

Translate

Jeff在谈论使用JQuery编写stackoverflow时提到了“渐进增强”的概念。

快速浏览Google之后,我发现了一些有关它的高层讨论。

任何人都可以推荐一个适合作为程序员开始的好地方。

具体来说,我一直在用PHP编写Web应用程序,并且希望使用YUI来改进我正在编写的页面,但是其中很多似乎都是基于JavaScript的,而大多数驴工作都是使用JavaScript完成的。对我来说,这似乎有些过大,因为在没有Javascript的情况下浏览网站可能会破坏大多数网站。

任何人都有一些开始使用此想法的好地方,我并不真的在乎这种语言。

理想情况下,我想看看如何首先开始创建静态HTML,然后向其添加YUI(或任何Ajax框架),以便获得更丰富的客户端的好处?

This question and all comments follow the "Attribution Required."

所有的回答

Translate

也可以看看简洁的Javascript这是建立基石渐进增强的基础。

来源
Translate

就像你说的

对我来说,这似乎有些过大,因为在没有Javascript的情况下浏览网站可能会破坏大多数网站。

这不是渐进增强。逐步增强是指在没有JavaScript或CSS的情况下网站可以完美运行的情况;以及然后添加(分层)这些额外的技术/代码以增加网站的可用性和功能。

我能提供的最好的例子是该网站上的标签输入框。关闭JavaScript后,它仍然可以工作,允许您输入用空格分隔的标签。启用JavaScript后,您会获得有关先前条目建议的下拉列表。

这是逐步的增强。

来源
Translate

我写了一个教程关于创建使用逐步增强功能的民意测验网络。这个想法是使用XHTML / CSS和PHP创建一个功能站点,然后使用Javascript拦截表单等。 (我使用了JQuery)。

来源
Translate

从另一个方向去做它有时被称为适度降级。当首先使用各种技术提供的增强功能构建站点,然后对其进行修改以优雅地降级以使用那些技术的浏览器时,通常需要这样做。

当设计与IE 5.5,Netscape等旧版浏览器(互联网术语中的古老版本)一起使用时,这也是正常的降级。

我认为,适当地降级该应用程序需要做更多的工作。逐步增强它往往会更有效率;但是,有时会出现需要使用现有应用程序并使其在这些缺乏环境下可访问的需求。

来源
Translate

基本上,如果您的网站仍然可以在JavaScript处于关闭状态下使用,则使用JavaScript添加的任何内容都可以视为渐进式增强。

某些人可能认为这是不必要的,但是很多人使用NoScript之类的插件浏览(或者在浏览器设置中仅关闭了JavaScript)。另外,许多移动Web浏览器可能支持也可能不支持JavaScript。因此,在有无JavaScript的情况下完全测试您的网站始终是一个好主意。

来源
Translate

渐进增强是一种开发技术,它强调语义HTML的首要地位,然后测试浏览器-能力并有条件地“分层”使用可利用这些增强功能的浏览器的JavaScript和/或CSS增强功能。

其中一项关键是要了解我们正在测试浏览器的功能do,而不是浏览器-. 现代化是一个非常流行的浏览器功能测试套件。

本质上可以访问渐进式增强(第508节);它规定了遵守法律规定统治精神。

耗材小组撰写了出色的“逐步增强设计”。(我不隶属于Filament Group,尽管他们真是太聪明了,我希望我能成为。)

来源
Translate

这是一个非常重要的概念,令我感到难过的是,很少有Web开发人员能够理解它。

基本上,首先以Plain Old HTML构建网站/框架-结构元素,链接和表单。然后添加一些样式,然后添加闪亮的内容(Ajax或您拥有的东西)。

这不是很困难。喜欢白马说,优雅的降级是更多的工作。

网站应该在任何用户代理中都可以正常工作,而不是看起来完全一样(即使外观不佳,外观也不一样,但听起来不错)。

来源
Translate

渐进增强:

  1. 普通的HTML / CSS站点很棒(完全有效且用户友好).
  2. 添加JavaScript定义了一个了不起的新水平。
来源