小编Mar*_*com的帖子

我正在创建一堆 Web 组件，每个组件都可以发出自定义事件。举个例子，这里有两个简单的例子：

//MyButton
emits 'myButtonPressed' and detail of this type:
interface ButtonDetailType {
  id: string;
}

//MySlider
emits 'mySliderChanging' and details of this type:
interface SliderChangingDetailType {
  id: string;
  value: number;
}
emits 'mySliderChanged' and details of this type:
interface SliderChangedDetailType {
  id: string;
  oldValue: number;
  newValue: number;
}

要收听组件，我的代码如下所示：

buttonEl.addEventListener( 'myButtonPressed', ( event : CustomEvent ) => {
  const detail = event.detail as ButtonDetailType;
  //now i have access to detail.id
} );

sliderEl.addEventListener( 'mySliderChanging', ( event : CustomEvent …

在我的一个Java类中,我有两个非常相似的函数.Java中有没有办法将它们组合成一个函数,所以我不需要维护2个函数？

public static boolean areValuesValid( double [] values, int numElements ) {
    if( values == null || values.length != numElements ) {
        return false;
    }
    for( int i = 0; i < numElements; ++i ) {
        if( Double.isNaN( values[i] ) ) {
            return false;
        }
    }
    return true;
}

public static boolean areValuesValid( float [] values, int numElements ) {
    if( values == null || values.length != numElements ) {
        return false;
    }
    for( int i = 0; i < …

我有一个看起来像这样的树结构：

interface TreeData {
  id : number;
  text : string;
  children : TreeData[];
}

我想将其包装到一个不可变的映射中，但由于我使用的是 TypeScript，所以我希望使用 get 和 set 具有一些类型安全性。我在网上找到了 2 篇文章，了解如何做到这一点的建议，请参阅：

https://github.com/facebook/immutable-js/issues/683 https://blog.mayflower.de/6630-typescript-redux-immutablejs.html

然而我的问题是我的 TreeData 包含 TreeData 子级的列表。如果我这样定义 ImmutableMap：

export interface ImmutableMap<T, K, V> extends Map<K, V> {
  get<I extends keyof T>( key : I & K ) : T[I] & V;
  set<S extends keyof T>( key : S & K, value : T[S] & V ) : Map<K, V>;
}

然后，当我尝试定义以下内容时，我收到一条打字稿错误消息：

type ImmutableTreeData = ImmutableMap<TreeData, string, string | …

我的 stenciljs 渲染函数目前是用打字稿这样编写的：

render() {
  if( this._isInline ) {
    return (
      <span>
        <slot />
      </span>
    );
  } else {
    return (
      <div>
        <slot />
      </div>
    );
  }
}

但我更喜欢如果我能写成这样：

render() {
  const tag = this._isInline ? 'span' : 'div';
  return (
    <{tag}>
      <slot />
    </{tag}>
  );
}

但这给了我一堆错误消息。

有没有办法编写 jsx 代码，以便我有条件打开和关闭标记？

在一个文件中，我有这样的东西：

export const _all = {
  a: '',
  b: '',
  c: '',
  d: '',
  e: '',
  f: '',
}
type AllKeysType = typeof _all;
export type AllKey = keyof AllKeysType;

在另一个文件中，我有这样的东西：

export const _keep = {
  a: '',
  b: '',
  d: '',
  e: '',
}
type KeepKeysType = typeof _keep;
export type KeepKey = keyof KeepKeysType;

export const _ignore = {
  c: '',
  f: '',
}
type IgnoreKeysType = typeof _ignore;
export type IgnoreKey = keyof IgnoreKeysType;

如何使用Typescript断言在_allALWAYS中定义的键始终等于 …

我有以下要在Jest中测试的打字稿类。

//MyClass.ts
import { foo } from './somewhere/FooFactory';
export class MyClass {
  private _state : number;
  constructor( arg : string ) {
    this._state = foo( arg );
  }

  public getState() : string {
    return this._state;
  }
}

这是我的测试：

//MyClass.spec.ts
import { MyClass } from './MyClass';
describe( 'test MyClass', () => {
  test( 'construct' => {
    const c = new MyClass( 'test' );
    expect( c ).toBeDefined();
    expect( c.getState() ).toEqual( 'TEST' );
  } );
} );

如何模拟MyClass中使用的foo函数，以便此测试通过？

可以创建一个带参数参数的vuex存储getter，如下所示：https ://vuex.vuejs.org/en/getters.html

我正在使用Typescript（https://github.com/hmexx/vue_typescript_starter_kit）编写我的代码，但是我不知道如何编写带有参数自变量的getter。即，以下似乎无效：

export function getItemById(state : State, id : Number) : MyItem | undefined     {
  if(id === undefined) {
    return undefined;
  }
  for(const item of state.items) {
    if(item.id === id) {
      return item;
    }
  }
  return undefined;
}

export default <GetterTree<State, any>> {
  getItemById
};

无论如何要知道一个命名插槽包含多少个孩子？在我的 Stencil 组件中，我的渲染函数中有这样的东西：

<div class="content">
  <slot name="content"></slot>
</div>

我想要做的是根据插槽内有多少孩子对 div.content 进行不同的样式设置。如果插槽中没有子项，则 div.content 的 style.display='none'，否则，我将一堆样式应用于 div.content，使子项正确显示在屏幕上。

我试着做：

  const divEl = root.querySelector( 'div.content' );
  if( divEl instanceof HTMLElement ) {
    const slotEl = divEl.firstElementChild;
    const hasChildren = slotEl && slotEl.childElementCount > 0;
    if( !hasChildren ) {
      divEl.style.display = 'none';
    }
  }

但是，即使我将项目插入插槽，这也总是报告 hasChildren = false。

C++ 有没有办法定义一个函数，这样我就可以做这样的事情：

foo( "Error on line " << iLineNumber );
foo( "name " << strName << " is Invalid" );

就像现在一样，我必须在调用 foo 函数之前声明一个 ostringstream 对象，如下所示：

std::ostringstream strStream1;
ostringstream1 << "Error on line " << iLineNumber;
foo( ostringstream1 );

std::ostringstream strStream2;
ostringstream2 << "name " << strName << " is Invalid";
foo( ostringstream2 );