Tag: JavaScript

Backbone JS:可以在其他视图中触发更新吗?

在我的简单项目中,我有2个视图 – 订单项视图(品牌)和应用程序。 我附加了允许select多个项目的function: var BrandView = Backbone.View.extend({ 一些代码 toggle_select:function(){ this.model.selected =!this.model.selected; if(this.model.selected)$(this.el).addClass('selected'); else $(this.el).removeClass('selected'); 返回这个; } }); var AppView = Backbone.View.extend({ 一些代码 delete_selected:function(){ _.each(Brands.selected(),function(model){ model.delete_selected(); }); 返回false; }, }); 事情是,我想知道有多less项目被选中。 在这个设置中,select不会影响模型,因此不会触发任何事件。 从MVC的概念我明白,意见不应该直接与其他意见交谈。 那么AppView如何知道在BrandView中select了什么? 更具体地说,我AppView知道有多less项目被选中,所以如果select多于1,我会显示一个多选的菜单。

使用ng-repeat和limitTo限制显示的可见项目的数量

我试图限制我的结果集到一个固定的数字。 我可以在ng-repeat使用limitTo ,但是这会限制项目而不pipe当前的可见性,并从DOM中删除项目。 我想限制到一些可见的项目,同时保持在DOM中的一切。 这是我现在的代码。 我的目标是总是在列表中显示不超过50个项目,即使items包含500个项目。 <div ng-repeat="item in items | limitTo: 50"> <div ng-show="item.visible"> <p>item.id</p> </div> </div> 这将最初限制为50个项目,但是如果我筛选列表(通过修改某些项目上的item.visible),列表从不显示50-500范围内的项目,而是显示less于50个项目。 限制ng-repeat的正确方法是什么?

Javascript重新加载页面

为了重新加载页面没有完全重新加载我正在使用的一切: window.top.location=window.top.location; 但是,当有锚文本时,这不起作用。 在这种情况下,它似乎什么也不做,但更有可能刷新主播。 任何修复这将重新加载页面(如上)而不重新加载caching的图像和脚本?

如何在客户端使用JavaScript来检测页面是否被encryption?

是否有可能在客户端检测用户是否使用encryption页面? 换句话说 – 我想知道当前页面的URL是以http还是https开头的。

对象和哈希之间的区别?

在Javascript中,对象和散列之间有什么区别? 你如何创造一个与另一个,为什么你会关心? 下面的代码示例有区别吗? var kid = { name: "juni", age: 1 } 和: var kid = new Object(); kid.name = "juni"; kid.age = 1; 和: var kid = new Object(); kid["name"] = "juni"; kid["age"] = 1; 你能想到我应该说明的其他代码示例吗? 这里的核心问题是对象和哈希之间的区别是什么?

angular ui-router:获取toState的$ state信息

更新 :这应该是可能的1.0.0alpha0从angular-ui路由器。 请参阅发行说明https://github.com/angular-ui/ui-router/releases/tag/1.0.0alpha0和问题https://github.com/angular-ui/ui-router/issues/1018 I创build。 我想访问状态的名称和应用程序正在导航到使用angular度ui路由器时的解决scheme的其他属性。 原因是:我想在允许应用程序进入该页面之前asynchronous加载一些用户数据(包括他们的访问权限)。 目前这是不可能的,因为注入$ state到parsing点指向你正在导航的状态,而不是你正在导航的状态。 我知道我可以: 用$ rootScope('$ stateChangeStart')把toState放到别的地方,然后把它保存在我的设置服务中。 但是我觉得有点混乱 硬编码的状态进入决心,但我不想重复我的决心所有网页 我也在ui-router github上创build了一个问题(如果你感兴趣的话,请加1): https : //github.com/angular-ui/ui-router/issues/1018 这是我的代码到目前为止。 任何帮助感激! .config(function($stateProvider) { $stateProvider.state('somePage', { // .. resolve: { userData: function($stateParams, $state, Settings) { return Settings.getUserData() // load user data asynchronously .then(function (userData) { console.log($stateParams); console.log($state); // Problem: $state still points to the state you're […]

HTMLcanvas全屏

我正在使用HTML Canvas使用以下应用程序: http : //driz.co.uk/particles/ 目前它被设置为640×480像素,但是我想把它放在全屏幕上,因为它会显示一个投影机。 然而,据我所知,我不能设置canvas大小为100%作为variables只有数字而不是%。 使用CSS只是拉伸它,而不是实际上全屏。 有任何想法吗? 编辑:试图find使用jQuery的高度和宽度,但它打破了canvas任何想法为什么? var $j = jQuery.noConflict(); var canvas; var ctx; var canvasDiv; var outerDiv; var canvasW = $j('body').width(); var canvasH = $j('body').height(); //var canvasW = 640; //var canvasH = 480; var numMovers = 550; var movers = []; var friction = .96; var radCirc = Math.PI * […]

JavaScript类

我了解基本的JavaScript伪类: function Foo(bar) { this._bar = bar; } Foo.prototype.getBar = function() { return this._bar; }; var foo = new Foo('bar'); alert(foo.getBar()); // 'bar' alert(foo._bar); // 'bar' 我也理解模块模式,它可以模拟封装: var Foo = (function() { var _bar; return { getBar: function() { return _bar; }, setBar: function(bar) { _bar = bar; } }; })(); Foo.setBar('bar'); alert(Foo.getBar()); // 'bar' […]

jquery检查元素是否在视口中可见

用于检查div类“media”是否在浏览器可视视口内的function,而不pipe窗口滚动位置如何。 <HTML> <HEAD> <TITLE>My first HTML document</TITLE> </HEAD> <BODY> <div class="main"> <div class="media"></div> </div> </BODY> </HTML> 试图使用这个插件https://github.com/customd/jquery-visible与这个function,但我不知道如何使其工作。 $('#element').visible( true );

我应该如何使用webpack的时刻?

在使用webpack构build我的项目时,我通常需要使用npm模块的CommonJS中的模块。 我需要在我的项目中使用时区,但在构build软件包时,您还必须从时区(time-timezone)构build所有数据,这可能相当多。 此外,构build失败,出现以下错误: ERROR in ./~/moment-timezone/data/packed/latest.json Module parse failed: /site/node_modules/moment-timezone/data/packed/latest.json Line 2: Unexpected token : You may need an appropriate loader to handle this file type. | { | "version": "2015a", | "zones": [ | "Africa/Abidjan|LMT GMT|g.8 0|01|-2ldXH.Q", @ ./~/moment-timezone/index.js 4:15-51 在这一点上,我不关心构build失败,因为如果它实际上成功了,我就是构build的大小。 但是,显然这个失败的构build也需要在某个时候解决。 我将不胜感激任何关于如何处理这个问题的指针,特别是如果你们中的任何一个使用webpack(或者也许是浏览器)遇到同样的问题。