主页 / 问题

全部问题

Martin Hope
user192664
Asked: 2020-10-12 19:06:16 +0000 UTC
  • 27

比赛挑战：

我有一个二维数组N x N。我们需要编写一个函数，以顺时针方向围绕二维数组循环，如图所示。

在此处输入图像描述

示例4x4：

输入是一个二维数组：

entryArray = [[1, 2, 3, 4], [12, 13, 14, 5], [11, 16, 15, 6], [10, 9, 8, 7]]

遍历后的输出是一维数组：

exitArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]

语言可以是任何东西。主要条件：函数必须对任何等边二维数组都能正常工作，包括1х1，空数组返回空数组。

获奖者的定义：

获胜者将由以下参数决定：

  1. 最少的代码字符数
  2. 票数
  3. 在第一个给出的答案之后不超过 2 次编辑

选择获胜者时不考虑作者的回答。

获胜者将在 2 周内（10 月 26 日）确定。

请在响应头中注明语言和缩小函数的字符数，用逗号分隔。

我希望看到Ruby、Haskell和Scalaad infinitum 的解决方案。非常感谢您的活动！

获奖者结论：

execute("ru.stackoverflow.com", "892196");
.cssload-container,.cssload-cube{width:97px;height:97px;transform-style:preserve-3d}.cssload-container,.cssload-cube,.cssload-half1,.cssload-half2{transform-style:preserve-3d}.cssload-container{position:relative;margin:23px 84px;perspective:292px}.cssload-cube{animation:cube 11.5s forwards infinite;transform-origin:center 49px}.cssload-half1,.cssload-s1{top:0;transform-origin:50% 100%}.cssload-half1{height:39px;position:absolute;animation:half-fold 11.5s forwards infinite}.cssload-side{width:19px;height:19px;background:#ddd;position:absolute}.cssload-s1{left:39px;animation:s1ani 11.5s forwards infinite}.cssload-s2,.cssload-s3,.cssload-s4{left:39px;transform-origin:50% 0}.cssload-s2{top:19px;animation:s2ani 11.5s forwards infinite}.cssload-s3{top:39px;animation:s3ani 11.5s forwards infinite}.cssload-s4{top:58px;animation:s4ani 11.5s forwards infinite}.cssload-s5{left:19px;top:19px;transform-origin:100% 50%;animation:s5ani 11.5s forwards infinite}.cssload-s6{left:58px;top:39px;transform-origin:0 50%;animation:s6ani 11.5s forwards infinite}@keyframes cube{0%,30%{transform:rotateX(0)}40%{transform:rotateX(45deg) rotateY(0) rotate(45deg)}60%{transform:rotateX(60deg) rotateY(0) rotate(45deg)}65%,70%{transform:rotateX(60deg) rotate(45deg) rotate(180deg)}75%,80%{transform:rotateX(60deg) rotate(45deg) rotate(1turn)}90%{transform:rotateX(0) rotate(0) rotate(0)}}@keyframes s1ani{0%{opacity:1;transform:translateY(0);background:#ddd}40%{transform:rotateX(0);background:#ddd}50%{transform:rotateX(-90deg);background:#ddd}90%{transform:rotateX(-90deg)}}@keyframes s2ani{0%{opacity:0;transform:rotateX(-179deg)}10%{opacity:1;transform:rotateX(0)}40%{background:#ddd}45%,80%{background:#b4b4b4}65%{opacity:1;background:#b4b4b4}90%{opacity:1}to{opacity:0}}@keyframes s3ani{0%,10%{opacity:0;transform:rotateX(-179deg)}20%,90%{opacity:1;transform:rotateX(0)}40%{background:#ddd}45%{background:#969696}to{opacity:0}}@keyframes s4ani{0%,20%{opacity:0;transform:rotateX(-179deg)}10%,to{opacity:0}30%{opacity:1;transform:rotateX(0)}40%{transform:rotateX(0);background:#ddd}50%{transform:rotateX(90deg);background:#b4b4b4}80%{background:#b4b4b4}90%{opacity:1;transform:rotateX(90deg)}}@keyframes s5ani{0%,10%{opacity:0;transform:rotateY(-179deg)}20%{opacity:1;background:#ddd;transform:rotateY(0)}40%{transform:rotateY(0)}50%{transform:rotateY(90deg)}55%{background:#ddd}60%{background:#c8c8c8}90%{transform:rotateY(90deg);opacity:1}to{opacity:0}}@keyframes s6ani{0%,20%{opacity:0;transform:rotateY(179deg)}30%{opacity:1;transform:rotateY(0)}40%{transform:rotateY(0)}50%{transform:rotateY(-90deg);background:#ddd}60%,80%{background:#c8c8c8}90%{opacity:1;transform:rotateY(-90deg)}to{opacity:0}}@keyframes half-fold{0%,50%{transform:rotateX(0)}60%,90%{transform:rotateX(-90deg)}}
<script src="https://mayorovp.github.io/codegolf/table-8c505e68f1349e4c69e7.js"></script>
<div class=cssload-container><div class=cssload-cube><div class=cssload-half1><div class="cssload-side cssload-s1"></div><div class="cssload-side cssload-s2"></div><div class="cssload-side cssload-s5"></div></div><div class=cssload-half2><div class="cssload-side cssload-s3"></div><div class="cssload-side cssload-s4"></div><div class="cssload-side cssload-s6"></div></div></div></div>

比赛结果：

第一名 Andrew NOP用Haskell回答40 字节

第二名 Yauhen的Ruby答案为 59 字节

第三名 比方说81 字节 JavaScript答案的Pie

非常感谢大家的参与，所有的评论都将被考虑到以后的比赛中。

javascript
Martin Hope
A K
Asked: 2020-07-22 05:06:45 +0000 UTC
  • 27

很多时候在 OOP 的文章中有一个词是不变的：

  • ...不允许模型提供自己的不变量
  • 您可以根据先前调用的后置条件和不变量来验证是否满足前置条件
  • 顺便说一下，这被称为不变原理。实际上封装并允许您保存不变量。
  • 也就是说，无论同时有多少消费者，它都将保留其不变量并遵守合同。
  • 每个聚合都有一个根（Aggregate Root）和一个边界，在该边界内必须始终满足不变量。

这个词是什么意思？不变量在代码中是什么样的？

我找到了术语“循环不变”的描述：

循环不变量是在循环之前为真、在循环执行时为真、在循环退出时为真的关系。这一切都由 Dijkstra 在《编程学科》一书中描述，并由 Gris 在《编程科学》一书中详细解释。

我想了解不变量是什么意思

  1. 在合同编程和
  2. 纯OOP（据我了解，这与封装有关）
c#
Martin Hope
Demon __
Asked: 2020-05-02 16:35:45 +0000 UTC
  • 27

我真的很想知道如何实现 这里使用的水的效果

进入网站后立即向上滚动，不要等待，然后你会看到带有水效果的图片或任何它们的名字。我叫水是因为它更接近

请不要jQuery

.blue {
  background-image:url("//i.stack.imgur.com/Zt1S7.jpg");
  width:400px;
  height:400px;
  background-size:cover;
}
<div class="blue">

</div>

javascript
Martin Hope
Qwertiy
Asked: 2020-04-25 05:43:38 +0000 UTC
  • 27

我们需要使两条 SVG 路径相交并获得一条表示它们相交的路径。

它是在浏览器中运行还是在 Node.js 中运行都没有关系。
你需要的正是路口，使用clip-path不合适。
如果穿越后突然需要它transform，那就不可怕了（我自己去掉）。

我认为已经有一些图书馆，但我只发现

  • svg-intersections - 返回一个交点数组，我需要path
  • path-intersection - 有些东西对我根本不起作用 - 我总是得到一个空数组
  • snap.svg - 似乎提供了一些有用的东西，但我不明白如何使用它

例如，当穿越这些路径时：

M 24.379464,51.504463 23.434524,23.156249 38.742559,12.572916 c 0,0 29.860118,-9.0714281 17.00893,0.755953 -12.851191,9.82738 13.229166,19.465774 13.229166,19.465774 z
m 32.883928,0.28869028 c 0,0 -15.686011,1.51190452 -8.504463,7.18154712 7.181546,5.6696426 50.270836,30.0491076 26.458332,42.3333336 -23.8125,12.284226 47.058036,14.174107 47.058036,14.174107 z

应该是（大约）：

M 43.943359 11.123047 C 40.995759 11.900151 38.742188 12.572266 38.742188 12.572266 L 35.236328 14.996094 C 44.091432999999995 21.21816 55.052161 29.822765 57.455078 37.628906 L 66.939453 33.650391 63.632812 30.410156 C 58.77426 27.95814 52.364322 23.85552 52.214844 19.224609 L 43.943359 11.123047 z

这是一个包含示例路径的交互式片段（忽略颜色 - 它们只是为了清楚起见） - 您需要Пересечение从#path1和获取路径#path2：

svg { width: 10em; width: 100vmin; outline: 1px dotted blue; display: none; }
input { display: none; }
label { width: 10em; float: left; clear: left; cursor: pointer; line-height: 2em; margin: 0 .5em .25em 0; padding: 0 .25em; border: 1px solid; }
:checked + * + * + label { background: antiquewhite; color: blue; }
:checked + * + * + * + * + * + svg { display: inline-block; }
<input type=radio name=svg id=in checked>
<input type=radio name=svg id=out>
<input type=radio name=svg id=cp>

<label for=in>Данные</label>
<label for=out>Пересечение</label>
<label for=cp>Обрезка</label>

<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="22 0 76 64">
  <path id="path1"
    style="fill:rgba(255,0,0,.5); stroke:red;stroke-width:0.26458332px;"
    d="M 24.379464,51.504463 23.434524,23.156249 38.742559,12.572916 c 0,0 29.860118,-9.0714281 17.00893,0.755953 -12.851191,9.82738 13.229166,19.465774 13.229166,19.465774 z"
  />
  <path id="path2"
    style="fill:rgba(0,255,0,.5);stroke:green;stroke-width:0.26458332px;"
    d="m 32.883928,0.28869028 c 0,0 -15.686011,1.51190452 -8.504463,7.18154712 7.181546,5.6696426 50.270836,30.0491076 26.458332,42.3333336 -23.8125,12.284226 47.058036,14.174107 47.058036,14.174107 z"
  />
</svg>

<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="22 0 76 64">
  <path
    style="fill:rgba(0,0,255,.5);stroke:blue;stroke-width:0.26458332px;"
    d="M 43.943359 11.123047 C 40.995759 11.900151 38.742188 12.572266 38.742188 12.572266 L 35.236328 14.996094 C 44.091432999999995 21.21816 55.052161 29.822765 57.455078 37.628906 L 66.939453 33.650391 63.632812 30.410156 C 58.77426 27.95814 52.364322 23.85552 52.214844 19.224609 L 43.943359 11.123047 z"
  />
</svg>

<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="22 0 76 64">
  <clipPath id="clip2">
    <use xlink:href="#path2" />
  </clipPath>
  <use xlink:href="#path1" clip-path="url(#clip2)" />
</svg>

Snap.svg 示例

var p1 = "M 24.379464,51.504463 23.434524,23.156249 38.742559,12.572916 c 0,0 29.860118,-9.0714281 17.00893,0.755953 -12.851191,9.82738 13.229166,19.465774 13.229166,19.465774 z"
var p2 = "m 32.883928,0.28869028 c 0,0 -15.686011,1.51190452 -8.504463,7.18154712 7.181546,5.6696426 50.270836,30.0491076 26.458332,42.3333336 -23.8125,12.284226 47.058036,14.174107 47.058036,14.174107 z"

var intersection = Snap.path.intersection(p1, p2)

console.log(intersection)
.as-console-wrapper.as-console-wrapper { max-height: 100vh }
<script src=//cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js></script>

PS：这个问题是英文的。

javascript
Martin Hope
RareScrap
Asked: 2020-08-03 07:36:43 +0000 UTC
  • 28

我读到 SOLID 是很好的建议，经过时间考验，但你不应该将它们强加到每个项目中。在没有必要使用它并且没有找到它的情况下搜索示例。告诉我，在什么情况下使用 SOLID 是不合理的？

ооп
上一页
下一页