决定使用正确的iOS Mobile Safari Web开发工具(jQuery Mobile/Sencha Touch/etc)的挫败感

lit*_*m84 13 javascript mobile-safari javascript-framework sencha-touch jquery-mobile

在使用Backbone JS和jQuery Mobile为iPad Mobile Safari完成一个项目之后,让我觉得jQuery Mobile可能不是那个特定工作的合适工具.

我发现jQuery Mobile的性能一般都令人失望.许多移动JS框架(处理转换,对话框等)似乎都受到同样的影响.让jQuery Mobile和Backbone JS很好地协同工作似乎有点混乱.

我需要像jQuery Mobile这样的东西来处理拖放元素和页面转换(以及对话框).Backbone JS非常适合我们正在做的事情,因此我们希望将其保留在工具箱中.我们只针对iPhone和iPad进行项目,并且在本例中使用Objective-C本身做这些项目是不合适的.

最近完成的项目最终使用了jQuery,jQuery Mobile,jQuery UI,一些小插件,使jQuery UI与触摸,Backbone JS,Underscore JS一起工作......对于手机上的网络应用来说,这一切看起来都很重要!我想要一些功能强大且尺寸更小的东西

Sencha Touch似乎有很好的表现,但似乎你需要首先跳入它并完全按照它的工作原理.但也许我错了?我正在寻找一些与Backbone搭配不错的东西,它相对轻巧,并且有很多用于为iPhone/iPad构建精美UI的位(手势支持,页面/对话框转换,列表视图等).理想情况下,更像jQuery的东西 - 我称之为在DOM上执行这些操作并在我们不需要它时保持不变 - 而不是它是一个支配框架并且必须遵循它的规则(比如jQuery)移动,最有可能是Sencha Touch).还看到了jQTouch ......但现在这已经被Sencha接管了,这意味着它已经死了?

这有什么作用吗?轻量级,稳定,快速和可靠的东西,我们可以与Backbone JS一起使用,为Mobile Safari创建快速,响应迅速的Web应用程序...仍然具有所有有用的UI和转换等功能,可以让应用程序大放异彩?

小智 8

嗯......我同意你关于JavaScript框架膨胀的部分.我发现jqTouch,jQuery Mobile和Sencha也很令人沮丧.有太多的东西不需要在那里.然后我查看了Zepto和BaseJS,但它们主要用于移动JavaScript,并且没有提供控件或布局帮助.所以我卷起袖子重新发明轮子.我创建了一个名为ChocolateChip-UI的框架.它为称为WAML(Web App标记语言)的移动Web应用程序提供了一种清晰明了的标记语言.它还提供了许多标准的iOS类型控件和布局,可以轻松定制以创建独特的外观.大多数ChocolateChip-UI控件都可以手动编码或动态创建,并通过简单的调用进行初始化.ChocolateChip-UI负责使控件具有适当的行为.

我快速浏览了Backbone,我的感觉是应该可以将ChocolateChip-UI的布局和控件用作Backbone Views.所有ChococlateChip-UI应用程序的根源都是"app".这将有一个或移动"视图",其也可以具有"子视图".因此,您似乎应该能够将ChocolateChip-UI视图和子视图映射到Backbone视图.如果你这个工作,请告诉我.无论如何,当我有足够的业余时间时,我会对自己进行测试感兴趣,看看我是否可以制作一个特殊版本的ChocolateChip-UI,内置Backbone支持,适合想要使用Backbone的用户.基本上那个版本的ChocolateChip-UI将成为Backbone的增强视图引擎.

就此而言,ChocolateChip-UI是开源的.随意蚕食或切片,以满足您的目的.


YDL*_*YDL 2

Sencha Touch 确实是“先跳入其中,然后一路走下去”——但在我看来,这是值得花时间的。(我目前正在“进入 Sencha Touch”)

在我自己寻找正确框架的过程中,我还遇到了 NimbleKit (http://www.nimblekit.com)。Nimblekit 处于稳定版本,提供 iOS UI 元素,并且可以使用您希望的任何 JS 库进行扩展。然而,Nimblekit 并不是基于网络应用程序......

因此,选择归结为 jQuery Mobile(并等待该库的进一步开发 // 性能优化)或 Sencha,这是一个非常广泛的框架,但学习曲线陡峭。

Webapp 的性能始终难以优化。