标签: javascript-framework

JavaScript:从GitHub链接或链接到本地​​文件?

我知道,当链接到Google Code上托管的jQuery等库时,最好链接到托管的(Google).

但是当在GitHub等网站上托管其他库和框架时(比如这个jQuery LightBox,您认为最好直接从GitHub链接到库,还是应该下载它并链接到本地​​文件?

javascript caching javascript-framework

9
推荐指数
2
解决办法
1785
查看次数

无论如何使用javascript检测操作系统语言?

我需要使用javascript检测操作系统语言,以便根据语言查看我的页面.

我知道我们可以检测浏览器语言,但这对我来说还不够.

我需要操作系统语言

提前致谢

javascript javascript-framework

9
推荐指数
3
解决办法
2万
查看次数

backbone.js和/或knockout.js中的AngularJS示例

我正在比较这些框架,以便在客户端进行一些计算.我真的很喜欢AngularJS网站上的例子.我想知道网站上的任何backbone.js或knockout.js专家是否会在各自的框架中重新创建该示例.

这是JSFiddle.

小提琴代码:

<table ng:init="invoice= {items:[{qty:10, description:'gadget', cost:9.95}]}">
  <tr>
    <th>Qty</th>
    <th>Description</th>
    <th>Cost</th>
    <th>Total</th>
    <th></th>
  </tr>
  <tr ng:repeat="item in invoice.items">
    <td><input name="item.qty" value="1" size="4" ng:required ng:validate="integer"></td>
    <td><input name="item.description"></td>
    <td><input name="item.cost" value="0.00" ng:required ng:validate="number" size="6"></td>
    <td>{{item.qty * item.cost | currency}}</td>
    <td>[<a href ng:click="invoice.items.$remove(item)">X</a>]</td>
  </tr>
  <tr>
    <td><a href ng:click="invoice.items.$add()">add item</a></td>
    <td></td>
    <th>Total:</th>
    <td>{{invoice.items.$sum('qty*cost') | currency}}</td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

<!-- 
  Workaround for jsfiddle to pass in ng:autobind
  http://doc.jsfiddle.net/basic/introduction.html#css
-->
<script src="http://code.angularjs.org/angular-0.9.10.min.js" ng:autobind></script>

<style>
table th {
  font-weight: bold;
}
table td …
Run Code Online (Sandbox Code Playgroud)

javascript-framework backbone.js angularjs knockout.js

9
推荐指数
2
解决办法
7985
查看次数

改进了John Resig的JavaScript类框架

美好的一天,

我最近一直在寻找一个简单的JavaScript类框架,它只进行基本的继承.我在他的博客上找到了John Resig的示例框架,我发现它对我的需求非常满意.但是,该帖子的日期是2008年,毕竟这是我们正在讨论的网络.

所以我的问题是,你们会按原样使用那个系统,还是会有改进,多年来发现的东西?或者也许是现有的,积极支持的类框架,类似于这个?

谢谢.

javascript javascript-framework

9
推荐指数
2
解决办法
5149
查看次数

带有backbonejs的Kendo UI

您是否认为可以将主干js与Kendo小部件一起用于UI?或者Kendo框架对于集成来说太强大了?

PS:我不是这两个人中的任何一个的专家

谢谢

javascript-framework backbone.js kendo-ui

9
推荐指数
2
解决办法
3432
查看次数

访问父骨干视图的属性

我有一个调用子视图的骨干视图:

  lr.MapView = Backbone.View.extend({
    el: $('#map'),
    foo: "bar",
    initialize: function() {
      var that = this;
      _.bindAll(this, "render", "addAllEvents", "addOneEvent");
      this.collection = new lr.Events();
      this.collection.fetch({
        success:  function(resp) {
          that.render();
          that.addAllEvents();
        }
      });   
    },

    addAllEvents: function() {
      this.collection.each(this.addOneEvent);
    },

    addOneEvent: function(e) {
      var ev = new lr.EventView({ 
        model:  e
      });
    },

    render: function() {
    } 
  });
Run Code Online (Sandbox Code Playgroud)

这是子视图:

  lr.EventView = Backbone.View.extend({
    initialize: function() {
      _.bindAll(this, "render");
      console.log(lr.MapView.foo); // will console.log 'undefined' 
    },
    render: function() {
    }
  });
Run Code Online (Sandbox Code Playgroud)

我希望能够在子视图中访问父视图的属性,但它不能使用上面的代码.例如,如何在子视图中访问"foo"变量?

javascript javascript-framework backbone.js

9
推荐指数
1
解决办法
9390
查看次数

适用于单页Web应用程序的后端?

从历史上看,我主要在Django中编写Web应用程序,但现在我越来越多地发现我想使用Backbone.js或类似的JavaScript框架编写单页Web应用程序,后端只包含数据库和一个API.

我的问题是这个.如果我的应用程序结构如下所示:

 1. Database
 |
 v
 2. API methods
 |
 v
 3. Single-page front-end written with Backbone
Run Code Online (Sandbox Code Playgroud)

我最喜欢Django - 但也热衷于学习新东西,比如NoSQL和Node,如果它们合适的话 - 人们会推荐我用于(2)?

通常情况下,我会将Django与Piston一起用作API应用程序,但它似乎相当重量级,拥有所有Django并且仅将其用作API提供程序.不过,也许我不应该担心.

django javascript-framework singlepage backbone.js single-page-application

9
推荐指数
2
解决办法
5646
查看次数

性能测试OpenLayers vs Leaflet

我想比较OpenLayers和Leaflet之间的表现.我想测试哪些是最快的渲染矢量文件,底图,显示大量标记等.

我可以自己设置这个例子,但我不知道如何实际测量它们之间的速度差异?

在哪里可以看到执行将矢量数据加载到地图等任务实际需要多长时间?

我尝试在开发者控制台下使用Chrome中的"时间轴"标签,但对我来说并不是那么清楚.

这是一个地图的例子.我在哪里可以看到渲染蓝色形状需要多长​​时间?它只是一个简单的矢量文件.

底图,顶部有一个矢量图层

performance javascript-framework leaflet openlayers-3

9
推荐指数
1
解决办法
3195
查看次数

我应该从原型移动到jquery吗?

最后我一直觉得jQuery正慢慢成为JS库中的事实标准(我可能错了!),或者至少比其他框架更活跃.

例如,我一直在寻找像Componente这样的优秀开源日历,并找到了基于jQuery的http://fullcalendar.vinsol.com/.

我们一直在使用Prototype来处理非常小的事情,例如它的选择器功能(主要$用作快捷方式document.getElementById),在加载页面时执行一些JS并发出一些非常简单的Ajax调用.

所以我想迁移应该是非常直接的,但我想知道从Prototype迁移到jQuery的优点/缺点.

另一方面,我想将两者放在一起并不是一个好的选择,特别是考虑到迁移应该非常简单.我对吗?

编辑:一些有用的资源:

migration jquery javascript-framework prototypejs

8
推荐指数
2
解决办法
1764
查看次数

Angular JS ng-repeat消耗更多的浏览器内存

我有以下代码

<table>
 <thead><td>Id</td><td>Name</td><td>Ratings</td></thead>
 <tbody>
   <tr ng-repeat="user in users">
    <td>{{user.id}}</td>
    <td>{{user.name}}</td>
    <td><div ng-repeat="item in items">{{item.rating}}</div></td>
   </tr>
 </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

users是一个只有id和name的用户对象数组.数组中的用户对象数 - 150

items是一个只有id和rating的项目对象数组.数组中的项目对象数 - 150

当我在浏览器中渲染它时,当我尝试在我的chrome中进行分析时,它需要大约250MB的堆内存 - v23.0.1271.95.

我正在使用AngularJS v1.0.3.

有角度的问题还是我在这里做错了什么?

这是JS小提琴

http://jsfiddle.net/JSWorld/WqSGR/5/

javascript-framework angularjs

8
推荐指数
1
解决办法
4036
查看次数