标签: javascript-framework

我们有一个基于推送的Web应用程序.最近,我们计划为它制作一款iPhone应用程序.就像Facebook拥有它的iPhone应用程序以及网络存在一样.我们正在寻找可以让我们快速前进的UI框架.我已经通过叶的PhoneGap和其他几个JS基于UI框架这里提到.我有点不确定什么能最适合我们.所以,我正在寻找你的建议.

我们的限制如下:

• 该框架应该基于JS.我们都是网络开发者,并希望避免学习目标C.

• 框架应该像本机应用程序一样顺畅地支持iPhone的功能.如果没有,我们将更喜欢JS框架,这是所有JS框架中最流畅的.所以,这是最重要的约束.

• 它应该支持平滑滑动屏幕,支持旋转.很好,如果它也可以捕获震动.但是,如果没有动摇支持,震动不会优先于更好的框架.

• 很高兴 - 如果在其他触摸屏手机上也支持该框架,代码很少或没有修改.Android和Symbian就足够了.但同样,我们现在专注于iPhone.

我有点好奇知道什么是开始开发的最佳选择.如果您与您使用的框架的优缺点分享您的经验,我将非常感激.

谢谢
Nishant

我在职业生涯中使用了一些javascript框架作为开发人员.即jquery,moo工具和地图集.但我所有的经验都围绕着专业的企业网站开发.我目前正在开发一款具有非常丰富UI的游戏.我正在考虑完全用javascript和HTML实现UI.所以现在我正在研究我在这方面的选择.有没有我可以使用的javascript框架,这将帮助我创建一个丰富的游戏UI？

具体来说,我需要为角色和效果制作动画.如果需要,这可以是逐帧的,甚至可以像很多flash动画一样使用.理想的框架将内置功能以获取艺术资产,也许还有XML有效负载,在解释时将描述艺术资产如何与彼此相关.对于逐帧,这将是我告诉它图像进入的顺序以及切换帧的速度的一种方式.对于铰链式框架,我可以告诉它在哪里定位手臂,腿,关节的位置,并允许我将特定的关节运动分组到动画中.最后,理想的框架将支持纸娃娃功能,我可以使用分层将一副眼镜放在角色上,或者不同的衣服或头发颜色.

我意识到我上面描述的理想很可能是不可用的,但是如果有一些东西可以让我更接近我的理想,那么jquery或其他类似的框架将帮助我做出决定.

谢谢

我有一个列表,显示一个餐厅列表,其中包含餐厅的标识等.

风景

Ext.define('Test.view.Contacts', {
    extend: 'Ext.List',
    xtype: 'contacts',

    config: {
        title: 'Stores',
        cls: 'x-contacts',

        store: 'Contacts',
        itemTpl: [
            '<div class="headshot" style="background-image:url(resources/images/logos/{logo});"></div>',
            '{name}',
            '<span>{add1}</span>'
        ].join('')
    }
});

当您点击餐厅时,我希望它根据点击的项目显示另一个列表.

第二种观点

Ext.define('Test.view.Menu', {
    extend: 'Ext.List',
    xtype: 'contact-menu',

    config: {
        title: 'Menu',
        cls: 'x-contacts',

        store: 'Contacts',
        itemTpl: [
            '<div>{item}</div>'
        ].join(''),
    },
});

模特

Ext.define('Test.model.Contact', {
    extend: 'Ext.data.Model',

    config: {
        fields: [
            'name',
            'logo',
            'desc',
            'telephone',
            'city',
            'add1',
            'post',
            'country',
            'latitude',
            'longitude'
        ],
        proxy: {
            type: 'ajax',
            url: 'contacts.json'
        }
    },
    hasMany: {
        model: "Test.model.Menus", …

我正在构建一个与DOM进行大量交互的Web应用程序,需要指导我的代码可扩展和可维护.

应用程序概述:在交互时,我有工具栏和覆盖图引导用户编辑页面,然后我将编辑后的页面发送回服务器.

到目前为止,我已经成功构建了我想要的东西,但它的JQuery都捆绑在一起,我需要有关如何重写代码以使其可扩展和可维护的帮助.

迄今为止的研究:

• RequireJS - 我看过RequireJS,并认为这是一个很好的起点,让一切正常.
• JQuery - 无法摆脱这个令人敬畏的库.
• Nicholas Zakas关于可扩展JavaScript应用程序架构的演讲 - 很棒的想法,但我该如何实现呢？我是高级JavaScript的新手.

我还需要某种事件池来管理所有这些事件.如果我使用JQuery的内置事件池"bind","trigger",这是否会让我远离Zakas的想法,即只有我的应用程序核心才能访问我的JQuery库？

我应该考虑什么类型的框架来解决我的问题？

我目前正在尝试完成一个需要移动应用程序和桌面应用程序的项目.我正在寻找一个允许我这样做的框架.

是否有任何平台可以从相同的代码库中满足桌面+移动应用程序的生产？

在解决我的困境时,我们将非常感谢您的帮助.

为了找到vue.js的vue-resource插件的任何预先使用的示例而苦苦挣扎,我尝试了这个:

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.12.7/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/0.1.13/vue-resource.min.js"></script>

<div id="my_view">
  <p>{{ origin }}</p>
</div>

<script>
var Vue = require('vue');
Vue.use(require('vue-resource'));

new Vue({
    el: '#my_view',
    data: {
       origin: ''
    },

    ready: function() {

        // GET request
        this.$http.get('http://httpbin.org/ip', function (data, status, request) {

            // set data on vm
            this.$set('origin', data)

        }).error(function (data, status, request) {
            // handle error
        })
      }
})
</script>

只是查询httpbin.org/ip(我能找到的随机REST端点)并在里面显示结果#myview > p.这只是我正在尝试运行的vue-resource github页面上提供的示例(一个改编版本).

任何人都可以看到我无法实现这一目标吗？

编辑:添加逗号,这里是它的小提琴.

我在努力制作jQtouch和Google Maps api V3时遇到了困难.我几乎尝试了一切.似乎唯一的信息来源在这里我检查了每一篇文章.我开始使用jQuery和css ......所以有很多我不理解的东西.

首先,我正在使用jQtouch框架构建一个带谷歌地图集成的网络应用程序,问题是每当我平移地图时,都会发生奇怪的闪烁.这就像jQtouch,地图正在努力争取回调.

我正在使用最新版本.并且有几个错误,关于转换/动画功能(因为我没有包装地图和#jqt包装器中的所有元素的div)和css问题与一些样式.任何人都成功实现了此方案的功能设置构建？(谷歌地图api v3和jqtouch),我认为没有必要粘贴你一些代码(但如果你认为有必要请告诉我,我会这样做),如果你给我贴一个最小的例子与地图(详细说明) jqtouch版本,以及对样式/ .js文件的修改),以及一些从地图来回转换到另一个div/section/page,你摇滚.

非常感谢提前.

请告诉我,如果这里有"合法",我的意思是,官方维基上有太多松散的信息,就像13个"解决方案"一样,但没有具体......我只是在试图帮助那些人将来继续这个问题.

我注意到jQuery可以创建和访问不存在/非标准的HTML标记.例如,

$('body').append('<fake></fake>').html('blah');
var foo = $('fake').html(); // foo === 'blah'

这会在某种验证中破裂吗？这是一个坏主意,还是有时候这是有用的？主要问题是,虽然可以做到,但是应该这样做吗？

提前致谢!

所以我是一个相当不错的javascript程序员,我刚刚完成了一个相当大的Web应用程序,涉及编写相当多的javascript.我调试脚本时可以遇到的一件事就是我在脚本中使用的各种全局变量存在一些命名空间冲突.从本质上讲,我的javascript文件的结构如下:

global var a
global var b
global var c
function1(){}
function2(){}
function3(){}

使用jQuery文档就绪函数将各种事件绑定到我的html中的按钮,并将我的函数作为事件处理程序回调调用.

有些人建议将我的整个脚本封装在一个巨大的函数中,以防止任何与范围相关的错误.我无法弄明白究竟会带来什么.任何提示都很受欢迎,因为我即将创建另一个Web应用程序,它将涉及相当多的AJAX页面加载,以避免浏览器刷新和绑定到各种事件的DOM操作.谢谢!

我正在尝试向网格中的列标题下拉菜单添加一个按钮.但是,我只想将它添加到具有某些itemId的列中.到目前为止,我已经将按钮添加到所有列,请参阅下面的代码.我不知道在哪里可以检查每个列的itemId,但它似乎没有遍历列.这有什么解决方法吗？谢谢!

items:[{
            region:'center',
            xtype:'grid',
            columns:{
                    items: COLUMNS, //defined in index.php
            },
            store:'Items',
            selType: 'checkboxmodel',
            listeners: {
                    afterrender: function() {        
                            var menu = Ext.ComponentQuery.query('grid')[0].headerCt.getMenu();
                            menu.add([{
                                    text: 'edit',
                                    handler: function() {
                                            console.log("clicked button");
                                    }
                            }]);           
                    }
            }
    }],