标签: javascript-framework

我出于好奇心开始学习React,想知道React和React Native之间的区别 - 虽然用谷歌找不到满意的答案.React和React Native似乎具有相同的格式.他们的语法完全不同吗？

我有一个执行http POST请求的函数.代码如下所示.这很好用.

 $http({
   url: user.update_path, 
   method: "POST",
   data: {user_id: user.id, draft: true}
 });

我有另一个http GET函数,我想发送数据到该请求.但我没有这个选择.

 $http({
   url: user.details_path, 
   method: "GET",
   data: {user_id: user.id}
 });

的语法http.get是

get(url,config)

有人可以帮我弄这个吗？

有些地方似乎使用控制器功能用于指令逻辑而其他地方使用链接.角度主页上的选项卡示例使用控制器作为一个,并链接另一个指令.两者有什么区别？

我有一个角度的foreach循环,如果我匹配一个值,我想从循环中断.以下代码不起作用.

angular.forEach([0,1,2], function(count){
  if(count == 1){
    break;
  }
});

我怎么能得到这个？

使用jQuery我是以编程方式生成一堆div这样的:

<div class="mydivclass" id="myid1">Some Text1</div>
<div class="mydivclass" id="myid2">Some Text2</div>

在我的代码中的其他地方,我需要检测这些DIV是否存在.div的类名相同,但每个div的ID都会更改.知道如何使用jQuery检测它们吗？

我有以下Angular函数:

$scope.updateStatus = function(user) {    
    $http({
        url: user.update_path, 
        method: "POST",
        data: {user_id: user.id, draft: true}
    });
};

但无论什么时候调用这个函数,我都会进入ReferenceError: $http is not defined我的控制台.有人可以帮我理解我在做错了吗？

我正在尝试编写一个jQuery插件,它将为调用它的对象提供附加的函数/方法.我在线阅读的所有教程(过去2小时内一直在浏览)包括最多如何添加选项,但不包括其他功能.

这是我要做的事情:

//通过调用该div的插件将div格式化为消息容器

$("#mydiv").messagePlugin();
$("#mydiv").messagePlugin().saySomething("hello");

或类似的规定.以下是它归结为:我调用插件,然后调用与该插件相关联的函数.我似乎找不到办法做到这一点,我见过许多插件之前做过.

这是我到目前为止插件的内容:

jQuery.fn.messagePlugin = function() {
  return this.each(function(){
    alert(this);
  });

  //i tried to do this, but it does not seem to work
  jQuery.fn.messagePlugin.saySomething = function(message){
    $(this).html(message);
  }
};

我怎样才能实现这样的目标？

谢谢!

2013年11月18日更新:我已经改变了Hari的评论和赞成的正确答案.

希望有人可以与一些最新出现的backbone.js变体分享他们的经验.我在几个项目中对骨干/下划线/需求有一些很好的经验,我想为复杂的应用程序结构采取更高级的解决方案.

我知道以下框架可用:

• 木偶
• Geppetto(基于木偶)
• 卓别林,卓别林 - chaplin-boilerplate
• 椎体
• 布局管理
• 胸部
• 灵气
• 卢卡
• Singool
• 堆栈中
• 骨干UI

• 废船

• 顺便说一句 - 大型项目的出色起点

可能我错过了一些.

这里有一些关于差异的简短介绍:

• speakerdeck谈话链接

但它很一般.我想知道是否有人可以使用这些框架与真实应用程序分享他们的经验.

选择一个而不是另一个有什么好处？例如,牵牛花什么时候会成为比chaplin更好的解决方案,或者为什么vetebrae更适合某些应用.

当然,明显的答案是" 最好地利用您的需求 ",但我缺乏这些框架的经验来了解他们的实力/目的/优势或首选方案.

谢谢!

编辑1: 发现这篇文章: Backbone.Marionette vs Backbone-Boilerplate

编辑2: Mathias schafer(卓别林)通过邮件回答:

简而言之,目前的结构接近1.0版本,因为它已经在生产中使用.我们不打算在1.0之前添加大的新功能或打破API更改.

Marionette肯定是最全面和最稳定的图书馆.它解决了使用Backbone进行JS应用程序开发的几个方面.例如,它有一个强大的视图层,Backbone本身完全无效.当然,您会发现某些方面无法满足您的要求,您可能会觉得需要在Marionette周围建立一个结构.

相比之下,卓别林专注于Backbone应用程序的一个相当小但非常重要的方面,即整体应用程序结构和模块生命周期.在这方面,Chaplin是非常有用的,更像是一个框架而不是一个库(就像"你的代码调用一个库,一个框架调用你的代码").卓别林提供了一些中心类,它们位于各个应用程序模块之上并控制整个应用程序状态.这为您的应用程序提供了一个传统的结构,例如Ruby on Rails.

在Chaplin中,您声明了一些映射到控制器的路由,Chaplin在路由匹配后启动控制器.它还负责旧控制器的处理,以及控制器应该创建的主视图的显示和隐藏.这是基本的想法,但卓别林负责处理丑陋的细节,使其顺利运行.

这种结构有两个原则: - 模块化,解耦和沙盒 - 使用发布/订阅和调解器的跨模块通信

当然,这些模式在软件开发领域并不新鲜,而卓别林并不是唯一将它们应用于Backbone.js应用程序的库.

卓别林还为View层提供了增强功能,例如高度复杂的CollectionView,但总体上没有Marionette及其Regions和Layouts那么多.但是使用Chaplin Views提供的方法编写这样的元类相对容易.

我有以下代码重复并显示用户的名称和他的分数:

<div ng-controller="AngularCtrl" ng-app>
  <div ng-repeat="user in users | orderBy:predicate:reverse | limitTo:10">
    <div ng-init="user.score=user.id+1">
        {{user.name}} and {{user.score}}
    </div>
  </div>
</div>

和相应的角度控制器.

function AngularCtrl($scope) {
    $scope.predicate = 'score';
    $scope.reverse = true;
    $scope.users = [{id: 1, name: 'John'}, {id: 2, name: 'Ken'}, {id: 3, name: 'smith'}, {id: 4, name: 'kevin'}, {id: 5, name: 'bob'}, {id: 6, name: 'Dev'}, {id: 7, name: 'Joe'}, {id: 8, name: 'kevin'}, {id: 9, name: 'John'}, {id: 10, name: 'Ken'}, {id: 11, name: 'John'}, {id: 1, name: 'John'}, …

我正在阅读JSF,它是一个UI框架并提供了一些UI组件.但它与jQueryUI,AngularJS,ExtJS甚至纯HTML,CSS和JavaScript中可用的组件数量有何不同或更好.

为什么有人要学习JSF？