小编Dan*_*nze的帖子
Polymer元素和AngularJS指令有什么区别？
在Polymer Getting Started页面上,我们看到Polymer的实例:
<html>
<head>
<!-- 1. Shim missing platform features -->
<script src="polymer-all/platform/platform.js"></script>
<!-- 2. Load a component -->
<link rel="import" href="x-foo.html">
</head>
<body>
<!-- 3. Declare the component by its tag. -->
<x-foo></x-foo>
</body>
</html>
您将注意到的是<x-foo></x-foo>由platform.js和定义的x-foo.html.
看起来这相当于AngularJS中的指令模块:
angular.module('xfoo', [])
.controller('X-Foo', ['$scope',function($scope) {
$scope.text = 'hey hey!';
})
.directive('x-foo', function() {
return {
restrict: 'EA',
replace: true,
controller: 'X-Foo',
templateUrl: '/views/x-foo.html',
link: function(scope, controller) {
}
};
});
两者有什么区别？
Polymer解决AngularJS没有或不会有什么问题？
是否有计划在未来将Polymer与AngularJS联系起来？
推荐指数
解决办法
查看次数
使用Restangular over ngResource有什么好处？
ngResource已经似乎很简单,以落实事情...
使用Restangular over ngResource有什么优点/缺点？
1.1.3 $resource将返回promises并且可以使用最新的PR提交来实现.是否会提供未来支持$resource以支持Restangular所做的其他动词？如果发生这种情况,Restangular似乎会消失并变得不可靠.
推荐指数
解决办法
查看次数
按对象属性从数组中删除对象
var listToDelete = ['abc', 'efg'];
var arrayOfObjects = [{id:'abc',name:'oh'}, // delete me
{id:'efg',name:'em'}, // delete me
{id:'hij',name:'ge'}] // all that should remain
如何通过匹配对象属性从数组中删除对象？
请使用原生JavaScript.
我在使用拼接时遇到问题,因为每次删除都会缩短长度.在orignal索引上使用克隆和拼接仍然会给你带来缩短长度的问题.
推荐指数
解决办法
查看次数
Angular.module缩小bug
有最艰难的时间试图弄清楚为什么缩小不起作用.
我已经通过一个数组对象注入了我的提供者之前的功能,在网络上提出了许多建议,但仍然是"未知的提供者:aProvider < - a"
定期:
var app = angular.module('bpwApp', ['ui.bootstrap', 'ui', 'myTabs'])
.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){
$routeProvider.
when('/', {templateUrl: 'partials/home.jade', controller: HomeCtrl});
$locationProvider.html5Mode(true);
}])
精缩:
var app = angular.module('bpwApp', ['ui.bootstrap', 'ui', 'myTabs'])
.config(['$routeProvider', '$locationProvider', function(a, b){
a.
when('/', {templateUrl: 'partials/home.jade', controller: HomeCtrl});
b.html5Mode(true);
}])
任何建议都有很大的意义!
推荐指数
解决办法
查看次数
Bootstrap 3与当前的AngularJS bootstrap指令兼容吗？
bootstrap 3版本是否与当前的AngularJS bootstrap指令兼容？
我想在AngularJS中使用Bootstrap 2.3.1指令:
http://angular-ui.github.io/bootstrap/
使用Bootstrap 3.0.0 CSS:
https://github.com/twitter/bootstrap/tree/3.0.0-wip/
为什么？
AngularJS团队仍在研究v2.3.1的JS指令,需要时间赶上v3.0.0.我想现在开始使用v3 CSS网格语法.
javascript css twitter-bootstrap angularjs twitter-bootstrap-3
推荐指数
解决办法
查看次数
使用CORS和本地策略向REST API验证客户端应用程序
问题:
仅使用本地身份验证策略为客户端应用程序提供安全API.
红色箭头是知识差距的一部分.
语境:
也就是说--- client.example.com正在一个POST到api.example.com/login成功在那里client.example.com可以得到一个访问GET般的服务api.example.com/secret.
一个主意!
使用位于API前面的混合授权类型实现OAuth 2.0.
混合动力？
它不会是一个
Implicit Grant FlowakaClient-Side Web Applications Flow因为没有重定向到API服务器也授予访问令牌.(即)"某某访问您的数据是否可以？"它不会是
Resource Owner Password Flow因为客户端ID和客户端密钥与请求一起传递,因此假定客户端应用程序是服务器端.
好的......那么两者兼而有之呢？
如果我们在客户端应用程序的页面加载上使用CRSF令牌,并使用用户凭据将其POST,OAuth 2.0身份验证端点以交换访问令牌,该怎么办？成功登录后,您将使用访问令牌和CRSF令牌对每个后续请求进行身份验证.
我发现一个好的Node.js OAuth 2.0库:
https://github.com/ammmir/node-oauth2-provider
帮我!
我找不到解决这个问题的认证措施的工作示例!指出我正确的方向？
最终,这里的目标是使用CORS和本地策略(即用户名和密码)验证客户端应用程序到REST api,即使上面的约定是不可能的.
容纳赏金:
这是一个客户端应用程序,所以让我们保持时尚.
我正在寻找一个使用上面的Node.js OAuth 2.0种子用于API/Auth服务器以及像Angular.js或Backbone.js这样的前端框架来发出请求的工作示例.
该示例应与上述上下文匹配.
推荐指数
解决办法
查看次数
与AngularJS深度合并对象
通常我会使用浅拷贝对象 angular.extend()
这是一个例子:
var object1 = {
"key": "abc123def456",
"message": {
"subject": "Has a Question",
"from": "example1@example.com",
"to": "example2@example.com"
}
};
var object2 = {
"key": "00700916391"
};
console.log(angular.extend({}, object1, object2));
会给我们:
{
"key": "00700916391",
"message": {
"subject": "Has a Question",
"from": "example1@example.com",
"to": "example2@example.com"
}
}
但是如果我想合并对象以便子对象不会覆盖父键,那该怎么办呢？
var object1 = {
"key": "abc123def456",
"message": {
"subject": "Has a Question",
"from": "example1@example.com",
"to": "example2@example.com"
}
};
var object2 = {
"key": "00700916391", //Overwrite me
"message": { //Dont overwrite me!
"subject": …推荐指数
解决办法
查看次数
方向改变后的移动视口高度
我正在为这个orientationchange事件添加一个监听器:
window.addEventListener('orientationchange', function () {
console.log(window.innerHeight);
});
我需要获得文件的高度orientationchange.但是,事件在旋转完成之前触发.因此,记录的高度反映了实际方向变化之前的状态.
如何在完成方向更改后注册允许我捕获元素尺寸的事件？
推荐指数
解决办法
查看次数
与AngularJS的砌体
我正在开发一个" 艺术画廊 "应用程序.
目前的工作是让Masonry与Angular合作:
.directive("masonry", function($parse) {
return {
restrict: 'AC',
link: function (scope, elem, attrs) {
elem.masonry({ itemSelector: '.masonry-brick'});
}
};
})
.directive('masonryBrick', function ($compile) {
return {
restrict: 'AC',
link: function (scope, elem, attrs) {
scope.$watch('$index',function(v){
elem.imagesLoaded(function () {
elem.parents('.masonry').masonry('reload');
});
});
}
};
});
这不能很好地工作,因为:
- 随着内容的增长,在整个容器上进行重载的开销也随之增加.
该reload函数:
- 不 " 追加 "项目,而是重新安排容器中的每个项目.
- 当从结果集中过滤掉项目时,是否可以触发重新加载.
在应用程序的上下文中,我给出了上面的链接,这个问题变得非常容易复制.
我正在寻找一个将使用指令来利用的解决方案:
.masonry('appended', elem) 和 .masonry('prepended', elem)
而不是.masonry('reload')每次都执行.
.masonry('reload') 当从结果集中删除元素时.
编辑
该项目已更新为使用下面的工作解决方案.
在 …
推荐指数
解决办法
查看次数
响应式CSS圈子
目标:
响应式CSS圈子:
- 以相同的半径缩放.
- 半径可以按百分比计算.
- Radius可以通过媒体查询进行控制.
如果解决方案是javascript,我仍然需要模拟媒体查询触发器.我不需要'媒体查询,但我确实希望能够在特定宽度下控制半径百分比:
@media (max-width : 320px)
{
.x2{padding: 50%;}
}
@media (min-width : 321px) and (max-width : 800px)
{
.x2{padding: 25%;}
}
@media (min-width: 801px)
{
.x2{padding: 12.5%;}
}
这是我到目前为止:
<div class="x1">
<div class="x2">
lol dude
</div>
<div class="x2"></div>
<div class="x2"></div>
<div class="x2"></div>
</div>
.x1
{
float:left;
width:100%;
}
.x2
{
display:block;
float:left;
padding: 12.5%; //Currently being used to control radius.
width:auto;
height:auto;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius: 50%;
background:#eee;
text-align:center;
}
问题:
在此解决方案中,将内容添加到圆圈时: …
推荐指数
解决办法
查看次数
标签 统计
javascript ×9
angularjs ×7
css ×2
css-shapes ×1
html ×1
html5 ×1
jquery ×1
minify ×1
mobile ×1
ngresource ×1
node.js ×1
polymer ×1
restangular ×1
uglifyjs ×1
viewport ×1