小编Sir*_*ple的帖子

正则表达式:匹配除特定模式之外的所有内容

我需要一个正则表达式,能够匹配除了以特定模式开头的字符串之外的所有内容(具体而言index.php,如下所示index.php?id=2342343)

regex

255
推荐指数
5
解决办法
37万
查看次数

是`数据PoE a =空| 对aa`一个monad?

这个问题来自于一个应用而非Monad的仿函数的例子中的答案 :它声称是

data PoE a = Empty | Pair a a deriving (Functor,Eq)
Run Code Online (Sandbox Code Playgroud)

不能有monad实例,但我没有看到:

instance Applicative PoE where
    pure x = Pair x x
    Pair f g <*> Pair x y = Pair (f x) (g y)
    _        <*> _        = Empty
instance Monad PoE where
    Empty    >>= _ = Empty
    Pair x y >>= f = case (f x, f y) of 
                       (Pair x' _,Pair _ y') -> Pair x' y'
                       _ -> Empty
Run Code Online (Sandbox Code Playgroud)

实际的原因,我相信这是一个单子是,它是同构于Maybe (Pair …

monads haskell functional-programming

14
推荐指数
4
解决办法
572
查看次数

CSS网格生成比现有更多的列

我有一个用于大屏幕@media (min-width: 800px)的网格()在下一个指令中使用12列的网格:

grid-template-columns: repeat(12, [col-start] 1fr);
Run Code Online (Sandbox Code Playgroud)

但是对于移动设备,我改用:

grid-template-columns: repeat(4, [col-start] 1fr);
Run Code Online (Sandbox Code Playgroud)

到这里为止一切都很好,没有明显的问题。但是,如果我添加grid-gap: 1rem;一个问题,那么对于小屏幕来说,问题就变得很明显了,因为即使我指定了4列,它也被当作12列,其中4列的宽度为25%,其余的为0px,因此css的行为不佳。

我暂时无法在JSFiddle中重现它,但是我对此问题有一些了解。

对于大屏幕上的12列:

12列网格 12列的计算值

应用的样式:(其他计算值

 @media (min-width: 800px) {
   .my-grid {
     display: grid;
     padding: 2.5rem 4.875rem 0 4.875rem;
     grid-template-columns: repeat(12,[col-start] 1fr);
   }
 }
Run Code Online (Sandbox Code Playgroud)

对于4列: 不好4列 计算值

应用的样式:(其他计算值

   .my-grid {
     display: grid;
     grid-template-columns: repeat(4,[col-start] 1fr);
     padding: 1rem;
   }
Run Code Online (Sandbox Code Playgroud)

如您所见,4列网格的计算值设置了4列,其余的宽度为0px ...

在元素检查中,只有我上面写过的行。

知道为什么我们会有这种行为吗?

另外请注意,我使用的是样式组件,它是一个div。

Codepen错误

css grid css-grid styled-components

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

在 JavaScript 中实现中国剩余定理

我一直在尝试解决2020 年代码出现第 13 天第 2 部分的任务。我发现了很多关于中国剩余定理的提示。我在 npm 的nodejs-chiesse-remainders之后尝试了一些实现,但这个实现似乎很旧(2014)并且还需要额外的库来处理 Big Int 情况。

我怎样才能实现模块化乘法逆?我如何重构我提供链接的 npm 模块中定义的 CRT 算法?

javascript algorithm crt typescript

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

循环直到...使用 Ramda

我试图使用 Ramda 重构几段代码,我想知道在 Ramda/Functional Programming 中解决以下代码的好方法是什么:

let arrayOfSomething = initArray();

for(let i = 0; SOME_INDEX_CONDITION(i)|| SOME_CONDITION(arrayOfSomething); i++) {
    const value = operation(arrayOfSomething);
    const nextValue = anotherOperation(value);

   arrayOfSomething = clone(nextValue)
}
Run Code Online (Sandbox Code Playgroud)

所以基本上我想迭代并在 arrayOfSomething 上应用相同的管道/操作组合,直到满足其中一个条件。重要的是我得到最后一个值 (nextValue) 作为对 forLoop 组合的反馈。

javascript functional-programming ramda.js

3
推荐指数
2
解决办法
2033
查看次数

Vaadin TreeGrid 没有展开或折叠图标

我使用 Vaadin 创建了一个包含单个 TreeGrid 的简单 Web 应用程序。TreeGrid 出现了,但没有用于展开或折叠根元素(“Year 2010”或“Year 2011”)的句柄,尽管有子元素。当我使用 expand(..) 方法时,树被展开(如截图所示),但没有图标可以折叠它。在下面的屏幕截图中,“Year 2011”是展开的根节点,其中“Customer Project1”和“Customer Project 2”是子节点。该项目是使用 Maven 构建的,我使用 vaadin-bom 版本 13.0.2 和 vaadin-grid-flow-3.0.3.jar。屏幕截图下方是我使用的代码。我认为问题一定出在方法 createTreeGrid() 中。Vaadin 的工作示例可以在这里找到 Vaadin 示例

那么有人对如何解决这个问题有任何想法吗?任何帮助表示赞赏... :-)

托尔斯滕

截屏

package hello;


@Route
public class MainView extends VerticalLayout
{

public MainView()
{
    add( createTreeGrid() );
}

private TreeGrid<Project> createTreeGrid()
{
    TreeGrid<Project> treeGrid = new TreeGrid<>();
    final List<Project> generateProjectsForYears = generateProjectsForYears( 2010, 2016 );
    treeGrid.setItems( generateProjectsForYears, Project::getSubProjects );

    treeGrid.addColumn( Project::getName ).setHeader( "Project Name" ).setId( "name-column" );
    treeGrid.addColumn( Project::getHoursDone ).setHeader( "Hours …
Run Code Online (Sandbox Code Playgroud)

vaadin treegrid vaadin-flow

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

带边距/填充的 CSS 网格全屏

使用 CSS 网格,我需要一个带有固定页眉、导航和页脚的全屏,只有文章是 Flex 的。

With margin = 0px it is OK

但是 margin = 10px 就不行了since footer is not fixed below

如何保持全屏固定页眉、导航和页脚(只有文章是弹性的)以及边距 = 20px?

css margin fullscreen css-grid

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