我从对象列表中创建了一个不可变的映射(使用Immutable-JS):
var result = [{'id': 2}, {'id': 4}];
var map = Immutable.fromJS(result);
Run Code Online (Sandbox Code Playgroud)
现在我想得到对象id = 4.
有没有比这更简单的方法:
var object = map.filter(function(obj){
return obj.get('id') === 4
}).first();
Run Code Online (Sandbox Code Playgroud) 我是Angular 2的菜鸟.我正在做YouTube教程,但是每个教程都有directives:我被卡住的部分.
app.component.ts
import { Component } from '@angular/core';
import { HeaderComponent } from './components/header/header.component'
@Component({
selector: 'my-app',
template: '<h1>Hello</h1><header></header>',
directives: [HeaderComponent]
})
export class AppComponent { }
Run Code Online (Sandbox Code Playgroud)
Argument of type '{ selector: string; template: string; directives: typeof HeaderComponent[]; }' is not assignable to parameter of type 'ComponentMetadataType'.at line 6 col 3
Run Code Online (Sandbox Code Playgroud)
header.component.ts
import { Component } from '@angular/core';
@Component ({
selector: 'header',
template: '<h2>hit!</h2>'
})
export class HeaderComponent { }
Run Code Online (Sandbox Code Playgroud)

我不太清楚,为什么Angular2有两个概念?
模
零件
它们之间有什么区别,它们应扮演的角色应该是什么?
它在Windows命令提示符下显示" 'brew'未被识别为内部或外部命令 ".
我正在尝试从github安装codeigniter-reactjs-example,其中第一个命令是.如何运行此命令在Windows中安装该项目..?brew
我使用了带有以下字段的 DynamoDB 表:
主分区键=>user_id
主要排序键=>conversation_id
+---------+--------------------+
| user_id | conversation_id |
+---------+--------------------+
| 10 | aaaa |
| 10 | bbbb |
| 10 | cccc |
| 11 | aaaa |
| 11 | bbbb |
| 11 | cccc |
+---------+--------------------+
我在 dynamodb 中有两个单独的查询:
conversation_id特定的user_id. user_id从特定中获取所有内容conversation_id?
如果输入 aaaa => 输出 => 10,11我可以获得第一个查询的结果,但是如何获取第二个查询结果。?
使用主排序键( conversation_id …
我将制作一个包含图像和文本的网络应用程序,并具有拖放、调整大小和旋转等用户处理功能。
我已经使用 Jquery UI js 来实现拖放、旋转和调整大小,但它似乎不是一个很好的实现所有这些事情而没有问题的方法。问题之一是,在旋转中,我无法创建四个角手柄来旋转图像,并且为了调整大小,我面临问题并使用了另一个 js 链接(ressized-rotation.patch.js)。
请告诉我哪个 Js 最适合实现所有这些事情(拖放、调整大小和旋转)。
我的redux store配对object key value如下:
{
"appElements": {
"layers": {
"layer_1": {
"scene": {
"width": "100px",
"height": "100px",
"bgColor": "#aaaaaa",
"bgImage": "http:bgimage1.png"
},
"items": {
"yrgroih9": {
"width": "100px",
"x": "200px"
},
"qhy0dukj": {
"width": "100px",
"x": "200px"
},
"7lw2nvma": {
"width": "100px",
"x": "200px"
}
}
}
}
}
}
Run Code Online (Sandbox Code Playgroud)
我正在使用Immutable Js并将上述数据作为 ImmutableMap数据类型存储到存储中。
例如,我需要将上面给定的存储值保存到外部 json 文件mysavedfile.json中。
反应减速器中使用的代码:
import { Map, fromJS, isImmutable } from 'immutable';
export …Run Code Online (Sandbox Code Playgroud) 我正在尝试更新-> 内部的两个(width&x)值,如下所示:itemsyrgroih9
{
appElements: {
layers: {
layer_1: {
background: {
width: '100px',
height: '100px',
bgColor: '#aaaaaa',
bgImage: 'http:bgimage1.png'
},
items: {
yrgroih9: {
width: '100px',
x: '200px',
y: '200px'
},
qhy0dukj: {
width: '100px',
x: '200px',
y: '200px'
},
'7lw2nvma': {
width: '100px',
x: '200px',
y: '200px'
}
}
}
}
}
}
Run Code Online (Sandbox Code Playgroud)
用于在 items ->中更新新对象的代码yrgroih9:
case 'UPDATE_OBJECT':
return state.setIn(["appElements","layers","layer_1","items","yp57m359"],{
["width"]: action.objData.width,
["x"]: action.objData.x
});
Run Code Online (Sandbox Code Playgroud)
上面的代码删除y了当前位置内的键,yrgroih9并更新了 …
我正在javascript 中使用基于HTML div 元素角的调整大小。
Corner based resize working perfect when selection box div is unrotated (ie rotate(0 deg)).
旋转后,当左上角需要保持在同一位置时,我使用右下角作为手柄来调整选择框 div 的大小。
就像有四个手柄一样,调整大小时对角需要保持在同一位置。
但问题是,选择框左上角没有保持在相同的位置。
我需要计算旋转后基于角的调整大小的平移 x 和 y值。
scale, center_x, center_y, previous_x, previous_y, width, height, previous_width, previous_height, diff_width, diff_height, radian_angle, rotated_degree.
selection box div):<div …Run Code Online (Sandbox Code Playgroud) 我有一个div,使用Jquery UI rotatable插件来旋转div.我怎么能得到这个旋转手柄与绿色div的四个角旋转.
$('.box').draggable().rotatable();
Run Code Online (Sandbox Code Playgroud)
这是样本图像,其中在黑色圆角标记中我需要另外三个可旋转手柄来放置.
我的示例代码在Jsfiddle ..!
html ×4
javascript ×3
reactjs ×3
rotation ×3
angular ×2
css ×2
immutable.js ×2
resize ×2
codeigniter ×1
command ×1
immutability ×1
jquery ×1
jquery-ui ×1
json ×1
object ×1
php ×1
primary-key ×1
react-redux ×1
redux ×1
updates ×1