必威体育下载基督教Heilmann

您当前正在浏览Ajax类别的归档文件。必威体育简介

“ajax”类别的存档

在@mediaajax 2008上启用脚本

周一,9月15日,2008

我现在在@media ajax 2008年准备上台发表我的“脚本支持”演讲,解释可访问性的主要问题是我们彼此之间没有足够的交流。技术从来都不是我们所能达到的界限,这是因为我们不知道人们是如何工作的,也不知道什么技术是有能力的。

(slideshare id = 598740医生= atmediaajaxscriptingenabled - 598740 - 9 -易名= 425]

演示文稿中的链接

哦,看,愚蠢地使用Ajax不是个好主意吗?

周二,4月29日,2008

这对我来说很有意思dev.opera.com上题为“停止使用Ajax!”的最新文章现在是一件大事。鸣叫,共享书签和谷歌阅读器项目蜂拥而至,人们似乎认为这是一篇惊人的大胆文章。

事实是:詹姆斯是对的。他也是对的他去年在Highland Fling的一次演讲中提供了差不多同样的信息在我介绍渐进式增强和JavaScript之后。

然而,这没有什么令人震惊、大胆或新鲜的。betway体育官方网他所说的是:

  • 不要为了使用某项技术而使用它
  • 在使用可能不合适的技术之前,考虑您想要接触的用户
  • 确保您的解决方案是可用的和可访问的
  • 在有用的东西上构建解决方案,然后提高它。

这是我在开发任何软件或web解决方案时所认为的正常做法。

然而,现在真正的问题是,我们为什么会处于这种状态——为什么我们认为这些信息是大胆的,令人震惊的或有争议的,为什么很多评论仍然是“我不在乎可访问性,因为我的用户不需要它”?为什么假设和简单的可访问性谎言盛行,而好东西却闻所未闻?

好,事实上,我们对合唱团的布道时间太长了。我在web可访问性和标准宣传社区工作了很长一段时间,每当我问到企业开发和CMS我被告知,这是不值得战斗,因为“我们将永远达不到他们”。好,这就是金钱和大量工作所在的地方事实上,在很多情况下,可访问性和标准积极分子甚至不知道让这些领域的利益相关者忙碌的问题。我的数字Web文章“客户不关心可访问性的10个原因”和后续的第一部分是七个易访问性错误第2部分列出这些问题,以及3年前我们试图解决这些问题的错误方法。我上周在能力网络会议上的演讲栖息地围栏也提到了这种态度和问题。

这就是我现在的处境:我厌倦了人们通过互相指责对方的错误或指出系统存在的问题来进行良好的斗争。当人们要求可访问性或Ajax可用性建议时,你会得到很多抨击和“去验证然后再回来”的答案,但没有很多可以立即使用的信息,甚至是询问导致产品状态的问题。问这个简单的问题,你会惊奇地发现你能发现什么。

我们必须了解大型系统,框架和公司仍然在运作,即使我们认为博客,关于web设计和mashup的书籍突破了极限。他们这样做,但是到目前为止,对于那些销售Ajax和其他开箱即用解决方案的公司来说,这还只是一个小问题,因为这些解决方案是不可访问的,而且大部分对人类来说是不可用的。你最后一次在非初创公司或小型网络公司使用聪明的费用或时间跟踪系统是什么时候?当我在年的AjaxWorld会议上纽约今年早些时候,我听说了很多关于安全的事情,易于部署和可伸缩性,但只有一点关于可访问性(Dojo talk和YUI说话,实际上)。人们更关心软件的成本和发布的速度,而不是质量或可维护性。每隔几年买一个新系统要比构建一个经过适当测试并适用于所有用户的系统便宜。贵公司是否仍有只适用于IE/Windows的系统或第三方解决方案?我相信至少有一个,问问人力资源部或财务部。

再提出一项没有帮助调用一个可访问和可用的Ajax解决方案Hijax,要么。虽然我很喜欢这个主意,但我不得不同意詹姆斯的评论-我们不需要另一个词,我们需要一个原因让人们不只是使用现成的东西而不去思考它们,或者更好的是,为那些首先基于假设构建解决方案的公司提供帮助。几周前,当我在twitter上大谈一家大公司的系统时,他们的市场经理在twitter上说EMEA开始跟踪我,我开始和他们交谈。

我已经听过很多次了,我关于渐进式增强和可访问性的想法只是一种“过眼云烟”,而且“在真正的软件市场上,你没有时间这样做”。挑战这种态度至关重要——通过证明,通过以一种可预测和安全的方式使用我们获得的技术,确实可以节省您的时间和金钱。然而,关于这一点的案例研究并不多……

如果我不知道人们为了做正确的事必须排除哪些障碍,我就无法改变世界。在内心深处,每个开发者都想把事情做好,以一种干净和可维护的方式,为他们所做的事情感到自豪。劣质产品的产生是因为匆忙的项目,糟糕的管理和开发人员变得如此沮丧,以至于他们可以仅仅为了获得资金或最终分配到不同的项目而发布低于par的版本。

这是我们需要进行的战斗——这些问题从何而来?不是要避免什么技术。你可以很好地使用任何技术,您只需要能够销售它,而不需要炒作,也不需要假设开发软件的速度和编写一篇关于它的很酷的新闻稿的速度一样快。

我想要一个伟大的Ajax API

周二,4月8日,2008

在苏格兰高地舞有趣的是,人们似乎还不太相信API的必要性,以及在未来几年的Web开发中所扮演的重要角色。我想这在一定程度上是基于使用api的经验,这些api并没有很好地向非极客解释,而且不一致或难以使用。只有在试图找到没有多少有趣的信息一点点如果所有你想做的是编写一些代码(除非你有老学校黑客/饼干的头脑和不考虑花上几个小时看着hexdumps试图找到一个方法来得到无尽的住在一个游戏浪费时间)。

在我面试保罗博格在我指出,设计一个好的美国石油学会与设计任何其他用户界面(包括web页面)一样重要。加雷斯·拉什格罗夫在他精彩的演讲中同意了如何成为一流的网络公民.我还指出,在这个问题上缺乏清晰和容易的教程和文章,所以我决定现在就试一试。

设计一个伟大的Ajax美国石油学会

作为一个例子,我将使用最近发布的谷歌翻译美国石油学会,指出它的优点,列出我认为缺少的东西。我不会去写美国石油学会而是解释为什么我认为缺失的部分很重要。这不是对谷歌的攻击,我真的很喜欢做这个美国石油学会想让它更容易使用,所以不要难过,我真的脱帽向你致敬美国石油学会像这样!

以下是我在讨论JavaScript中的Ajax API时认为重要的几点(Ajax意味着这一点,但您会惊讶于REST API广告宣传为Ajax):

  • 好的文档
  • 使用例子复制+粘贴
  • 模块性
  • 将结果链接到条目
  • 提供灵活的输入
  • 允许自定义对象传输
  • 覆盖可用性基础

文件和陈述

让我们从一个积极的开始:文档谷歌Ajax语言美国石油学会很棒。您在一个页面上拥有所需的所有信息,包括复制和粘贴示例。这允许你通过美国石油学会在网上,离线阅读,甚至可以打印出来,在拥挤的公交车上阅读,而不必拿出笔记本电脑。

小费如果你提供的是复制和粘贴的例子——这是你应该做的,因为这是人们做的第一步——确保他们工作!我在必威体育下载书中得到了惨痛的教训JavaScript开始与DOM脚本和Ajax没有什么比展示代码片段而不是完整的示例更危险的了——人们会复制和粘贴部分脚本,试着运行它,然后发邮件告诉你你的代码被破坏了,或者更糟的是,在亚马逊的书评中抱怨。如果您提供复制和粘贴示例,请确保所有示例都独立工作。

谷歌提供解释美国石油学会是,你能用它做什么,所有参数的列表以及它们的含义。这对于第一眼看到它的用户来说非常棒。对于核心读者,他们也提供了一个课堂参考。

使用实例

第一个代码示例非常好,你可以复制粘贴它,如果你的电脑连上了互联网,它就能工作,如果HTML得到了一些修正。

首先它缺少a文档类型,哪一个有点恼人,因为它是一个非常重要的部分HTML文档。更重要的一点是没有设置编码。这个生活例子版本两者都有点麻烦,特别是当我们谈论不同的语言时,以传统汉语为例,必须使用正确的编码。

(注意:具有讽刺意味的,wordpress似乎因为某些原因做得不对…)







??????????????



提示:确保向人们解释您的代码示例需要Internet连接和其他依赖项(如HTTP因此必须在本地服务器上运行)。JavaScript历史上除了浏览器没有其他依赖,这是最近发生的变化,可能会令人困惑,特别是在幕后使用Ajax时,就像Flash/Ajax api所做的那样!

模块化是好!

第一个在某种程度上让我感到困惑的是google.load(“语言”,“1”)线,但是有一个直接的解释它意味着什么。

第一个脚本包含加载一个泛型Google Ajax美国石油学会有一个加载()方法添加其他,较小的api构建在此之上。在这种情况下,行意味着您要加载语言美国石油学会版本1。

这看起来很笨拙,你会得到不好的反馈(似乎没有什么比一个包含解决方案的脚本更好的了),但实际上是相当聪明的。

通过在基本库中模块化Ajax代码,对核心功能的更改将很容易,并且通过要求实现者将所需的API包含在版本号中,您可以让实现者选择升级,而不是破坏旧的实现,或者必须承载完全向后兼容性的重量。

是的,完美的世界场景是你永远不需要改变你的功能美国石油学会—只需添加新功能—但在现实世界中,会有不断的变化,这会使您有必要与原始的美国石油学会.没有完美的代码是为永恒而建立的。在基中使用加载器函数美国石油学会也很聪明,因为这意味着实现者不需要更改url。

进去的东西应该出来。

这就是谷歌造成问题的地方。这两个google.language.detect()google.language.translate()。方法非常酷,因为它们提供了发送字符串和定义回调方法的功能美国石油学会返回一个值。然而,两种情况下返回的对象都会给出结果和状态代码,但不是输入的。你会得到各种各样的其他信息类文档但是有原始条目是非常有用的。

为什么?Ajax的伟大之处在于它是异步的,这也是它的弱点。这意味着我可以在后台并行发送大量请求,并等待结果。然而,这并不意味着请求也以正确的顺序返回!

这意味着,如果你想循环一组要翻译的文本,以下是一种不安全的做法:

var翻译=['一',' 2 ',' 3 ',' 4 ',' 5 ',' 6 ',' 7 ',' 8 ',‘九’,‘十’);
var gtl=google.language.translate;
对于(var i=0,j=translations.length;i gtl(翻译[我],“en”,“德”,函数(结果){
如果(! result.error) {
var container = document.getElementById(' translation');
container.innerhtml+=结果.translation;
}

});
}

相反,您需要在递归函数中包装数组计数器的增量:

var翻译=['一',' 2 ',' 3 ',' 4 ',' 5 ',' 6 ',' 7 ',' 8 ',‘九’,‘十’);
var gtl=google.language.translate;
var = 0;
函数doTranslation () {
var gtl=google.language.translate;
如果翻译[我]){
gtl(翻译(我),“嗯”,“德”,函数(结果){
如果(! result.error) {
var container = document.getElementById(' translation');
container.innerhtml+=结果.translation;
我+ +;
doTranslation ();
}

});
}

}
doTranslation ();

这是安全的,但是我们失去了并行运行多个连接的机会,从而更快地获得结果。如果结果美国石油学会呼叫中包含原始文本,事情会更简单,例如,我们可以填充一个结果对象,并以这种方式将正确的请求与正确的结果匹配:

var翻译=['一',' 2 ',' 3 ',' 4 ',' 5 ',' 6 ',' 7 ',' 8 ',‘九’,‘十’);
var gtl=google.language.translate;
var结果=
对于(var i=0,j=translations.length;i gtl(翻译[我],“en”,“德”,函数(结果){
如果(! result.error) {
results[result.input]=result.translation;
}

});
}

更简单的是传递一个事务ID,它可以是循环的计数器。当然,另一个选择是允许输入的数据具有更大的灵活性。

提供灵活的输入

输入文本与结果和事务ID的匹配仍然意味着对美国石油学会,这并不是很好,因为它既要花钱,又会对服务器和客户端造成同样的打击。一个更简单的选项是,不仅允许将字符串作为文本参数,还允许使用字符串数组。然后返回的结果也会变成一个数组,调用翻译引擎的大量开销会在服务器上通过一次调用来完成,而不是大量调用美国石油学会调用。

这并不难,大多数JavaScript框架方法都是这样工作的,通过检查第一个参数的类型并相应地进行分支。您甚至可以更进一步,允许实现人员将自己定制的对象作为第三个参数发送。

传输自定义对象允许实现者编写更少的代码

的好处是,您可以添加更多的参数美国石油学会只对实现进行特定的调用。这很可能是对名称空间的引用,以避免重复冗长的方法名或全局变量。您可以从提供任何Ajax调用在可用性方面都有意义的参数开始。

考虑Ajax可用性

任何Ajax调用都应该为用户提供一个超时。没有什么比得到一个拥有更多交互界面的全新Ajax世界的承诺,却被困在旋转的轮子上,或者更糟糕的是点击链接却一无所获更令人失望的了。现在的语言美国石油学会没有这样的东西,而且你必须用手滚动一个解决方案。您还必须检查错误状态代码,以查看是否无法检索数据,并以这种方式调用连接的失败案例。

一个很好的美国石油学会会给我这些选择,很可能所有这些都在一个参数对象中滚动。

我的梦想翻译美国石油学会

把所有这些考虑在内,它将是完美的美国石油学会要提供这些选项:

google.language.translate(输入、参数);

参数是:


输入//字符串或数组
具有以下属性的参数//对象
sourceLanguage:字符串,
开发:字符串,
transactionId:字符串,
customparameters:对象,/运输
超时:整数,/ /(以毫秒为单位)
失败:函数(因此,params),//(发生超时或错误时要调用的方法)
成功:函数(因此,params),//(一切正常时调用的方法)

返回的数据来自美国石油学会应该提供结果和参数。这将使实现者的生活非常容易。

总结

总之,下面是我对一个伟大的Ajax的期望美国石油学会:

  • 有一个良好的文档,立即复制和粘贴示例,并由完整的类文档进行备份
  • 构建模块化的api,并允许实现者选择他们想要的版本
  • 提供一个钩子来链接。的结果美国石油学会方法获取输入的初始数据。最简单的方法是重复这些数据,更复杂的是允许连接ID。
  • 允许通过发送多个值,它会节省你美国石油学会调用和实现人员围绕不可靠的返回顺序问题进行黑客攻击。
  • 允许实现者添加一个自己的对象来发送和返回,以允许名称空间和其他数据状态保留。
  • 允许超时,连接是不可信的。

这是一项正在进行的工作

我希望你们在这里找到了一些可以认同的东西如果你们知道要补充的东西,留下评论。

AjaxWorld东-寒冷天气,北极雪地巡洋舰和观念的转变

周四,3月27日2008

我坐在蒙特利尔机场,等待延误的航班到达,然后把我送回纽约,再回到伦敦。过去的几天我首先在纽约的AjaxWorld东方会议,然后去蒙特利尔,在加拿大演讲编码器是星期六并在Nurun举办两个演讲工作坊。可以说,我很累,但这是一个记下我这次旅行经历的好机会。让我们从AjaxWorld开始。

观众

AjaxWorld会议让我有点惊讶。从门票的价格和网站上解释所有其他演示文稿来看,我鼓足勇气站在一个大房间前,房间里满是出席会议所需的西服,而不是想去。结果证明我错了。观众是一群公司老板,项目经理,设计师和开发人员以及所有人都非常投入和感兴趣。我见过很多销售开发工具如框架和ide的公司,一些执行公司(包括来自食物网是谁带我出去吃真正的意大利菜的?纽约风格)和真正令人惊讶的边缘开发者喜欢谁运行的软件,控制地球同步卫星!我收到了很多有趣的问题和反馈,我很高兴在那里遇到了每一个人。

的位置

会议在……举行罗斯福酒店,位于离纽约中央车站一个街区的地方。酒店是一个20世纪20年代的事情充满魅力和庄严的bigone aera。你进入了这个地方,感觉自己像是置身于一个大力神波洛的插曲中。然而,对于这种规模的技术会议来说,这不是一个很好的选择。首先,互联网连接既不便宜也不稳定。即使是24美元一天的房间连接也像过山车一样上上下下。这意味着我被开车到了街的另一边的百吉饼店(cosi),因为他们有免费的Wi-Fi(我相信这几天他们一定会杀人)。

至于演讲设施,主要的演讲厅是一个舞厅,天花板很高,专门为赞助商的演讲和主题演讲预留。这个会议很容易让所有与会者都能参与进来,但是冷得要命。所有其他演讲都在较小的会议室进行,会议室不够大,容纳不下所有感兴趣的代表。投影仪被放在几排椅子中间,这使得你很难接触到屏幕,而且与会者不时会撞到它们。

就客房提供的舒适性而言,酒店本身的价格也过高。我在蒙特利尔住的酒店是每晚每个房间价格的三分之一,超现代和自由连接,每个房间都有一份传真和一个保险箱,并提供免费早餐。好吧,这是纽约市罗斯福大厦建于20年代,但是欺骗就是欺骗,不管你怎么打扮。

组织和覆盖范围

除此之外,酒店在酒吧里有一个舒适的氛围,组织者尽最大努力控制一切。他们出色地完成了整个活动的拍摄和部分现场直播。当你需要帮助时,他们马上就来帮你了,一件非常不寻常的事情纽约.现在的课程表有足够的讲义,您需要的地方到处都张贴着标志,每个委托都得到一本关于Ajax的免费书籍,上面有巨大的徽章,告诉其他人这个人是谁,他或她做什么。我觉得自己受到了很好的照顾,很容易就被说服去为另一位错过航班的演讲者做一次额外的演讲。

我唯一不太喜欢的是并行演示的数量。我错过了很多我想看的东西,但不能,因为我不能把自己一分为二。聪明的公司确保他们派了几个人去那里,以实现全面覆盖。

我的演示文稿

我的第一个演讲是一个没有出现的演讲者的空白填充物,我在前一天写了它。我谈到了我们现在有机会使用Flash在web站点上提供丰富的媒体内容,并控制使用JavaScript的体验,前提是我们得到一个合适的美国石油学会.我最近对这个很感兴趣,和伟大的人一起工作咸海巴尔干半岛,尼奎史蒂夫•韦伯斯特.作为例子,我展示了主权财富基金对象允许您逐步增强HTML包含Flash,如何YUI图片上传允许您使用flash批量上传文件,以及如何YouTube美国石油学会允许你用javascript控制在线视频.

我的主要和计划的演讲是关于使用事件驱动设计为大型应用程序构建JavaScript,并以Yahoo Maps和Eurosport为例。演讲中出乎意料的一点是,我用南极雪地巡洋舰作为类比来解释它。

南极Snowcruiser是1937年建造的用于探索南极洲的大型飞行器。巡洋舰必须完成的任务是一个令人惊讶的问题-它是接待5名船员,并使他们安全的从可怕的寒冷一年,以跨越5000英里的敌对环境。巡洋舰绝对是技术的奇迹,它的发明者想出了令人惊奇的聪明的解决方案来解决他们预期的问题,包括将车轮收回到巡洋舰内部以克服裂缝,并重新利用引擎的热量来防止船员冻死的可能性。他们唯一忘记计划的是牵引力。当巡洋舰到达南极洲时,它的轮子毫无用处地转动着,发动机几乎立刻就过热了。这艘巡洋舰被遗弃,20年后被发现被埋在冰中。现在还不知道它去了哪里,因为最后一次看到它的那块冰断了,被拖到了海里。

这就是我们如何构建应用程序的例子——我们假设在服务器端进行大量的过度工程,而没有意识到大部分应用程序工作将由浏览器在一个对我们未知的环境中完成。我想鼓励人们在假设一切都能正常工作,我们能够预测应用程序运行的环境之前,先考虑web应用程序的可用性和限制。

两场演讲都很紧凑,我得到了很好的反馈,我会对去那里的人感兴趣,我期待着看到这些视频。

其他的报告

我没有看到很多其他的演讲,但我得到的是:道格拉斯·克罗克福德的主题演讲清楚地提醒我们,我们用来创建web应用程序的技术实际上是多么的不完善,展示了安全缺陷以及我们如何修复这些缺陷的想法。卡贾和ADSAFE一起被提到,道格拉斯解释了他关于Vats保护网络的想法。在过去的几天里,他的博客上发表了越来越多的细节,所以一定要检查那里。

在安全方面,有一个关于攻击向量的完整谈话
WatchFire的丹尼·艾伦(DannyAllan)精确地展示了无限制脚本注入对攻击者的影响。很容易忽视XSS作为一个平凡的渗透你的网站,但这个演讲展示了一个完全修补新Firefox运行在windows机器上的防火墙和最新的病毒和恶意软件可以访问JavaScript和把所有的密码和更深层次的访问使用的混合网络钓鱼和社会工程。

这个IBM参与Dojo框架在一次联合展示中展示了Dojo的国际化和可访问性选项,我对这个框架的接受程度印象深刻咏叹调以及在考虑可用性的情况下,如何同时执行i18n和a10y的信息给出了多少。伟大的工作!

我花了很多时间和那些qooxdoo,专门用JavaScript编写的小部件框架。他们的演示展示了这个框架是什么,以及它是如何跨浏览器工作的。它们还展示了小部件的令人印象深刻的性能,以及如何剥皮。不过,qooxdoo真正酷的东西仍在开发中,我将确保我们更仔细地观察这些家伙,并揭示他们使用一些聪明的技巧来提高性能,并使用Python构建脚本巧妙地构建应用程序代码。

我看到的最后一个演示介绍了如何构建具有原生外观和感觉的iPhone应用程序,这或多或少是一种重复苹果给出的开发者指南混合着介绍iUI.我一点也没有被这个演讲所鼓舞,这个演讲很神奇,因为iPhone是一个非常好的平台,目前非常有趣。

总结和经验必威体育下载

总而言之,去参加那个会议是很值得的。所涉及的演示和主题的组合做得很好,我自己也意识到,现在是我们停止提倡将Web标准作为技术解决方案的时候了。Web标准的存在是为了确保可维护性和可预测性,但在企业世界中,我们已经向前迈进了一步,Silverlight和Comet需要我们密切关注,以确保我们在其中也有可预测和可维护的解决方案。道格拉斯作为浏览器模型被破坏的观点被认为是一条信息太强烈了,但我意识到现在终端用户所期望的很多事情都是不可能实现的。HTML/CSS/JS trinity我们一直在宣扬。这并不意味着标准不重要——它们是实现方面的最佳实践。从技术上讲,我们必须做好心理准备,迎接明年的变化。

用Ajax代码显示懒人的代码教程

周一,1月28日,2008

目前,我正在为一个关于web标准的在线自学课程编写大量教程,并且我遇到了必须在两个地方维护示例代码的麻烦:代码本身和HTML记录下解释。因此,我使用jquery编写了一个小脚本,自动将链接转换为HTML代码示例HTML实体和行号。你可以定义显示哪些行,哪些行应突出显示,您可以在IFRAME当链接被点击时。