小编Aru*_*ven的帖子

如何通过值从不可变的js映射中获取特定对象?

我从对象列表中创建了一个不可变的映射(使用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)

javascript immutability

35
推荐指数
2
解决办法
5万
查看次数

角2 | 指令类型"{}"的参数不可分配给

我是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)

这是错误的屏幕截图 在此输入图像描述

angular

34
推荐指数
1
解决办法
4万
查看次数

Angular2:模块和组件的区别

我不太清楚,为什么Angular2有两个概念?

  1. 零件

它们之间有什么区别,它们应扮演的角色应该是什么?

  • 我什么时候需要创建一个SubModule
  • 我什么时候需要创建一个SubComponent

angular

24
推荐指数
1
解决办法
1万
查看次数

如何在Windows中运行"brew"命令..?

它在Windows命令提示符下显示" 'brew'未被识别为内部或外部命令 ".

在此输入图像描述

我正在尝试从github安装codeigniter-reactjs-example,其中第一个命令是.如何运行此命令在Windows中安装该项目..?brew

html php command codeigniter reactjs

14
推荐指数
2
解决办法
4万
查看次数

如何在 DynamoDB 中将排序键设置为全局二级索引(另一个分区键)?

我使用了带有以下字段的 DynamoDB 表:

主分区键=>user_id

主要排序键=>conversation_id

示例表数据

+---------+--------------------+ | user_id | conversation_id | +---------+--------------------+ | 10 | aaaa | | 10 | bbbb | | 10 | cccc |
| 11 | aaaa | | 11 | bbbb | | 11 | cccc | +---------+--------------------+

我在 dynamodb 中有两个单独的查询:

  1. 要按conversation_id特定的user_id.
    如果输入 10 => 输出 => aaaa, bbbb, cccc
  2. 如何user_id从特定中获取所有内容conversation_id如果输入 aaaa => 输出 => 10,11

我可以获得第一个查询的结果,但是如何获取第二个查询结果。?

使用主排序键( conversation_id …

database-design primary-key amazon-dynamodb

6
推荐指数
1
解决办法
3710
查看次数

哪个 JS 框架最适合拖放、调整大小和旋转功能……?

我将制作一个包含图像和文本的网络应用程序,并具有拖放、调整大小和旋转等用户处理功能。

我已经使用 Jquery UI js 来实现拖放、旋转和调整大小,但它似乎不是一个很好的实现所有这些事情而没有问题的方法。问题之一是,在旋转中,我无法创建四个角手柄来旋转图像,并且为了调整大小,我面临问题并使用了另一个 js 链接(ressized-rotation.patch.js)。

请告诉我哪个 Js 最适合实现所有这些事情(拖放、调整大小和旋转)。

html javascript drag-and-drop resize rotation

5
推荐指数
1
解决办法
7911
查看次数

如何将 redux 存储对象保存到外部 JSON 文件..?

我的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)

json object reactjs immutable.js react-redux

5
推荐指数
1
解决办法
6659
查看次数

如何在Redux中的不可变Js Map中深度更新两个值?

我正在尝试更新-> 内部的两个(widthx)值,如下所示: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并更新了 …

updates reactjs immutable.js redux

5
推荐指数
1
解决办法
1559
查看次数

旋转后调整大小时如何计算平移x和y值..?

我正在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.

HTML 代码 ( selection box div):

<div …
Run Code Online (Sandbox Code Playgroud)

html javascript css resize rotation

5
推荐指数
1
解决办法
678
查看次数

如何获得一个旋转div的四个角旋转手柄..?

我有一个div,使用Jquery UI rotatable插件来旋转div.我怎么能得到这个旋转手柄与绿色div的四个角旋转.

$('.box').draggable().rotatable();
Run Code Online (Sandbox Code Playgroud)

这是样本图像,其中在黑色圆角标记中我需要另外三个可旋转手柄来放置.

在此输入图像描述

我的示例代码在Jsfiddle ..!

html css jquery jquery-ui rotation

4
推荐指数
1
解决办法
1992
查看次数