小编Mat*_*tow的帖子

如何将x,y坐标转换为角度?

Microsoft提供了一个出色的SVG渐变制作器,因此IE9也可以具有"CSS3"渐变(单击自定义).

我目前利用他们的逻辑为我的FireworksDreamweaver扩展将渐变转换为SVG,但我只知道如何为标准的顶部,底部,左,右方向做.如果输入一个角度,我不进行转换,因为我不确定如何将x1,x2,y1,y2转换为CSS3角度.

梯度生成器提供如下值:x1 ="0%"y1 ="0%"x2 ="56.262833675564686%"y2 ="68.29999651227678%"

我对数学或三角学不太满意,所以有人可以帮助我吗?如果可能的话,我也想在Sass mixin中使用相同的数学来做类似的事情.

javascript svg gradient trigonometry css3

34
推荐指数
2
解决办法
7万
查看次数

如何使用TypeScript为无状态的,功能齐全的React组件指定(可选)默认道具?

我正在尝试在Typescript中创建一个带有可选props和defaultProps的无状态React组件(对于React Native项目).这对于vanilla JS来说是微不足道的,但是我对如何在TypeScript中实现它感到难过.

使用以下代码:

import React, { Component } from 'react';
import { Text } from 'react-native';

interface TestProps {
    title?: string,
    name?: string
}

const defaultProps: TestProps = {
    title: 'Mr',
    name: 'McGee'
}

const Test = (props = defaultProps) => (
    <Text>
        {props.title} {props.name}
    </Text>
);

export default Test;
Run Code Online (Sandbox Code Playgroud)

调用<Test title="Sir" name="Lancelot" />"Lancelot爵士"按预期呈现,但<Test />什么都没有,什么时候输出"Mr McGee".

任何帮助是极大的赞赏.

javascript typescript reactjs react-native

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

自定义排序jQuery dataTable列

我有一个包含数字列和NA的表.

<tr>
    <td>NA</td>
</tr>
<tr>
    <td>1024</td>
</tr>
<tr>
    <td>100</td>
</tr>
<tr>
    <td>200</td>
</tr>
<tr>
    <td>300</td>
</tr>
<tr>
    <td>2096</td>
</tr>
Run Code Online (Sandbox Code Playgroud)

我正在尝试使用jQuery dataTable对列进行排序以生成以下内容:

NA,100,200,300,1024,2096 2096,1024,300,200,100,NA

但无法弄清楚如何通过阅读排序和插件文档来做到这一点.

我在这里创建了一个代码小提琴:http://jsfiddle.net/stowball/rYtxh/并且非常感谢一些帮助.

javascript sorting datatable jquery

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

如何用不同的数字替换字符串中的每个数字?

可能重复:
如何增加字符串中的每个数字?

在JavaScript中,如何用该数字替换字符串中的每个数字+ 20

所以,这个字符串: "min: 300px and max: 600px, min: 800px"

最终会成为 "min: 320px and max: 620px, min: 820px"

javascript regex string

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

如何在React Native中的无状态功能组件中扩展本机组件的道具TypeScript接口?

为了保持一致的样式,React Native文档建议编写一个<CustomText />包装本机<Text />组件的文本组件.

虽然这很容易做到,但我无法使用TypeScript 2如何制作<CustomText />所有道具<Text />而无需重新声明它们.

这是我的组件:

import React from 'react';
import { Text } from 'react-native';


interface Props {
    children?: any
}

const CustomText: React.SFC<Props> = (props) => (
    <Text {...props}>
        {props.children}
    </Text>
);
Run Code Online (Sandbox Code Playgroud)

如果我尝试使用<CustomText numberOfLines={1} />它会导致错误

TS2339: Property 'numberOfLines' does not exist on type 'IntrinsicAttributes & Props'
Run Code Online (Sandbox Code Playgroud)

react-native.d.ts,我看到有这个出口:

export interface TextProperties extends React.Props<TextProperties> {

    /**
     * Specifies should fonts scale to respect Text Size …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-native

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