小编vuv*_*uvu的帖子

我正在读这篇关于获得2分之间角度的帖子,并且在想.我认为atan2定义为atan2(y,x),这里它是atan2(deltaX,deltaY),为什么x现在是第一个？

public float getAngle(Point target) {
    float angle = (float) Math.toDegrees(Math.atan2(target.x - x, target.y - y));

    if (angle < 0) {
        angle += 360;
    }

    return angle;
}

要让 flex-child 截断带省略号的文本，可以给父级一个 min-with:0。在我的项目中，子组件嵌套在几乎 10 个不同的弹性容器中。我是否需要给所有父母一个 min-width:0 还是有更好的解决方法？

沙箱

body {
  width: 400px;
}

.flex-parent {
  display: flex;
  padding: 10px;
  border: solid;
}

.flex-parent-parent {
  display: flex;
  border: solid;
  padding: 10px;
}

.flex-parent-parent-parent {
  display: flex;
  border: solid;
  padding: 10px;
}

.long-and-truncated {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

<div class="flex-parent-parent-parent">
  <div class="flex-parent-parent">
    <div class="flex-parent">
      <div class="flex-child long-and-truncated">
        1. This is a long string that is OK to truncate please and thank you
      </div>
    </div>
  </div>
</div>

我设置了一个简单的css动画,让一个圆圈成长,但它没有启动.怎么了？

小提琴

HTML

<ul><li></li></ul>

CSS

li {
    position: absolute;
    height: 70px; 
    width: 70px; 
    display:block; 
    border: 5px solid red; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    animation: growUp 1s; 
     animation-iteration-count: infinite;

}

@keyframes growUp {
  0%  { -moz-transform: scale(0); }
  100% { -moz-transform: scale(1); }
}

我想要一个数字显示为十进制,逗号后面有两位数.另外,需要将数字格式化为本地字符串.我怎样才能做到这一点？

  var initialValue = 3000; // shall be displayed as 3,000.00 or 3.000,00
  initialValue.toLocalString();  //digits are missing
  initialValue.toFixed(2);  // local format is missing

在错误合并后，最后一天的所有代码更改都被覆盖了。因为没有注意到，新的提交是在错误的合并之上进行的。我怎样才能回到某个提交，然后添加在错误合并后所做的提交？

git reset or git revert ?

我正在使用样式化的组件,并希望通过嵌套的css为div中的子项设置样式.在这里看我的演示

const styles = theme => ({
  root: {
    ...theme.typography.button,
    backgroundColor: theme.palette.common.white,
    padding: theme.spacing.unit,
    ">span": {
      background: "red"
    }
  }
});

function TypographyTheme(props) {
  return (
    <div className={props.classes.root}>
      <h1>
        <span>{"This div's text looks like that of a button."}</span>
      </h1>
    </div>
  );
}

我有一个列表，想从父级设置列表项的嵌套元素的样式。如何访问嵌套元素？下面的代码不起作用。

反应js标记

<ul classname={classes.list}>
   <li>
     <span className={classes.box}> my box </span>
   </li>
   <li>
     <span className={classes.box}>second box </span>
   </li>
</ul>

JSS

const styles = () => ({
  box: {
    background: 'red',
  },
  list: {
    listStyle: "none",

    "li": {
      "&:first-child": {
        "& $box": {
          color: 'red',
          border: 'solid',
         }
      }
    }
  },

我想用 typescript 在 svelte 中声明一个可选的 prop，但出现以下错误：“需要声明或声明”。如何正确声明 prop？

我的风格

export enum MyVariants {
  one = 'one',
  two = 'two'
}

纤细的组件

<script lang="ts">
  export let variant?: MyVariants;
</script>

错误：

   ts Declaration or statement expected

我刚开始使用JS,我为一个盒子创建了一个Contructor.现在我想要一个可以存储图像的盒子和一个可以存储文本的盒子.如何使用原型声明新的盒子对象？

//框构造函数

function Box(x, y, w, h) {
  this.x = x;
  this.y = y;
  this.w= w;
  this.h= h;    
}

//图像框功能:

 this.src = ....
 this.title = ...

//文本框功能:

  this.font = ...
  this.font-size=...
  this.color=....

因为我正在使用锚标签,所以我用div构建了一个表.显示为表格.不幸的是,标题与内容不一致.怎么了？

的jsfiddle

HTML

<div class="compare-table">
            <div class="row">
                <div class="tablehead">1 header</div>
                <div class="tablehead">2 header</div>
                <div class="tablehead">3 header</div>
                <div class="tablehead">4 header</div>
                <div class="tablehead">5 header</div>
            </div>
        </div>
   <div class="compare-table">                
            <a >
                <div class="cell">my value 1</div>
                <div class="cell">my value 2</div>
                <div class="cell">my value 3</div>
                <div class="cell">my value 4</div>
                <div class="cell">my value 5</div>
            </a>
</div>

我创建了一个由几个组件组成的 react formik 表单。我需要将 useFormik 对象传递给表单的组件。formik 的正确类型是什么？

家长表格

 const formik = useFormik({ ...

子组件

interface IAddressBoxProps {
  skip: () => void
  formik: any
}

const AddressBox: React.FC<IAddressBoxProps> = (props: IAddressBoxProps) => {
  const { skip, formik } = props
 ...

我想使用 Material-UI 单选按钮，react-hook-form更新后验证抛出以下错误：

transformToNestObject is not a function

包装Controller不正确吗？

沙盒示例

  <Controller
    render={({ field, fieldState }) => (
      <RadioGroup {...field} aria-label="option">
        <FormControlLabel
          value="A"
          control={<Radio size="small" color="primary" />}
          label="A"
        />
        <FormControlLabel
          value="B"
          control={<Radio size="small" color="primary" />}
          label="B"
        />
      </RadioGroup>
    )}
    name="option"
    control={control}
  />