小编Zyd*_*nar的帖子

CSS border-radius xy 是否存在?

假设我们有简单的 div 并且他的宽度!=高度。

<div id="test"></div>
Run Code Online (Sandbox Code Playgroud)

和CSS看起来像:

#test {
    width: 200px;
    height: 50px;
    border-radius: 30%;
    border: 5px solid black;
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

百分比border-radius使较长的边更加弯曲。该值px将使边框同样弯曲:

#test{
    border-radius: 30px;
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

我的问题是,有没有一种方法(使用 CSS)来操纵这个比例px(独立于改变 div 大小)并使 div 的短边更加弯曲?或者只能通过画布来实现。

css

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

如果 obj 是类型之一,如何检查属性是否存在

假设我有几个接口 A、B、C 实现了公共 Base。

interface Base {
    x: number;
    y: number;
    z: number;
}

interface A extends Base {
    a: true;
}

interface B extends Base {
    b: true;
}

interface C extends Base {
    C: true;
}
Run Code Online (Sandbox Code Playgroud)

并使用 if 语句运行:

function foo(arg: A|B|C){
    if(arg.a!==undefined){//throws type error
        //do stuff for type a
    } else if(arg.b !== undefined){//throws type error
        //do stuff for type b
    } else if(arg.c !== undefined){ //throws type error
        //do stuff for type c
    }
}
Run Code Online (Sandbox Code Playgroud)

如何正确检查属性是否存在?我不想使用任何类型。是 …

typescript

6
推荐指数
2
解决办法
1696
查看次数

在将几条记录插入 Postgres 数据库后,使用 knex 的 Nodejs 应用程序中断

在将几条记录插入 Postgres 数据库后,我使用 knex 的 Nodejs 应用程序中断,出现以下错误:

未处理的拒绝错误

aborted at PendingOperation.abort (/mnt/c/Users/*********/node_modules/tarn/lib/PendingOperation.js:25:17)
at Promise.all.pendingAcquires.map.acquire (/mnt/c/Users/*********/node_modules/tarn/lib/Pool.js:190:23)
at Array.map (native)
at Promise.all.then.then (/mnt/c/Users/*********/node_modules/tarn/lib/Pool.js:189:34)
Run Code Online (Sandbox Code Playgroud)

从之前的活动:

at Client_PG.acquireConnection (/mnt/c/Users/*********/node_modules/knex/lib/client.js:335:34)
at /mnt/c/Users/*********/node_modules/knex/lib/transaction.js:191:41
Run Code Online (Sandbox Code Playgroud)

从之前的活动:

at Transaction.acquireConnection (/mnt/c/Users/*********/node_modules/knex/lib/transaction.js:190:34)
at new Transaction (/mnt/c/Users/*********/node_modules/knex/lib/transaction.js:68:53)
at Client_PG.transaction (/mnt/c/Users/*********/node_modules/knex/lib/client.js:159:12)
at Function.transaction (/mnt/c/Users/*********/node_modules/knex/lib/util/make-knex.js:75:21)
Run Code Online (Sandbox Code Playgroud)

这是它中断的代码:

const writeOrdersToDB$ = (order: Order): Observable<Order> => {
  const orderToInsert = cleanOrder(order);
  return Observable.fromPromise(knex.transaction((trx: Transaction) => trx('order')
    .insert(orderToInsert)
    .returning('*')));
};
Run Code Online (Sandbox Code Playgroud)

javascript node.js observable rxjs knex.js

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

如何在画布2D中绘制这个形状并用颜色填充它?

画布2D

这应该没有这个对角线.我想绘制两个弧,一个半径小x2,连接它们fill().我知道如何计算弧的结束和开始,问题是弧总是顺时针绘制,所以要绘制第二个弧,ctx.beginPath()我必须使用类似ctx.moveTo()但是移动问题,我得到两个不同的路径作为证据closePath()导致这个对角线.

所以我想知道如何在顺时针方向以外的方向绘制弧线,或者如何使用moveTo(),但仍然可以填充此形状.填写现在导致以下问题: 在此输入图像描述 白色对角可见.

javascript canvas html5-canvas

3
推荐指数
1
解决办法
76
查看次数

为什么 .class_name:nth-child(even) 计算没有 .class_name 的元素

用什么计算的规则:nth-child()?这只是一个错误吗?

.info_row:nth-child(even) {
  background: orange
}
Run Code Online (Sandbox Code Playgroud)
<div>
  <h2>Title</h2>
  <div class="info_row">
    <div>Category:</div>
    <div>data</div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

如果我用div.info_rowother换行<div>或删除<h2>它很明显,那.info_row:nth-child(even)是在<h2>没有.info_row类的情况下计算的。

html css css-selectors

0
推荐指数
1
解决办法
1136
查看次数