什么是PastryKit框架?

85

我正在尝试查找关于PastryKit Javascript框架的任何信息。它似乎在iPhone用户指南上使用,该指南在Mobile Safari中显示在iPhone本身上,但我找不到任何文档或API。如果您想看到它的实际效果,请打开Safari 4,将用户代理设置为iPhone 3(在“开发”菜单中),然后查看指南

总的来说,它似乎是一种编写HTML/CSS/Javascript应用程序的方式,使其像本机iPhone应用程序一样运行。

当涉及到Javascript时,我使用了JS Beautifier对(我认为是)框架文件进行格式化,它有超过3400行!经过美化后,(再次我认为是)他们的实现超过了1200行。

在CSS方面,我使用Clean CSS来清理(我认为是)框架CSS,结果超过了700行。他们的实现不到500行。
有人有关于PastryKit的信息、文档或API吗?或者,有人能想出如何实现它吗?

1
嗨,Kerrick,你的增量数组问题怎么了?我给它写了一个很好的答案,还有一个 jsFiddle 的例子。 - Peter Ajtai
11个回答

36

约翰·格鲁伯最近发布了一篇链接,其中包含他在Daring Fireball上的研究中发现的更多信息:pastrykit

编辑:大卫·卡尔霍恩在他的博客上添加了更详细的信息:pastrykit digging into an apple pie


7

6

看起来PastyKit也被用在iTunes LP文件中。非常有趣。迫不及待想要了解更多 - 很抱歉没有更多细节!


2
哪些iTunes LPs?你确定你不是指TuneKit吗? - Alastair Stuart

5

在追求PastryKit的过程中,我发现了Sencha Touch。它在iPad上非常流畅。目前来看,它绝对比苹果的AdLib js库(在iPad用户指南网站上使用)更加流畅。试试在实际的iPad上尝试他们的演示,以真正感受这个框架。它可能是相对较新的,因为我在其他移动JS库中找不到它的提及。

在我的iPad上测试“流畅性”时,它击败了:

  • jQTouch
  • PastryKit/TuneKit/AdLib
  • WebApp.Net(在另一篇文章中提到)

在我测试过的最严肃的竞争者中,WebApp.Net在滚动、点击、滑动等方面最接近本机。

随机附注:我有点惊讶苹果会用Android的甜点命名约定来命名移动JS库PastryKit。

更新于10/3/2010: Sencha的开发人员解释了Sencha Touch和jQTouch之间的关系


3
我们刚刚还添加了一些关于AdLib的信息(Pastry kit的iPad版本)。AdLib iPad JS框架

2

很酷。我想看看,但是与iUI混合(请参见code.google.com/p/iui/),这样制作分层应用程序会更容易。 - Jared Updike

1
iPhone网页开发中一个长期存在的问题是如何在UIWebView中禁用垂直滚动和弹跳效果。据Wayne Pan所说,PastryKit可以做到这一点。但我还没有让它起作用。也许你更有能力。 深入了解PastryKit jqtouch也可以让你禁用垂直滚动。但我也没让它起作用。 关闭垂直滚动

0

JQTouch需要您学习一些JQuery,如果您还不了解它的话。iUI也是一个非常不错的框架,它真正只使用HTML5 / CSS3 / Javascript。在这里查看演示http://iui-js.appspot.com/(在Safari、Chrome上运行,并且在Firefox上也基本可以运行)


iUI的一个问题是工具栏会滚动到屏幕之外。他们所做的真是令人惊叹,但与PastryKit相比,它仍然不够像iPhone。 - Jared Updike
这个 PastryKit 使用了类似 iScroll 的方法来保持工具栏在顶部。你也可以用 iUI 来实现这个效果(演示:http://bit.ly/bjqVsB)。 - Remi Grumeau

0

一直在使用http://webapp-net.com/作为iPhone Web应用程序的优秀框架。易于使用且稳定...虽然不像iui那样轻巧,但更易于使用和呈现更好的效果,Jq touch需要JQuery,比较重量级。在决定坚持使用webapp-net之前,进行了一些实验。还有iWebkit,但它不是真正的Web应用程序。更像是本机iPhone外观的普通HTML。


0

看起来我正在进行与指南如何工作的相同研究,并找到了这个页面。

苹果的Dashcode产品应该生成类似于iPhone UI的Web应用程序。我不知道这段代码是否来自那里。

如果您想要复制Web应用程序的UI,请查看jqTouch。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接